@view-transition {
	navigation: auto;
}

/* İdeal animasyon süresi ve ivmelenme eğrisi */
::view-transition-group(*),
::view-transition-old(*),
::view-transition-new(*) {
	animation-duration: 0.3s;
	animation-timing-function: cubic-bezier(0.2, 0, 0, 1);
}

a
{
	text-decoration: none;
}

img
{
	border-style: none;
	border-width: 0;
}

.rrRelativeWrapper
{
	border-width: 0 !important;
}

.rrClipRegion
{
	border-width: 0 !important;
}

.scrollup
{
	width: 51px;
	height: 51px;
	position: fixed;
	bottom: 50px;
	right: 50px;
	display: none;
	/*text-indent: -9999px;*/
	background: url('/images/Template/scrollup.webp') no-repeat;
	/*background-color: #000;*/
	z-index: 20000;
}

/*.scrollup:hover
{
	background: url('/images/Template/scrollup_hover.png') no-repeat;
}*/

.nav-up
{
	top: -250px !important;
}

.nav-down
{
	top: 0 !important;
}

.floatingheader {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2500; /* daha fazla da olabilir */
	transition: top 0.3s ease-in-out, height 0.3s ease-in-out, background-color 0.3s ease;
}


/*Bunlara ikon da ekleyelim. _mediumicon, _largeicon gibi alternatifleri de olabilir.*/

.warningpanel
{
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid Black;
	background-color: #ffe58a;
	color: #000000;
}

.quotepanel
{
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid Black;
	background-color: Silver;
	color: #000000;
}

.infopanel
{
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid Black;
	background-color: #FFC0CB;
	color: #000000;
}

.questionpanel
{
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid White;
	background-color: Black;
	color: White;
}

.answerpanel
{
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid Black;
	background-color: White;
	color: Black;
}

.linkpanel
{
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid Black;
	background-color: #6495ED;
	color: #000000;
}

.downloadpanel
{
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid Black;
	background-color: #98FB98;
	color: #000000;
}

.passwordpanel
{
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid Black;
	background-color: #FFF0F5;
	color: #000000;
}

.errorpanel
{
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid Black;
	background-color: #FF0000;
	color: #ffffff;
}