html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}


.headerTopLine {
    background-color: #222;
    height: 7px;
    width: 100%;
    background-position: top;
    background-repeat: repeat-x;
}

.navbar-brand img {
height: 41px;
width: 304px;
}

.navbar-nav > li > a {
transition: background 0.3s;
}

.navbar-nav > li > a:hover {
background-color: #f8f8f8 !important;
color: #333 !important;
}

.page-container {
            position: relative;
            width: 100%;
            height: 500px;
            perspective: 1000px; /* 3D efekti */
        }
		
 .content {
	min-height: 500px; /* İçeriğin yüksekliği */
	padding: 20px;
}
   
 
.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #222;
	color: white;
	text-align: center;
	padding: 10px 0;
}

.pagination-buttons {
	white-space: nowrap;  
	display: inline-block;  
}
.page-input {
	width: 50px;
	text-align: center;
	margin: 0 5px;
	display: inline-block;
}
		

/* Sayfa içeriği */
.page {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: white;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	backface-visibility: hidden;
	transition: transform 0.7s ease-in-out;
}

/* Sayfa dönüş efektleri */
.flipped {
	transform: rotateY(180deg);
}

.page-back {
	transform: rotateY(-180deg);
}
	
	.navbar {
		margin-bottom: 0px;
	}
	
	.navbar-select {
		padding: 8px 12px;
		border-radius: 4px;
		border: 1px solid #ccc;
		font-size: 14px;
	}
	.navbar-left,
	.navbar-right {
		display: flex;
		align-items: center;
	}