/*
	Author: ugurDalkiran
	Author URI: http://ugurdalkiran.com/
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=latin,latin-ext);
*{padding:0;margin:0;border:0}
body{margin:0px;background:#fff}
ul, li, p, h1{list-style:none;padding:0;margin:0}

.kapsaEn{max-width:880px;margin:20px auto;display:flex;flex-wrap:wrap}

.form1{max-width:546px}
.form2{max-width:320px;margin-left:20px}

.satir, .satir2{font:normal 400 13px 'Roboto';color:#555;overflow:hidden;background:#fff9f9;border:1px solid #ddd;border-top:none;display:flex;flex-wrap:wrap}
.satir:nth-child(odd), .satir2:nth-child(odd){background:#f8f8f8}

.satir span, .satir2 span{display:block;padding:10px}

.satir span b, .satir2 span b{font-weight:500}

.satir span.change_green{color:#3498db}
.satir span.change_red{color:#e74c3c}

.satir span:nth-child(1){flex:1}
.satir span:nth-child(2){width:70px;text-align:right;color:#777}
.satir span:nth-child(3){width:70px;text-align:right;color:#777}
.satir span:nth-child(4){width:100px;text-align:right;color:#777}
.satir span:nth-child(5){width:60px;text-align:right}

.satir:nth-child(1){border-top:5px solid #56c695;background:#f5f5f5}
.satir:nth-child(1) span{font:normal 500 15px 'Roboto';color:#474747}
.satir:nth-child(1) span:nth-child(1){color:#032B61}

/**/

.form2Baslik{font:normal 500 15px 'Roboto';color:#032B61;background:#f5f5f5;padding:10px;border:1px solid #ddd;border-top:5px solid #34495e}

.satir2 span:nth-child(1){flex:1}
.satir2 span:nth-child(2){width:56px;text-align:right;color:#777}
.satir2 span:nth-child(3){width:56px;text-align:right;color:#3498db}

i.yukari{display:inline-block;width:0px;height:0px;border-bottom:10px solid #56c695;border-right:8px solid transparent;border-left:8px solid transparent}

@media only screen and (max-width:866px){

	.form2{margin-left:0px;margin-top:20px}

}

@media only screen and (max-width:540px){

	.satir:nth-child(1) span, .form2Baslik{font:normal 500 12px 'Roboto'}

	.satir, .satir2{font:normal 400 11px 'Roboto'}

	.satir span, .satir2 span{padding:5px}

	.satir span:nth-child(2){width:48px}
	.satir span:nth-child(3){width:58px}
	.satir span:nth-child(4){width:72px}
	.satir span:nth-child(5){width:44px}

}

@media only screen and (max-width:400px){

	.satir span, .satir2 span{padding:3px}

	.satir span:nth-child(1){flex:unset;width:50px}

}