<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
.mody { }
body {
	scrollbar-shadow-color : #FFFFFF;
	scrollbar-highlight-color :#FFFFFF;
	scrollbar-face-color : #EEEEEE;
	scrollbar-base-color : #666666;
	scrollbar-arrow-color : #666666;
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-size: .8rem;
}
table {
	font-size: .8rem;
}
table tbody tr {
	border-bottom: 1px solid #333333;
}
th {
	background: #666666;
	color: #FFFFFF;
	font-weight: bold;
	padding: 9px 5px;
}
td {
	padding: 5px;
}
input, select, textarea {
	padding: 9px;
	font-size: .8rem;
	color: #333333;
	border: 1px solid;
}
input[type="submit"] {
	cursor: pointer;
}
.form {
	font-size: .8rem;
	color: #333333;
}
a:link, a:active, a:visited {
	font-size: .8rem;
	color: #333333;
	text-decoration: none;
}
a:hover {
	font-size: .8rem;
	color: #FF0000;
	text-decoration: none;
}
.baslik {
	font-size: 1rem;
	font-weight: bold;
	color: #333333;
	padding: 5px 15px;
}
.uyari {
	font-size: .8rem;
	color: #FF0000;
}
.okay {
	font-size: .8rem;
	color: #006600;
}
.raptit {
	font-size: 1rem;
	font-weight: bold;
	color: #666666;
}
.dl {
	border: 1px solid #999999;
}
a:link.rb, a:active.rb, a:visited.rb {
	background: #CC0000;
	color: #FFFFFF;
	padding: 9px 15px;
	margin: 1px;
	width:90px;
	text-align: center;
}
#menu {
	padding: 0px;
}
#menu table {
	width: 100%;
}
#menu table a {
	padding: 10px 20px;
}
.alert {
	display: block;
	position: relative;
	width: 750px;
	padding: 20px;
	margin: 0px auto;
	text-align: left;
	border-width: 3px;
	border-style: solid;
	font-weight: bold;
}
.alert.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.alert.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }
.alert.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }

</style>