/*Combo*/

po-combo {
	position: relative;
	display: block;
	width: 100%;
	border: 1px solid var(--inputbordercolor);
	border-radius: var(--inputborderradius);
	box-sizing: border-box;
	background: #fff;
}

	po-combo[type='single'] {
		height: 5vh;
		display: flex;
		align-items: center;
	}

	po-combo:has(input:invalid) {
		border-color: #ff4343;
	}

	po-combo[disabled] {
		pointer-events: none;
		opacity: 0.8;
	}

	po-combo[readonly],
	po-combo.label {
		pointer-events: none;
	}

	po-combo[required]:has(> icerik:empty) {
		border-color: #ff4343;
	}

zet-liste po-combo[required] > icerik:empty {
	border-bottom: 2px solid #ff4343;
}


po-combo:hover {
	border-color: var(--b4);
}

po-combo input.hidden {
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	z-index: -1;
}

po-combo > icerik {
	width: 100% !important;
	padding: 1.574074074vh;
	padding-right: 2vh;
	background: transparent;
	outline: 0;
	text-align: left;
	position: relative;
	white-space: pre;
	box-sizing: border-box;
	text-overflow: ellipsis;
	overflow: hidden;
	z-index: 0;
	display: block;
}

po-combo[type='single'] > icerik[renk] { /*Bakılacak*/
	display: flex;
	align-items: center;
}

	po-combo[type='single'] > icerik[renk]:not(:empty):before {
		content: '';
		width: 1.25vh;
		height: 1.25vh;
		border-radius: 50%;
		background: var(--optrenk);
		display: block;
		float: left;
		margin-right: 5px;
	}

po-combo[type='single'] > icerik[bgcolor]:before {
	content: '';
	background: var(--optbgcolor);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	border-radius: var(--inputborderradius);
}


po-combo[type='single'] > icerik[bgcolor] {
	color: var(--optforecolor, #fff);
	padding: 0.5vh 1vh !important;
}

po-combo[type='single']:not([disabled]):not([readonly]):not(.label):after {
	content: '\f107';
	font-family: var(--fonticon);
	right: 0;
	opacity: 0.5;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	height: 100%;
	width: 2vh;
	justify-content: center;
}

po-combo[type='single']:not([disabled]):not([readonly]):hover:after {
	opacity: 1
}

po-combo > icerik:empty:before {
	content: attr(placeholder);
	color: var(--b3);
	height: 2.5vh;
	font-size: var(--fs17);
	font-weight: normal;
	display: flex;
	align-items: center;
}

po-combo[type='single']:hover:after {
	opacity: 1;
}

po-combo[type='single'].load:after {
	font-family: var(--fonticon);
	content: '\f1ce' !important;
	animation: dondur 1s infinite;
	transform: rotate(360deg);
	width: auto;
	margin-right: 1vh;
}

po-combo[type='multiple'] > icerik {
	padding: 1.25vh;
	min-height: 5vh;
	height: auto;
	width: auto !important;
	max-width: 100%;
	float: left;
}

	po-combo[type='multiple'] > icerik > opt {
		height: 3vh;
		display: flex;
		align-items: center;
		width: auto;
		background-color: #f1f1f1;
		border: 1px solid #e6e6e6;
		border-radius: 20px;
		margin: 0.3vh;
		padding: 0.25vh 1vh;
		float: left;
		cursor: default;
		font-size: var(--fs17);
		color: var(--fckoyu);
		user-select: none;
	}

		po-combo[type='multiple'] > icerik > opt:hover {
			border-color: var(--b3);
		}

		po-combo[type='multiple'] > icerik > opt > span {
			display: block;
		}

po-combo[type='multiple'] > button {
	padding: 1.25vh;
	width: 2.5vh;
	height: 2.5vh;
	border-radius: 50%;
	background: transparent;
	box-sizing: content-box;
	position: relative;
	float: left;
}


	po-combo[type='multiple'] > button:before {
		content: '\f055';
		color: var(--fckoyu);
		font-size: 1.7vh;
	}

	po-combo[type='multiple'] > button:hover:before {
		color: var(--a);
	}

	po-combo[type='multiple'] > button:active:before {
		color: var(--a12);
	}

po-combo[type='multiple'].load > button:before {
	content: '\f1ce' !important;
	animation: dondur 1s infinite;
	transform: rotate(360deg);
	margin-right: 1vh;
	font-family: var(--fonticon);
	right: 0;
	opacity: 0.5;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	height: 100%;
	width: 2vh;
	justify-content: center;
}

po-combo[type='multiple'].load > button {
	pointer-events: none;
}

po-combo[type='multiple'][readonly]:not(.load) > button {
	display: none;
}


po-combo[type='multiple'][justimages] > icerik > opt {
	padding: 0;
	width: 3vh;
	height: 3vh;
}

	po-combo[type='multiple'][justimages] > icerik > opt:not(:hover) > span:nth-child(2) > span:not(.usrimgsp) {
		display: none;
	}

	po-combo[type='multiple'][justimages] > icerik > opt:hover > span:nth-child(2) > span:last-child {
		z-index: 22;
		display: block;
		position: fixed;
		margin-top: 3.7vh;
		padding: 0.5vh 3.5vh 0.5vh 0.5vh;
		height: auto;
		font-size: var(--fs15);
		width: auto;
		box-shadow: #a0a0a0 0vw 0vw 0.2vw;
		color: #fff;
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		background: var(--fckoyu066);
		white-space: pre;
		border-radius: var(--inputborderradius);
	}

po-combo[type='multiple'][justimages] > button {
	padding: 0;
}


po-combo.label,
po-combo.label > icerik {
	padding: 0;
	width: auto;
	background: transparent;
	border: 0;
	height: auto;
}


zet-satir > alan > po-combo {
	height: 100%;
}

	zet-satir > alan > po-combo:after {
		width: 4vh;
	}

zet-liste po-combo[type='single'] > icerik {
	padding: 0 2vh 0 0;
	border: 0;
}

zet-liste po-combo[type='single'] {
	border: 0;
	background: transparent;
}

	zet-liste po-combo[type='single'][readonly] > icerik {
		padding: 0;
	}

/*Combo Bitiş*/

/*OptionList*/

.pencere.optionList:not(.minimize) {
	position: absolute;
	top: 0;
	left: unset !important;
	width: 21.2058vw;
	height: 100%;
	transition: transform var(--animasyonsuresi);
	border-radius: 0px;
	font-size: var(--fs18);
	overflow-y: auto;
	z-index: 104;
	transform: translateX(100vw);
	box-sizing: border-box;
}

	.pencere.optionList:not(.minimize).acik {
		transform: translateX(78.79417879vw);
	}

.pencere.optionList.minimize {
	position: fixed;
	height: 0;
	padding: 0;
	min-height: 0;
	max-height: 0;
	overflow: hidden;
	transition: transform 0.3s, opacity 0.1s;
	opacity: 0;
	box-shadow: 0 1px 1px -2px rgba(0,0,0,.14), 0 2px 10px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
	border-radius: 5px;
	box-sizing: border-box;
}

	.pencere.optionList.minimize.acik {
		width: var(--owidth);
		min-width: 12vw;
		position: absolute;
		left: var(--oleft);
		top: calc((var(--otop) + var(--oheight) - 10) * 1px);
		max-height: 500px;
		height: auto;
		min-height: 200px;
		transform: translateY(15px);
		overflow-y: auto;
		opacity: 1;
	}



.pencere.optionList + .bgfiltre {
	display: none;
}

.pencere.optionList.load:after {
	top: 4.5vh;
	height: calc(100% - 4.5vh);
	z-index: 2;
}

.pencere.optionList:not(.sirala):not([type='multiple']) > alt {
	display: none;
}

.pencere.optionList > alt {
	position: absolute;
	bottom: 2vh;
	z-index: 2;
}

.pencere.optionList:not(.minimize) > alt[maxlength]:after {
	content: 'Max. ' attr(maxlength) ' Tane Seçilebilir';
	font-size: var(--fs11);
	color: gray;
	position: fixed;
	bottom: 7vh;
	width: 100%;
	left: 0;
	text-align: center;
	background: rgba(255,255,255,0.1);
	backdrop-filter: blur(5px);
}

.pencere.optionList > alt > button {
	width: 100%;
	font-size: var(--fs15);
	border-radius: 10px;
}

.pencere.optionList[type=multiple]:not(.sirala) > alt > button:before {
	content: 'Seçimi Tamamla';
	font-family: var(--font);
}

.pencere.optionList.sirala > alt > button:before {
	content: 'Sıralamayı Kaydet';
}

.pencere.optionList[type=multiple]:not(.sirala) > alt > button[secili]:not([minlength]):after {
	content: ' (' attr(secili) ')';
}

.pencere.optionList[type=multiple]:not(.sirala) > alt > button:not([secili])[minlength]:after {
	content: ' (0/' attr(minlength) ')';
}

.pencere.optionList[type=multiple]:not(.sirala) > alt > button[secili][minlength]:after {
	content: ' (' attr(secili) '/' attr(minlength) ')';
}

.pencere.optionList > alt > button[disabled] {
	filter: grayscale(1);
	opacity: 0.5;
	pointer-events: none;
}

.pencere.optionList.minimize > alt {
	width: 100%;
	position: sticky;
	bottom: 2vh;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 2vh;
	box-sizing: border-box;
}

.pencere.optionList.minimize > icerik:has(veri:not(.secili):not(.gizli)):after {
	height: 6vh;
	width: 100%;
	display: block;
}

.pencere.optionList:not(.fullyetki) > icerik > veri[yetkisiz],
.pencere.optionList > icerik > veri[iptal],
.pencere.optionList > icerik > veri[filtreli] {
	display: none;
}

.pencere.optionList > icerik > veri.secim:after {
	content: '\f00c';
	font-family: var(--fonticon);
	color: var(--a);
	font-size: var(--fs15);
}

.pencere.optionList > icerik > veri:hover {
	background: var(--b05);
}

div.pencere:not(.pasif) ~ div.pencere.optionList:not(.minimize) {
	top: 0;
	height: 100%;
	z-index: 117;
}

.pencere.optionList.sol {
	left: unset;
	transition: transform var(--animasyonsuresi);
	transform: translateX(-100vw);
}

	.pencere.optionList.sol:not(.minimize).acik {
		transform: translateX(7.7vh);
	}

body:not(.menuacik) .anamenu:hover ~ .pencere.sol.optionList.acik,
.menuacik .pencere.sol.optionList.acik {
	transform: translateX(var(--anamenu-width));
}


.pencere.optionList:not(.minimize) > *:not(icerik) {
	width: calc(100% - 4vh);
	margin-right: 2vh;
	margin-left: 2vh;
}


.pencere.optionList > icerik {
	width: calc(100% - 0.5vh);
	height: calc(100% - 13vh);
	position: relative;
	display: block;
	overflow-y: auto;
	padding: 0 1.5vh 0 2vh;
	margin-right: 0.5vh;
	box-sizing: border-box;
}

.pencere.optionList.minimize > icerik {
	padding: 0;
	margin-right: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.pencere.optionList.minimize > baslik {
	display: none;
}

.pencere.optionList:not(.arama) > icerik:empty:before {
	content: 'Kayıt Bulunamadı';
	color: var(--b4);
	width: 100%;
	height: 30vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pencere.optionList.minimize > icerik:empty:before {
	height: 200px;
}

.pencere.optionList > icerik > veri {
	position: relative;
	display: block;
	width: 100%;
	min-height: 4.5vh;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: var(--fs16);
	border-bottom: 1px solid var(--b05);
	box-sizing: border-box;
	transition: margin var(--animasyonsuresi);
	user-select: none;
}


.pencere.optionList:not(.minimize) > icerik > veri {
	border: 1px solid var(--b1);
	border-radius: 10px;
	margin-bottom: 0.5vh;
	cursor: pointer;
}

.pencere.optionList > icerik > veri.gizli {
	height: 0;
	overflow: hidden;
	min-height: unset;
	padding: 0;
	border: 0 !important;
	margin: 0;
}

.pencere.optionList:not(.minimize) > baslik {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 6vh;
	font-weight: bold;
}

	.pencere.optionList:not(.minimize) > baslik > span[list-aciklama]:first-child:after {
		content: attr(list-aciklama);
		font-weight: lighter;
		display: block;
		font-size: var(--fs14);
		opacity: 0.5;
		max-height: 2.5vh;
		line-height: 1.1;
		overflow: hidden;
	}


.pencere.optionList > icerik > veri > span:nth-child(2):after {
	content: attr(aciklama);
	display: block;
	font-size: var(--fs14);
	color: var(--b5);
}

.pencere.optionList > arama > .menu {
	width: 5vh;
	height: 100%;
}

	.pencere.optionList > arama > .menu:before {
		content: '\f141';
		display: flex;
		align-items: center;
		justify-content: center;
		width: calc(100% - 2vh);
		height: calc(100% - 2vh);
		font-family: var(--fonticon);
		margin: 1vh;
		border-radius: 10px;
	}

.pencere.optionList:not(.minimize) > baslik > span:nth-child(2) {
	width: 5vh;
	height: 5vh;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: var(--fs25);
	color: var(--b5);
	font-weight: normal;
	padding-right: 5px
}

	.pencere.optionList:not(.minimize) > baslik > span:nth-child(2):before {
		content: '\f00d';
		font-family: var(--fonticon);
	}

	.pencere.optionList:not(.minimize) > baslik > span:nth-child(2):hover {
		color: var(--fckoyu);
	}

.pencere.optionList > arama > .menu:hover:before {
	box-shadow: 0 4px 1px -3px rgba(0,0,0,.14), 0 0px 7px 0 rgba(0,0,0,.098), 0 1px 1px 0 rgba(0,0,0,.084);
}


.pencere.optionList > arama {
	position: relative;
	display: flex;
	height: 5vh;
	margin-bottom: 2vh;
	box-sizing: border-box;
	box-shadow: 0 4px 1px -3px rgba(0,0,0,.14), 0 0px 7px 0 rgba(0,0,0,.098), 0 1px 1px 0 rgba(0,0,0,.084);
	border-radius: 10px;
	overflow: hidden;
}

	.pencere.optionList > arama > input {
		width: calc(100% - 5vh);
		border: 0;
		box-sizing: border-box;
		padding-left: 0;
	}

		.pencere.optionList > arama > input::-webkit-input-placeholder {
			font-size: var(--fs16) !important;
		}

.pencere.optionList.minimize > arama {
	margin: 1vh;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid var(--b1);
	box-shadow: unset;
	height: 4.5vh;
	position: sticky;
	top: 1vh;
	z-index: 2;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

	.pencere.optionList.minimize > arama > input {
		background: transparent;
		padding-right: 0.5vh;
	}

.pencere.optionList > arama > input::-webkit-input-placeholder {
	font-size: var(--fs14) !important;
}

/*		.pencere.optionList:not(.minimize) > arama > zet-input {
			width: 100%;
			border-top: 1px solid var(--b05);
			border-bottom: 1px solid var(--b05);
		}
*/
.pencere.optionList:not(.minimize) > icerik:after {
	content: '';
	display: block;
	width: 100%;
	height: 30vh;
}

.pencere.optionList.arama > icerik:after {
	content: 'Sonuç Bulunamadı';
	color: var(--b4);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pencere.optionList > icerik:has(veri:not(.secili):not(.gizli)):after {
	content: '' !important;
}

.pencere.optionList > icerik > veri > span:first-child {
	width: 2vh;
	height: 2vh;
	border: 1px solid var(--b2);
	border-radius: 50%;
	transition: transform var(--animasyonsuresi);
	margin-left: 1vh;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

.pencere.optionList:not(.sirala) > icerik > veri[secili] > span:first-child {
	border-color: var(--a);
	background: var( --a);
	transform: rotateY(180deg);
}

	.pencere.optionList:not(.sirala) > icerik > veri[secili] > span:first-child:before {
		content: '\f00c' !important;
		color: #fff;
		transform: rotateY(180deg);
	}

.pencere.optionList:not(.sirala) > icerik > veri[renk] > span:first-child:before {
	content: '';
	border-color: var(--orenk);
	font-weight: bold;
}

.pencere.optionList:not(.sirala) > icerik > veri[renk] > span:first-child {
	border-color: var(--orenk);
	border-width: 2px;
}

.pencere.optionList:not(.sirala) > icerik > veri[renk][secili] > span:first-child {
	background: var(--orenk);
}

.pencere.optionList:not(.sirala) > icerik > veri[renk]:not([secili]):hover > span:first-child:before {
	color: var(--orenk);
}

.pencere.optionList:not(.sirala) > icerik > veri[bgcolor] { /*Geliştirilecek*/
	background: var(--obgcolor);
	color: var(--oforecolor,#fff);
}

.pencere.optionList > icerik > veri > span:nth-child(2) {
	display: block;
	position: relative;
	width: calc(100% - 7vh);
	padding: 1vh 0.5vh;
	box-sizing: border-box;
}

.pencere.optionList:not(.sirala) > icerik > veri > span:first-child:before {
	font-family: var(--fonticon);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--fs12);
}

.pencere.optionList[type='multiple']:not(.sirala) > icerik > veri > span:first-child {
	border-radius: 6px;
}

.pencere.optionList:not(.sirala) > icerik > veri:not([secili]):hover > span:first-child:before {
	content: '\f00c';
	color: var(--b2);
}

.pencere.optionList.sirala > icerik > veri {
	-webkit-user-drag: element;
	user-select: none;
}

	.pencere.optionList.sirala > icerik > veri > span:first-child:before {
		content: '\e411';
		font-size: var(--fs20);
		font-family: var(--fonticon);
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		font-weight: bold;
	}


	.pencere.optionList.sirala > icerik > veri > span:nth-child(3) {
		visibility: hidden;
	}

	.pencere.optionList.sirala > icerik > veri > span {
		border: 0;
	}

	.pencere.optionList.sirala > icerik > veri.dragover:before {
		content: '';
		height: 4vh;
		width: 0.7vh;
		border-radius: 10px;
		cursor: pointer;
		position: absolute;
		box-sizing: border-box;
		background: var(--a);
		left: -1.25vh;
	}


.pencere.optionList:not(.minimize) > icerik > veri[secili] {
	background: var(--a05);
	border-color: var(--a3);
}

	.pencere.optionList:not(.minimize) > icerik > veri[secili]:hover {
		background: var(--a1);
		border-color: var(--a5);
	}

.pencere.optionList:not(.minimize) > icerik > veri[renk][secili] {
	border-color: var(--b3);
	background: var(--b05);
}

.pencere.optionList > icerik > veri > span:nth-child(3) {
	width: 3.5vh;
	height: 4vh;
	display: flex;
	align-items: center;
}

	.pencere.optionList > icerik > veri > span:nth-child(3) > button {
		width: 2.5vh;
		height: 2.5vh;
		padding: 0;
		background: transparent;
		border-radius: 0.7vh;
	}

.pencere.optionList > icerik > veri:hover > span:nth-child(3) > button {
	box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
	background: #fff;
	cursor: pointer;
}

.pencere.optionList > icerik > veri > span:nth-child(3) > button:before {
	content: '\f142';
	color: var(--fckoyu);
	font-size: var(--fs12);
}


.pencere.optionList:not(.yeni_goster) > icerik > veri:not(.gizli) ~ yeni {
	display: none;
}

.pencere.optionList.arama > icerik > veri[secili]:not(.gizli) ~ yeni {
	display: flex;
}

.pencere.optionList:not([arama]):not(.yeni_goster) > icerik > veri:not(.gizli) ~ [secili] ~ yeni,
.pencere.optionList:not([arama]):not(.yeni_goster) > icerik > [secili] ~ veri:not(.gizli) ~ yeni {
	display: none;
}


.pencere.optionList > icerik > yeni {
	position: relative;
	display: block;
	width: 100%;
	min-height: 4.5vh;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: var(--fs16);
	border-bottom: 1px solid var(--a);
	box-sizing: border-box;
	transition: margin var(--animasyonsuresi);
	color: var(--a);
}

.pencere.optionList > icerik > yeni {
	border: 1px dashed var(--a);
	border-radius: 10px;
	margin-bottom: 0.5vh;
	cursor: pointer;
}

	.pencere.optionList > icerik > yeni:before {
		content: var(--aranan);
		padding: 1vh;
	}

	.pencere.optionList > icerik > yeni:after {
		content: '\f067';
		font-family: var(--fonticon);
		width: 5vh;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: var(--fs18);
	}

.pencere.optionList.minimize > icerik > yeni {
	margin: 1vh;
	width: calc(100% - 2vh);
}

.pencere.optionList.minimize.arama > icerik:after {
	height: 10vh;
}

.pencere.optionList.minimize > icerik > veri {
	padding: 0 1vh;
}

.pencere.optionList.minimize.reverse.acik {
	min-height: var(--optlistheight);
	display: flex;
	flex-direction: column-reverse;
	top: calc((var(--otop) - var(--optlistheight) - var(--oheight)) * 1px);
	transform: translateY(-10px);
}

.pencere.optionList.minimize.reverse > arama {
	position: absolute;
	bottom: 0;
	top: unset;
	width: calc(100% - 2vh);
}

.pencere.optionList.minimize.reverse > icerik {
	display: flex;
	flex-direction: column-reverse;
	padding-bottom: 6.7vh;
}

.pencere.optionList.reverse > icerik > veri {
	border-top: 1px solid var(--b05);
	border-bottom: 0;
}

	.pencere.optionList.reverse > icerik > veri[secili] {
		background: var(--a1);
	}

.pencere.optionList.load:before {
	z-index: 3;
}

.pencere.optionList.minimize.load:after {
	top: 0;
	height: 100%;
	backdrop-filter: blur(3px) grayscale(1);
}

/*OptionList Bitiş*/

/*Po Filtre*/

po-filtre {
	display: flex;
	position: relative;
	width: 100%;
	height: 5vh;
	border: 1px solid var(--inputbordercolor);
	border-radius: var(--inputborderradius);
	font-weight: normal;
}

	po-filtre[type="combo"] {
		height: auto;
		min-height: 5vh;
	}

	po-filtre > filtre {
		width: calc(100% - 5vh);
		height: 100%;
		display: block;
	}

	po-filtre > kriter {
		display: block;
		position: relative;
		width: 5vh;
		height: 100%;
	}

	po-filtre > filtre input,
	po-filtre > filtre > * {
		border: 0;
		height: 100%;
		width: 100%;
	}

	po-filtre > kriter > button {
		width: 100%;
		height: 100%;
		background: transparent;
		cursor: pointer;
		border-left: 1px solid var(--inputbordercolor);
		border-radius: 0;
	}

		po-filtre > kriter > button:before {
			content: attr(icon);
			font-family: var(--fonticon);
			color: var(--b5);
			font-size: var(--fs20);
		}

	po-filtre:hover, po-filtre:has( > filtre input:focus) {
		border-color: var(--b4);
	}

	po-filtre > kriter > button:hover {
		background: transparent;
	}

		po-filtre > kriter > button:hover:before {
			color: var(--fckoyu);
		}

	po-filtre:not(.dty) > kriter > button:hover:after {
		content: attr(str);
		font-size: var(--fs14);
		z-index: 2;
		position: fixed;
		display: block;
		padding: 0.7vh;
		box-shadow: rgba(0,0,0,0.5) 0vw 0vw 0.2vw;
		color: #fff;
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		background: var(--fckoyu066);
		border-radius: var(--inputborderradius);
		transform: translate(-1.5vh,1vh);
	}

	po-filtre > kriter > button:not([str]):hover:after {
		content: 'Filtre';
	}

	po-filtre > kriter > button:not([str]):before {
		content: '\f0b0';
	}


	po-filtre.dty > filtre {
		width: calc(100% - 12vh);
	}

	po-filtre.dty > kriter {
		width: 12vh;
	}

		po-filtre.dty > kriter > button {
			height: 3vh;
			width: 10vh;
			padding: 0;
			margin: 1vh;
			border: 0;
			border-radius: 5px;
			background: antiquewhite;
			cursor: pointer;
		}

			po-filtre.dty > kriter > button:hover {
				background: #fde2be;
			}

			po-filtre.dty > kriter > button:active {
				background: #fdd5a0;
			}


			po-filtre.dty > kriter > button:before {
				padding: 0;
				font-size: var(--fs15);
				color: var(--fckoyu);
				margin-right: 3px;
			}

			po-filtre.dty > kriter > button:not([str]):after {
				content: 'Filtre';
			}

			po-filtre.dty > kriter > button:after {
				content: attr(str);
				font-size: var(--fs15);
				color: var(--fckoyu);
			}

			po-filtre.dty > kriter > button[str] {
				background: var(--a2);
			}

				po-filtre.dty > kriter > button[str]:hover {
					background: var(--a3);
				}

				po-filtre.dty > kriter > button[str]:active {
					background: var(--a4);
				}

	po-filtre > filtre zet-input[type='rangedate'] input {
		width: 50%;
	}

/*Po Filtre Bitiş*/


/*Po Filtre Zet-Liste*/
zet-liste > div:first-child po-filtre {
	border: 0;
	padding: 0;
	flex-direction: row-reverse;
	z-index: 3;
}


	zet-liste > div:first-child po-filtre > filtre > zet-input > input {
		padding: 0;
		width: 100% !important;
		white-space: pre;
		text-overflow: ellipsis;
		overflow: hidden;
		height: 100%;
	}

	zet-liste > div:first-child po-filtre > filtre > zet-input[type='rangedate'] {
		flex-direction: column;
		display: flex;
	}

		zet-liste > div:first-child po-filtre > filtre > zet-input[type='rangedate'] > input {
			border: 0;
		}



	zet-liste > div:first-child po-filtre > filtre > zet-input {
		display: block;
		height: 5vh;
	}



	zet-liste > div:first-child po-filtre > kriter {
		width: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 5vh;
	}

		zet-liste > div:first-child po-filtre > kriter > button {
			padding: 0;
			border: 0;
			width: 3vh;
			padding-right: 1vh;
		}

			zet-liste > div:first-child po-filtre > kriter > button:before {
				font-size: var(--fs18);
			}

	zet-liste > div:first-child po-filtre > filtre {
		width: calc(100% - 2vh);
	}

	zet-liste > div:first-child po-filtre:not([kriter]) > filtre {
		display: none;
	}

	zet-liste > div:first-child po-filtre:not([kriter]) > kriter {
		width: 100%;
		height: 5vh;
	}

		zet-liste > div:first-child po-filtre:not([kriter]) > kriter > button {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: var(--fs14);
		}

			zet-liste > div:first-child po-filtre:not([kriter]) > kriter > button:after {
				content: 'Filtrele';
				color: var(--b5);
				margin-left: 1ch;
			}

			zet-liste > div:first-child po-filtre:not([kriter]) > kriter > button:hover:after {
				background: transparent;
				box-shadow: unset;
				backdrop-filter: unset;
				position: relative;
				transform: unset;
				padding: 0;
				display: inline-block;
				width: auto;
				color: var(--fckoyu);
			}

	zet-liste > div:first-child po-filtre:has( > filtre > zet-input[type='hidden']) {
		display: none;
	}

	zet-liste > div:first-child po-filtre > filtre * {
		font-size: var(--fs16);
	}

/*Po Filtre Zet-Liste Bitiş*/



/*Po RadioGrup*/

po-radiogrup {
	background: var(--b05);
	border-radius: 10px;
	padding: 0.5vh;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: 4.703703704vh;
	user-select: none;
}

	po-radiogrup.full-width,
	po-radiogrup.full-width > label {
		width: 100%;
	}

	po-radiogrup > input {
		width: 0;
		height: 0;
		padding: 0;
		margin: 0;
		overflow: hidden;
		opacity: 0;
	}

	po-radiogrup > label {
		text-align: center;
		padding: 0 1.5vh;
		color: var(--b5);
		font-size: var(--fs17);
		transition: all 0.5s;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 7vh;
		flex-direction: column;
	}

	po-radiogrup > input[aciklama] + label:after {
		content: var(--aciklama);
		font-size: var(--fs15);
	}

	po-radiogrup > input:checked + label {
		color: var(--a);
		background: #ffffff;
		border-radius: 8px;
	}

	po-radiogrup > input[disabled] + label {
		opacity: 0.5;
		pointer-events: none;
	}

zet-satir > alan > po-radiogrup.underline,
zet-satir > alan > po-radiogrup.overline {
	width: 100%;
}

zet-satir > alan > po-radiogrup > label {
	width: 50%;
}

/*Po RadioGrup*/

/*Po RadioGrup underline*/

po-radiogrup:is(.underline,.overline,.normal) {
	background: transparent;
}

po-radiogrup:is(.underline,.overline) > input + label {
	border-radius: 0;
	margin: 0 1vh;
}

po-radiogrup:is(.underline,.overline):not(.multi-line) > input + label:nth-child(2) {
	margin-left: 0;
}

po-radiogrup:is(.underline,.overline):not(.multi-line) > input + label:last-child {
	margin-right: 0;
}

po-radiogrup.underline > input + label {
	border-bottom: 1px solid var(--b2);
}

po-radiogrup.overline > input + label {
	border-top: 1px solid var(--b2);
}

po-radiogrup:is(.underline,.overline,.normal) > input + label {
	flex-direction: row;
}

po-radiogrup:is(.underline,.overline,.normal) > input:checked + label {
	border-color: var(--a);
}

po-radiogrup:is(.underline,.overline,.normal) > input + label:before {
	content: '';
	font-family: var(--fonticon);
	margin-right: 4%;
	float: left;
	border: 1px solid var(--b2);
	border-radius: 50%;
	color: #fff;
	font-size: var(--fs10);
	width: 2vh;
	height: 2vh;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

po-radiogrup:is(.underline,.overline,.normal) > input:checked + label:before {
	border-color: var(--a);
	background: var(--a);
	content: '\f00c';
}


/*Po RadioGrup underline Bitiş*/

/*Po RadioGrup normal*/

po-radiogrup.normal {
	flex-direction: column;
	align-items: flex-start;
	height: auto;
	overflow: hidden;
}

	po-radiogrup.normal > input + label {
		margin-bottom: 0.8vh;
		padding-bottom: 0.8vh;
		width: 100%;
		box-sizing: border-box;
		justify-content: flex-start;
		border-radius: 0;
		background: transparent;
		font-size: var(--fs16);
	}

		po-radiogrup.normal > input + label:before {
			margin-right: 1vh;
		}

po-radiogrup.multi-line > label {
	width: 100%;
	height: 4vh;
	justify-content: flex-start;
}

po-radiogrup.multi-line {
	flex-direction: column;
	width: 100%;
	height: auto;
}

/*Po RadioGrup Bitiş*/



/*Po CheckGrup*/

po-checkgrup {
	position: relative;
	width: 100%;
	background: transparent;
	border-radius: 10px;
	padding: 0.5vh;
	box-sizing: border-box;
	user-select: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: auto;
	overflow: hidden;
}

	po-checkgrup > input {
		width: 0;
		height: 0;
		padding: 0;
		margin: 0;
		overflow: hidden;
		opacity: 0;
	}

		po-checkgrup > input + label {
			margin-bottom: 0.8vh;
			padding-bottom: 0.8vh;
			width: 100%;
			box-sizing: border-box;
			justify-content: flex-start;
			border-radius: 0;
			background: transparent;
			font-size: var(--fs16);
			flex-direction: row;
			text-align: center;
			color: var(--b5);
			transition: all 0.5s;
			height: 100%;
			display: flex;
			align-items: center;
			min-width: 7vh;
			border-bottom: 1px solid var(--b1);
		}

			po-checkgrup > input + label:before {
				content: '';
				font-family: var(--fonticon);
				float: left;
				border: 1px solid var(--b2);
				border-radius: 5px;
				color: #fff;
				font-size: var(--fs10);
				width: 2vh;
				height: 2vh;
				display: flex;
				align-items: center;
				justify-content: center;
				box-sizing: border-box;
				margin-right: 1vh;
			}

		po-checkgrup > input:checked + label:before {
			border-color: var(--a);
			background: var(--a);
			content: '\f00c';
		}

		po-checkgrup > input:checked + label {
			color: var(--fckoyu);
		}




/*Po CheckGrup Bitiş*/


/*Po Colors*/

po-colors {
	width: 100%;
	min-height: 5vh;
}

	po-colors > input {
		width: 0;
		height: 0;
		padding: 0;
		margin: 0;
		overflow: hidden;
		opacity: 0;
	}

	po-colors > label {
		position: relative;
		width: 3.5vh;
		height: 3.5vh;
		display: block;
		float: left;
		margin: 0.7vh;
		border-radius: 50%;
		box-shadow: 0 0 5px rgba(0,0,0,0.3);
		padding: 0.5vh;
		box-sizing: border-box;
		cursor: pointer;
		transition: transform var(--animasyonsuresi);
	}

		po-colors > label:before {
			content: '';
			background: var(--orenk);
			display: block;
			width: 100%;
			height: 100%;
			border-radius: 50%;
		}

		po-colors > label:hover {
			box-shadow: 0 0 5px rgba(0,0,0,0.5);
		}

	po-colors > input:checked + label {
		transform: scale(1.2);
	}

		po-colors > input:checked + label:after {
			content: '';
			width: 100%;
			height: 100%;
			display: block;
			border: 1px solid var(--fckoyu);
			position: absolute;
			top: 0;
			left: 0;
			border-radius: 50%;
			box-sizing: border-box;
		}

/*Po Colors*/

/*Po File*/

po-file {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

	po-file > file,
	po-file > newfile {
		position: relative;
		width: 100%;
		height: 6vh;
		border-radius: var(--inputborderradius);
		border: 1px solid var(--inputbordercolor);
		margin-bottom: 1vh;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
	}

		po-file > file:hover {
			border-color: var(--b4);
		}

		po-file > newfile > input {
			display: none;
		}

		po-file > file > span {
			position: relative;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}

			po-file > file > span:nth-child(2) > div:first-child {
				font-size: var(--fs16);
				white-space: pre;
				text-overflow: ellipsis;
				overflow: hidden;
				box-sizing: border-box;
				padding-bottom: 1px;
			}

			po-file > file > span:nth-child(2) > div:nth-child(2) {
				font-size: var(--fs13);
				color: var(--b4);
				padding-top: 1px;
				text-transform: uppercase;
			}

			po-file > file > span:first-child {
				width: 6vh;
			}

				po-file > file > span:first-child:before {
					content: '\f15b';
					font-family: var(--fonticon);
					background: var(--b1);
					width: 5vh;
					height: 5vh;
					margin: 0.5vh;
					border-radius: var(--inputborderradius);
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: var(--fs25);
				}

		po-file > file[uzanti=pdf] > span:first-child:before {
			content: '\f1c1';
			color: #b30b00;
			background: rgb(179 11 0 / 10%);
		}

		po-file > file[uzanti=doc] > span:first-child:before,
		po-file > file[uzanti=docx] > span:first-child:before {
			content: '\f1c2';
			color: #134cb1;
			background: rgb(19 76 177 / 10%);
		}

		po-file > file[uzanti=xls] > span:first-child:before,
		po-file > file[uzanti=xlsx] > span:first-child:before {
			content: '\f1c3';
			color: #117e44;
			background: rgb(17 126 68 / 10%);
		}

		po-file > file[uzanti=ppt] > span:first-child:before,
		po-file > file[uzanti=pptx] > span:first-child:before {
			content: '\f1c4';
			color: #e26a01;
			background: rgb(226 106 1 / 10%);
		}

		po-file > file[uzanti=zip] > span:first-child:before,
		po-file > file[uzanti=rar] > span:first-child:before {
			content: '\f1c6';
			color: #b74582;
			background: rgb(183 69 130 / 10%);
		}

		po-file > file[uzanti=csv] > span:first-child:before {
			content: '\f6dd';
			color: #23b266;
			background: rgb(35 178 102 / 10%);
		}

		po-file > file[uzanti=png] > span:first-child:before,
		po-file > file[uzanti=jpg] > span:first-child:before,
		po-file > file[uzanti=tiff] > span:first-child:before,
		po-file > file[uzanti=webp] > span:first-child:before {
			content: '\f1c5';
			color: #411FB5;
			background: rgb(65 31 181 / 10%);
		}

		po-file > file > span:first-child:hover {
			cursor: pointer;
		}

			po-file > file > span:first-child:hover:before {
				z-index: 2;
				backdrop-filter: blur(10px) grayscale(1);
				content: '\f019';
			}

		po-file > file > span:first-child > img {
			position: absolute;
			width: 5vh;
			height: 5vh;
			border-radius: var(--inputborderradius);
			margin: 0.5vh;
			object-fit: cover;
		}

		po-file > file > span:nth-child(2) {
			width: calc(100% - 12vh);
			padding-left: 10px;
		}

		po-file > file > span:last-child {
			width: 6vh;
		}

		po-file > file > span:nth-child(2) > div {
			white-space: pre;
			text-overflow: ellipsis;
			overflow: hidden;
		}

		po-file > file > span:last-child:before {
			content: '\f141';
			display: flex;
			align-items: center;
			justify-content: center;
			font-family: var(--fonticon);
			color: var(--b7);
		}

		po-file > file > span:last-child:hover:before {
			color: var(--fckoyu);
		}


	po-file > newfile {
		border-style: dashed;
		border-color: var(--a);
	}

		po-file > newfile:last-child {
			margin-bottom: 0;
		}

		po-file > newfile > label {
			width: 100%;
			height: 100%;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			cursor: pointer;
		}

			po-file > newfile > label[value]:not([value='']):after {
				content: attr(value);
				color: var(--fckoyu);
			}

			po-file > newfile > label:after {
				content: attr(placeholder);
				width: calc(100% - 7vh);
				position: relative;
				font-size: var(--fs16);
				color: var(--b4);
				display: block;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: pre;
				text-align: left;
				padding-left: 10px;
				box-sizing: border-box;
			}

			po-file > newfile > label:before {
				width: 5vh;
				height: 5vh;
				display: flex;
				align-items: center;
				justify-content: center;
				position: relative;
				margin: 0.5vh;
				background: var(--a2);
				content: '\2b';
				font-family: var(--fonticon);
				color: var(--a);
				border-radius: var(--inputborderradius);
				font-size: var( --fs25);
			}

			po-file > newfile > label:hover:before {
				background: var(--a);
				color: #fff;
			}

	po-file.input > newfile {
		border-color: var(--inputbordercolor);
		height: 5vh;
	}

		po-file.input > newfile > label:before {
			width: 4vh;
			height: 4vh;
			font-size: var(--fs20);
		}

		po-file.input > newfile:hover {
			border-color: var(--b4);
		}

	po-file[grid] {
		display: grid;
		grid-template-columns: repeat(5,calc(20% - 0.8vh));
		grid-gap: 1vh;
	}

		po-file[grid] > file {
			margin: 0;
			flex-direction: column;
			padding: 1vh;
			box-sizing: border-box;
			overflow: hidden;
		}

			po-file[grid] > file > span {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
			}



	po-file[square], po-file[square] > newfile {
		width: 5vh;
		height: 5vh;
	}

		po-file[square] > newfile > label:before {
			width: 4vh;
			height: 4vh;
		}

		po-file[square] > newfile > label:before {
			content: '\f0c6';
		}

		po-file[square] > newfile > label:after {
			display: none;
		}

		po-file[square]:not([multiple]):not(:hover) > newfile > label[value]:not([value='']):before {
			background: var(--c2);
			color: var(--c);
			content: '\f00c';
		}


	po-file > file[draft] {
		border: 1px dashed var(--d);
	}

	po-file[grid-size=large] > file[draft]:before {
		content: 'Yeni';
		position: absolute;
		z-index: 3;
		font-size: var(--fs11);
		background: var(--d);
		color: #fff;
		padding: 0.25vh 1vh;
		top: 0;
		left: 0;
	}

	po-file > file > span.img:first-child:hover:before {
		content: '\f00e';
	}

	po-file[grid-size=large] > file,
	po-file[grid-size=large] > newfile {
		height: 20vh;
		margin:0;
	}

		po-file[grid-size=large] > file > span:first-child {
			width: 100%;
			height: 20vh;
		}

		po-file[grid-size=large] > file > span:not(:first-child) {
			padding-left: 0;
			background: #fff;
			height: 6vh;
		}

		po-file[grid-size=large] > file > span:first-child > img {
			height: 100%;
			width: 100%;
		}

		po-file[grid-size=large] > file > span:first-child:before {
			width: 100%;
			height: 100%;
			margin: 0;
		}

		po-file[grid-size=large] > newfile > label {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
		}

			po-file[grid-size=large] > newfile > label:after {
				padding-left: 0;
				text-align: center;
			}

		po-file[grid-size=large] > file > span:last-child {
			position: absolute;
			width: 2.5vh;
			height: 2.5vh;
			border-radius: 50%;
			position: absolute;
			top: 1.5vh;
			right: 1.5vh;
			z-index: 333333;
		}

	po-file[grid-size=large] > file {
		padding: 0.5vh;
	}

		po-file[grid-size=large] > file > span:last-child {
			position: absolute;
			width: 2.5vh;
			height: 2.5vh;
			border-radius: 50%;
			position: absolute;
			top: 1.5vh;
			right: 1.5vh;
			z-index: 2;
			box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
		}

/*Po File*/

/*Po Progress Bar*/

po-progressbar {
	position: relative;
	display: block;
	height: 1.5vh;
	width: 300px;
	background: transparent;
	border: 1px solid var(--inputbordercolor);
	border-radius: var(--inputborderradius);
	overflow: hidden;
}

	po-progressbar:before {
		display: block;
		background: var(--progress-color,var(--c));
		height: 100%;
		width: calc((100% / var(--progress_length,100)) * var(--progress_status,0));
		content: '';
		transition: width var(--animasyonsuresi);
	}

	po-progressbar[showvalue]:after {
		content: var(--b-desc,"") attr(value) "/" attr(maxlength) var(--a-desc,"");
		font-size: var(--fs15);
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0;
		height: 100%;
		width: 100%;
		color: var(--fckoyu);
	}

/*Po Progress Bar Bitiş*/

/*Po Circular Progress*/

po-circular-progress {
	position: relative;
	display: block;
	height: 10vh;
	width: 10vh;
}

/*	po-circular-progress circle {
			fill: none;
			stroke-width: 6;
			stroke-linecap: round;
			transition: stroke-dashoffset 0.3s;
			transform: rotate(-90deg);
			transform-origin: 50% 50%;
		}

		po-circular-progress .progress-background {
			stroke: var(--circle-color, var(--b1));
		}

		po-circular-progress .progress {
			stroke: var(--progress-color, var(--c));
			stroke-dasharray: var(--circle_referans) var(--circle_referans);
			stroke-dashoffset: var(--circle_referans);
		}*/

/*Po Circular Progress Bitiş*/

/*po-toast*/

div#toast_container {
	position: fixed;
	top: 7.7vh;
	width: 25vw;
	max-height: calc(100% - 7.7vh);
	height: auto;
	z-index: 200;
	overflow-y: auto;
	overflow-x: hidden;
}

	div#toast_container[align='left'] {
		bottom: 0;
		top: unset;
		left: 0;
	}

	div#toast_container[align='right'] {
		bottom: 0;
		top: unset;
		right: 0;
	}

po-toast {
	display: block;
	position: relative;
	min-height: 5vh;
	background: rgba(0, 0, 0, 0.9);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgb(0 0 0 / 30%), 0 1px 5px 0 rgba(0, 0, 0, .084);
	margin: 2vh;
	border-radius: 10px;
	padding: 3vh;
	box-sizing: border-box;
	transition: transform 1s;
	overflow: hidden;
	color: #eee;
}

	po-toast > icon {
		position: relative;
		font-family: var(--fonticon);
		width: 3vh;
		min-height: 5vh;
		height: 100%;
		border-radius: 50%;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		float: left;
		font-size: var(--fs25);
	}

	po-toast > message {
		position: relative;
		display: block;
		padding-left: 1vh;
		font-size: var(--fs17);
		width: calc(100% - 3vh);
		float: right;
		box-sizing: border-box;
		text-align: left;
	}

	po-toast > desc {
		display: block;
		font-size: var(--fs15);
		position: relative;
		color: var(--b5);
		float: right;
		padding-left: 1vh;
		box-sizing: border-box;
		text-align: left;
		width: calc(100% - 3vh);
	}

	po-toast > action {
		bottom: 0;
		display: none;
	}

	/*po-toast > action:before {
				content: '\f00c';
			}*/

	/*po-toast > action,*/
	po-toast > exit {
		display: block;
		width: 3vh;
		height: 3vh;
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: var(--fonticon);
		right: 0;
		cursor: pointer;
	}

	po-toast > exit {
		top: 0;
	}

		po-toast > exit:before {
			content: '\f00d';
		}

	po-toast > bar {
		animation: toast_progress linear 1 forwards;
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 5px;
		background: var(--a);
		display: block;
		left: 0;
		transform-origin: left;
	}

	po-toast > bar {
		animation-duration: 10s;
		animation-play-state: running;
	}

	po-toast:hover > bar {
		animation-play-state: paused !important;
	}

	po-toast[type='warning'] > bar {
		background: var(--d);
	}

	po-toast[type='success'] > bar {
		background: var(--c);
	}

	po-toast[type='failed'] > bar {
		background: #ff4343;
	}

	po-toast[type='info'] > bar {
		background: var(--a);
	}

@keyframes toast_progress {

	0% {
		transform: scaleX(1);
	}

	100% {
		transform: scaleX(0);
	}
}


po-toast > progress {
	animation-duration: 5000s;
	animation: toast_progress linear 1 forwards;
}

po-toast[type='warning'] > icon:before {
	content: '\f071';
	color: var(--d);
}

po-toast[type='success'] > icon:before {
	content: '\f00c';
	color: var(--c);
}

po-toast[type='failed'] > icon:before {
	content: '\f00d';
	color: #ff4343;
}

po-toast[type='info'] > icon:before {
	content: '\f05a';
	color: var(--a);
}

div#toast_container[align=right] po-toast.kapat {
	transform: translateX(100vmax);
}

div#toast_container[align=left] po-toast.kapat {
	transform: translateX(-100vmax);
}

/*po-toast bitiş*/



/*po-accordion*/

po-accordion {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

	po-accordion > bolum {
		position: relative;
		display: block;
		width: 100%;
		height: var(--accordionheight,4.7vh);
		border-radius: 0.7vh;
		box-sizing: border-box;
		margin: 1vh 0;
		overflow: hidden;
		border: 1px solid var(--b1);
	}

		po-accordion > bolum.acik {
			height: auto;
		}

		po-accordion > bolum:not(.acik):hover {
			border-color: var(--b2);
		}

		po-accordion > bolum > baslik {
			background: var(--b05);
			font-weight: bold;
			height: var(--accordionheight,4.7vh);
			padding: 1vh 2vh;
			box-sizing: border-box;
			font-size: var(--fs16);
			display: flex;
			align-items: center;
			justify-content: space-between;
			user-select: none;
		}

		po-accordion > bolum.acik > baslik {
			border-bottom: 1px solid var(--b1);
		}

		po-accordion > bolum > icerik {
			padding: 0;
			position: relative;
			box-sizing: border-box;
			display: block;
			width: 100%;
			height: auto;
			transition: padding-top var(--animasyonsuresi);
		}

		po-accordion > bolum.acik > icerik {
			padding: 2vh;
		}

		po-accordion > bolum > baslik > span:last-child:before,
		po-accordion > bolum > baslik > span.menu:before {
			width: 2.7vh;
			height: 2.7vh;
			font-family: var(--fonticon);
			transition: transform var(--animasyonsuresi);
			display: flex;
			align-items: center;
			justify-content: center;
		}

		po-accordion > bolum > baslik > span:last-child:before {
			content: '\f078';
		}

		po-accordion > bolum > baslik > span.menu:before {
			content: '\f141';
		}

	po-accordion[menulist] > bolum > baslik {
		justify-content: flex-start;
		padding: 1vh;
	}

	po-accordion > bolum > baslik > span:first-child.menu + span {
		width: calc(100% - 5.4vh);
		font-weight: normal;
	}

	po-accordion > bolum.acik > baslik > span:last-child:before {
		transform: rotate(180deg);
	}

/*po-accordion bitiş*/

/*po-basiclist*/

po-basiclist {
	position: relative;
	width: 100%;
	display: block;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}

	po-basiclist > satir {
		position: relative;
		width: 100%;
		min-height: 4.5vh;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: var(--fs16);
		transition: margin var(--animasyonsuresi);
		user-select: none;
		border: 1px solid var(--b05);
		border-radius: 10px;
		margin-bottom: 0.5vh;
		cursor: pointer;
		box-sizing: border-box;
	}

		po-basiclist > satir > sutun[checkbox] {
			width: 2vh;
			height: 2vh;
			border: 1px solid var(--b2);
			border-radius: 50%;
			transition: transform var(--animasyonsuresi);
			margin-left: 1vh;
			position: relative;
			overflow: hidden;
			box-sizing: border-box;
		}

		po-basiclist > satir > sutun[icvalue] {
			display: flex;
			align-items: flex-start;
			justify-content: center;
			flex-direction: column;
			position: relative;
			width: calc(100% - 7vh);
			padding: 1vh 0.5vh;
			box-sizing: border-box;
		}

			po-basiclist > satir > sutun[icvalue] > div {
				display: block;
				width: 100%;
				height: auto;
				white-space: pre;
				overflow: hidden;
				text-overflow: ellipsis;
			}

				po-basiclist > satir > sutun[icvalue] > div:nth-child(2) {
					font-size: var(--fs14);
					color: var(--b5);
				}

		po-basiclist > satir > sutun[menu] {
			width: 3.5vh;
			height: 4vh;
			display: flex;
			align-items: center;
		}

			po-basiclist > satir > sutun[menu] > button {
				width: 2.5vh;
				height: 2.5vh;
				padding: 0;
				background: transparent;
				border-radius: 50%;
			}

	po-basiclist[border-bottom] > satir:hover > sutun[menu] > button {
		box-shadow: 0 3px 1px -2px rgb(0 0 0 / 14%), 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 8%);
		background: #fff;
		cursor: pointer;
	}

	po-basiclist > satir > sutun[menu] > button:before {
		content: '\f142';
		color: var(--fckoyu);
		font-size: var(--fs12);
	}

	po-basiclist > satir[secili] {
		background: var(--a05);
		border-color: var(--a3);
	}

		po-basiclist > satir[secili] > sutun[checkbox] {
			border-color: var(--a);
			background: var(--a);
			transform: rotateY(180deg);
		}

	po-basiclist:not(.sirala) > satir[secili] > sutun[checkbox]:before {
		content: '\f00c' !important;
		color: #fff;
		transform: rotateY(180deg);
	}

	po-basiclist:not(.sirala) > satir > sutun[checkbox]:before {
		font-family: var(--fonticon);
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: var(--fs12);
	}

	po-basiclist > satir:hover {
		background: var(--b05);
		border-color: var(--b2);
	}

	po-basiclist[type='multiple'] > satir > sutun[checkbox] {
		border-radius: 6px;
	}

	po-basiclist[border-bottom] > satir {
		border-radius: 0;
		margin: 0;
		border: 0;
		border-bottom: 1px solid var(--b1);
	}

/*po-basiclist bitiş*/



/*po-list*/

po-list {
	position: relative;
	font-size: var(--fs16);
	width: 100%;
	height: 100%;
	display: block;
}

	po-list > :is(lb,lt) {
		position: relative;
		width: 100%;
		height: var(--satyukseklik,5vh);
		display: block;
		overflow: hidden;
	}

	po-list > lh {
		position: relative;
		width: 100%;
		height: calc(100% - (var(--satyukseklik, 5vh) * 2));
		display: block;
		overflow: hidden;
	}

		po-list > lh > ul {
			position: relative;
			width: 100%;
			height: 100%;
			overflow-y: auto;
			display: block;
			will-change: scroll-position;
		}

	po-list > :is(lb, lt) > ul{
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

		po-list > :is(lb, lt) > ul > li > ul > li {
			float: left;
		}

		po-list > lb > ul > li:nth-child(4) {
			display: none;
		}

	po-list > lh > ul > li:nth-child(4n) {
		background: #f9f9f9;
	}

	po-list > :is(lb,lh,lt) > ul > li:nth-child(2n-1) {
		height: 1px;
		border-top: 1px solid var(--b1);
		transition: height 0.3s;
		box-sizing: border-box;
	}

	po-list > :is(lb,lh,lt) > ul > li {
		position: relative;
		display: flex;
		align-items: center;
		overflow: hidden;
		border-right: 1px solid var(--b1);
	}

		po-list > :is(lb,lh,lt) > ul > li:nth-child(2n) {
			height: var(--satyukseklik,5vh);
		}

	po-list > lb > ul > li:nth-child(2n) {
		font-weight: bold;
	}

	po-list > lb > ul > li > ul > li:nth-child(2n-1) {
		cursor: col-resize;
	}


	po-list > :is(lb,lh,lt) > ul > li > ul > li:nth-child(2n-1) {
		height: 100%;
		overflow: inherit;
		background: var(--b1);
		width: 1px;
		box-sizing: border-box;
		position: relative;
	}

	po-list > :is(lb,lh,lt) > ul > li > ul > li:nth-child(2n) {
		padding: 0.5vh 1vh;
		box-sizing: border-box;
		width: 12vw;
		height: 100%;
		display: flex;
		align-items: center;
	}

	po-list > :is(lb,lh,lt) > ul > li:nth-child(2n) > ul {
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
	}


	po-list > lb > ul > li > ul > li:nth-child(2n-1):before {
		width: 20px;
		height: 100%;
		position: absolute;
		top: 0;
		left: -10px;
		content: '';
		z-index: 2;
	}

	po-list > :is(lh,lt) > ul > li:last-child {
		border-bottom: 1px solid var(--b1);
	}


/*po-list bitiş*/

@media screen and (orientation:portrait) {
}


@media screen and (orientation: landscape) {
}