.wrapper img {width:30px;}
.yaz1{height:40px;padding:5px;font-size:10pt;background:#FFD700 !important;border-top:1px solid #fff !important}
.yaz2{height:40px;padding:5px;font-size:10pt;background:#c0c0c0 !important;border-top:1px solid #fff !important}
.yaz3{height:40px;padding:5px;font-size:10pt;background:#CD7F32 !important;border-top:1px solid #fff !important}
.yaz5{height:40px;padding:5px;font-size:10pt;background:#fff !important;border-top:1px solid #666 !important}
.yaz7{height:40px;padding:5px;font-size:10pt;background:#fff !important;border-top:1px solid #666 !important}

/*
 CSS for the main interaction
*/
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

/*
 Styling
*/
body {
  font: 16px/1.5em "Overpass", "Open Sans", Helvetica, sans-serif;
  color: #333;
  font-weight: 300;
}

.tabset > label {
  position: relative;
  display: inline-block;
  padding: 15px 15px 25px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
}

.tabset > label::after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 4px;
  background: #8d8d8d;
}

.tabset > label:hover,
.tabset > input:focus + label {
  color: #06c;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #06c;
}

.tabset > input:checked + label {
  border-color: #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}

.tab-panel {
  padding: 30px 0;
  border-top: 1px solid #ccc;
}

/*
 Demo purposes only
*/
*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  padding: 30px;
}

.tabset {
  max-width: 80%;
  margin:0 auto;
}

.beyaz {
	background:#ff0;
	font-size:9pt;
}
.gri {
	background:#f3f3f3;
	font-size:9pt;
}
.kirmizi {
	background:#a60000;color:#fff;
	font-size:9pt;
}
.kirmizi a{
	background:#a60000;color:#fff;
	font-size:9pt;
}

	.beyazla
	{
		background:#d3d3d3 !important;;
		font-weight:bold;
	}
	.renklendir 
	{
		background:#a60000 !important;
		color:#fff !important;
		font-weight:bold;
	}
	.macno 
	{
		float:left;
		padding:10px;
		margin-right:5px;
		border-right:1px solid #000;
		height:19px;
		font-size:12pt;
	}
	.takim1
	{
		padding-top:4px;
		background:#fff;
		height:16px;
	}
	.takim2
	{
		padding-top:4px;
		background:blue;
		height:15px;
		color:#fff;
	}
	.macla 
	{
		border:1px solid #000;margin:5px;
		font-size:8pt;
		margin-bottom:10px;
	}
	
@media print
{
    .footer {
         display: block; 
         position: fixed; 
         bottom: 0;
		 width:100%;
    } 
}
.bg {
    background-image: url("img_girl.jpg");
    height: 100%; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
body,html {
	padding:0;
	margin:0;
}
.orti {text-align:center;height:40px;}
.tablom td {border:0px;padding:2px;}
	td{ padding:10x;border:1px solid #d3d3d3;}