/* 
	Theme Name: sporcutakip.com
	Theme URL: http://sporcutakip.com
	Description: sporcutakip.com
	Author: sporcutakip.com
	Author URI: http://sporcutakip.com
	Version: 1.0
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');

body {
	background:#edf2f4;
	float:left;
	width: 100%;
	height: auto;
	overflow-y:auto;
	overflow-x:hidden;
	margin: 0px;
	padding: 0px;
	line-height:1.6;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight:400;
	color:#31383e;
	text-decoration:none;
	}

a, a:visited { color: #31383e; text-decoration: none; border:0px; }
a:hover { color: #31383e; text-decoration: underline; }
.clr, .tmz { clear:both; }
ul { list-style:none; }
img { border:0px; }
.bos5 {	float:left;	width:100%;	height: 5px; overflow:hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; }
.bos10 { float:left; width:100%; height: 10px; overflow:hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; }
.bos20 { float:left; width:100%; height: 20px; overflow:hidden;	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px;	}
.bos30 { float:left; width:100%; height: 30px; overflow:hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px;	}
.bos40 { float:left; width:100%; height: 40px; overflow:hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px;	}
.bos50 { float:left; width:100%; height: 50px; overflow:hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px;	}

.ortala {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 30px;
	border: 0px;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	}

.yesil { color: #00bf00; }
.kirmizi { color: #cf2e44; }

/************************************************
*	GİRİŞ						     		    * 
************************************************/

.giris {
	background: #37353E;
	background: linear-gradient(90deg, rgba(55, 53, 62, 1) 0%, rgba(31, 28, 41, 1) 100%);
	float:left;
	width: 100%;
	height: 100vh;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	display: flex;
	justify-content: center; 
	align-items: center;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	}

.ongiris {
	width: 100%;
	min-height: 100vh;
	height: auto;
	overflow:hidden;
	}

.ongiris .giris_kutu {
	margin: 80px 0px 0px 0px;
	}

.giris_kutu {
	background:#FFFFFF;
	width: 450px;      
	height: auto;
	overflow:hidden;
	padding: 40px 40px 40px 40px;
	border: 0px;
	border-radius:20px;
	border-bottom:3px solid #dbdbdb;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	}

.giris_kutu .logo {
	width: 100%;
	margin: 0px 0px 30px 0px;
	}

/************************************************
*	SOLBAR						     		    * 
************************************************/

.uyarimiz {
	float: none;
	width: 30%;
	height: auto;
	overflow:hidden;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}

.solbar {
	background: #37353E;
	background: linear-gradient(90deg, rgba(55, 53, 62, 1) 0%, rgba(31, 28, 41, 1) 100%);
	float:left;
	width: 300px;
	height: 100vh;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	position: fixed;
	top: 0;
	left: 0;
	border-right:3px solid #1F1C29;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	}

.logo {
	background: #FFFFFF;
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(235, 235, 235, 1) 100%);
	float:left;
	width: 80%;
	height: 100px;
	overflow:hidden;
	margin: 20px 0px 0px 10%;
	padding: 0px 0px 0px 0px;
	border: 0px;
	border-radius:20px;
	}

.logo a {
	background:url(i/logo.png) no-repeat center center;
	background-size:80% auto;
	float:left;
	width: 100%;
	height: 100px;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}

.gosem {
	background: #FFFFFF;
	}

.gosem a {
	background:url(i/gosem.jpg) no-repeat center center;
	background-size:80% auto;
	}

.menumobil {
	display:none;
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	}

.menumobil a {
	background:#31383e;
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 25px 20px;
	border: 0px;
	border-bottom:1px solid #1F1C29;
	color:#d3d3d3;
	font-size:16px;
	font-weight:700;
	text-decoration:none;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	}

.menumobil a i {
	float:left;
	width: 30px;
	height: auto;
	overflow:hidden;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	color:#d3d3d3;
	font-size:27px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	}

.dropdown-icon {
	float: right !important;
	width: auto;
	margin: 0px 0px 0px 0px;
	}

.menumobil a:hover {
	background:#282e34;
	}

.menu {
	float:left;
	width: 100%;
	height: auto;
	max-height: calc(100vh - 160px); 
	overflow:hidden;
	overflow-y: auto;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	}

.menuac {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	}

.menuac a {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 25px 20px;
	border: 0px;
	border-bottom:1px solid #1F1C29;
	color:#FFFFFF;
	font-size:14px;
	font-weight:700;
	text-decoration:none;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	}

.menuac a i{
	float:left;
	width: 30px;
	height: auto;
	overflow:hidden;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	color:#FFFFFF;
	font-size:21px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	}

.menuac a:hover {
	background:#1F1C29;
	}

.liste {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}

.liste a {
	background:#1F1C29;
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 16px 0px 16px 35px;
	border: 0px;
	border-bottom:1px solid #37353E;
	color:#d3d3d3;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	}

.liste a:hover {
	background:#37353E;
	}

/************************************************
*	SAĞBAR						     		    * 
************************************************/

.sagbar {
	float:left;
	width: calc(100% - 300px);
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 300px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}

.baslik {
	background: #37353E;
	background: linear-gradient(90deg, rgba(55, 53, 62, 1) 0%, rgba(31, 28, 41, 1) 100%);
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 23px 30px 26px 30px;
	border: 0px;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	}

.baslik p {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	color:#FFFFFF;
	font-size:24px;
	font-weight:400;
	text-decoration:none;
	}

.baslik p b {
	color:#FFFFFF;
	font-size:24px;
	font-weight:700;
	text-decoration:none;
	}

.baslik span {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:300;
	text-decoration:none;
	}

.buton {
	background:#FFFFFF;
	float:left;
	width: 15%;
	height: auto;
	overflow:hidden;
	margin: 0px 2% 30px 0px;
	padding: 20px 0px 20px 0px;
	border: 0px;
	border-radius:10px;
	border-bottom:3px solid #dbdbdb;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	}

.butonsag {
	margin: 0px 0px 30px 0px;
	}

.buton a {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-align:center;
	}

.buton a i {
	float: none;
	width: auto;
	height: auto;
	overflow:hidden;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-align:center;
	color:#435e9c;
	font-size:30px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	}

.buton a p {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-align:center;
	color:#31383e;
	font-size:16px;
	font-weight:600;
	text-decoration:none;
	}

.buton a:hover p {
	text-decoration:underline;
	}

.buton2 {
	background:#FFFFFF;
	float:left;
	width: 23.5%;
	height: auto;
	overflow:hidden;
	margin: 0px 2% 30px 0px;
	padding: 20px 0px 20px 0px;
	border: 0px;
	border-radius:10px;
	border-bottom:3px solid #dbdbdb;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	}

.buton2sag {
	margin: 0px 0px 30px 0px;
	}

.buton2 a {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-align:center;
	}

.buton2 a i {
	background:#31383e;
	float: none;
	width: auto;
	height: auto;
	overflow:hidden;
	margin: 0px auto 0px;
	padding: 15px 15px 15px 15px;
	border: 0px;
	border-radius:100%;
	text-align:center;
	color:#FFFFFF;
	font-size:30px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	}

.buton2r1 a i { background:#435e9c; color:#FFFFFF; }
.buton2r2 a i { background:#81c15c; color:#FFFFFF; }
.buton2r3 a i { background:#dc3545; color:#FFFFFF; }
.buton2r4 a i { background:#6f42c1; color:#FFFFFF; }

.buton2 a p {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-align:center;
	color:#31383e;
	font-size:16px;
	font-weight:600;
	text-decoration:none;
	}

.buton2 a span {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	text-align:center;
	color:#31383e;
	font-size:26px;
	font-weight:600;
	text-decoration:none;
	}

.buton2 a:hover p {
	text-decoration:underline;
	}

/************************************************
*	GELİR GİDER					     		    * 
************************************************/

.gelirgider {
	background:#FFFFFF;
	float:left;
	width: 32%;
	height: auto;
	overflow:hidden;
	margin: 0px 2% 0px 0px;
	padding: 20px 20px 20px 20px;
	border: 0px;
	border-radius:10px;
	border-bottom:3px solid #dbdbdb;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
}

.gelirgider-bos {
	margin: 0px 0px 0px 0px;
}

.gelirgider .gelirgider-ust {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

.gelirgider .gelirgider-ust i {
 	float:left;
	width: auto;
	height: auto;
	overflow:hidden;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	font-size:26px;
	text-decoration:none;
}

.gelirgider .gelirgider-ust h4 {
 	float:left;
	width: auto;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	color:#555555;
	font-size:16px;
	font-weight:600;
	text-decoration:none;
}

.gelirgider .gelirgider-amount {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	font-size: 32px;
    font-weight: 700;
	text-decoration:none;
}

.gelirgider .gelirgider-dty {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
    border-top: 1px solid #f0f0f0;
}

.gelirgider .gelirgider-item {
 	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

.gelirgider .gelirgider-item i {
	float:left;
	width: auto;
	height: auto;
	overflow:hidden;
	margin: 0px 5px 0px 0px;
	padding: 5px 0px 0px 0px;
	border: 0px;
    font-size: 18px;
    color: #999999;
	text-decoration:none;
}

.gelirgider .gelirgider-item span {
	float:left;
	width: auto;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	color:#555555;
	font-size:16px;
	font-weight:400;
	text-decoration:none;
}

.gelirgider .gelirgider-item span:last-child {
	float: right;
	margin: 0px 0px 0px 0px;
	font-weight:600;
}

.green-text { color: #28a745; }
.red-text { color: #dc3545; }

/************************************************
*	TAKVİM						     		    * 
************************************************/

#calendar {
 	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

/************************************************
*	GENEL						     		    * 
************************************************/

.kapla {
	float:left;
	width: 100%;
	height: auto;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

.kutu {
	background:#FFFFFF;
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 40px 0px;
	padding: 20px 20px 20px 20px;
	border: 0px;
	border-radius:10px;
	border-bottom:3px solid #dbdbdb;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	}

.icbaslik {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}
	
.icbaslik p {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	color:#435e9c;
	font-size:24px;
	font-weight:700;
	text-decoration:none;
	}

.arabaslik {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 15px 0px;
	border: 0px;
    border-bottom: 1px solid #e0e0e0;
}

.arabaslik i {
 	float:left;
	width: auto;
	height: auto;
	overflow:hidden;
	margin: 0px 15px 0px 0px;
	padding: 7px 0px 0px 0px;
	border: 0px;
	color:#435e9c;
	font-size:24px;
	text-decoration:none;
}

.arabaslik p {
	float:left;
	width: auto;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	color:#435e9c;
	font-size:22px;
	font-weight:600;
	text-decoration:none;
}

.arabaslik p a {
	background:#435e9c;
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 9px 15px 9px 15px;
	border: 0px;
	border-radius:10px;
	color:#FFFFFF;
	font-size:20px;
	font-weight:600;
	text-decoration:none;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
}

.arabaslik p a i {
	float:left;
	width: auto;
	height: auto;
	overflow:hidden;
	margin: 0px 12px 0px 0px;
	padding: 4px 1px 1px 1px;
	border: 0px;
	color:#FFFFFF;
	font-size:24px;
	font-weight:600;
	text-decoration:none;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
}

.arabaslik p a:hover {
	text-decoration:underline;
}

.arabaslik span {
	float: right;
	width: auto;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	color:#435e9c;
	font-size:22px;
	font-weight:400;
	text-decoration:none;
}

/************************************************
*	DESTEK DETAY				     		    * 
************************************************/

.uye_mesaj {
	background:#d6f2ef;
	float:left;
	width: 70%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 20px 0px;
	padding: 20px 20px 20px 20px;
	border: 0px;
	}

.uye_mesaj span {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	color:#31383e;
	font-size:15px;
	font-weight:600;
	text-decoration:none;
	}

.uye_mesaj p {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	color:#31383e;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	}

.uye_info {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	color:#31383e;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	}

.uye_info a {
	color:#31383e;
	font-size:14px;
	font-weight:600;
	text-decoration:none;
	}

.admin_mesaj {
	background:#eeeef2;
	float:right;
	width: 70%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 20px 0px;
	padding: 20px 20px 20px 20px;
	border: 0px;
	}

.admin_mesaj span {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	color:#31383e;
	font-size:15px;
	font-weight:600;
	text-decoration:none;
	}

.admin_mesaj p {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	color:#31383e;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	}

.tf-inp {
	background: #f7f7f7;
	border:1px solid #c3c3c3;
	border-radius:5px;
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin:0px 0px 20px 0px;
	padding: 14px 14px 14px 14px;
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	font-weight:400;
	color:#080404;
	text-decoration:none;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	}

.tf-text {
	background: #f7f7f7;
	border:1px solid #c3c3c3;
	border-radius:5px;
	float:left;
	width: 100%;
	height: 250px;
	margin:0px 0px 20px 0px;
	padding: 14px 14px 14px 14px;
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	font-weight:400;
	color:#080404;
	text-decoration:none;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	}

.tf-submit {
	background: #373f45;
	border:1px solid #373f45;
	float:left;
	width: 100%;
	height:auto;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	font-weight:700;
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	}

.tf-submit:hover {
	text-decoration: underline;
	}

/************************************************
*	ÜYELİK						     		    * 
************************************************/

.uye_ortala {
	width: 40%;
	height: auto;
	overflow:hidden;
	margin: 80px 0px 0px 30%;
	padding: 0px;
	border: 0px;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	}

.ekbuton {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 35px 0px 10px 0px;
	padding: 0px;
	border: 0px;
	}

.ekbuton a {
	float:left;
	width: 50%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	text-align:center;
	color:#31383e;
	font-size:15px;
	font-weight:400;
	text-decoration:none;
	}

.ekbuton a:hover {
	text-decoration:underline;
	}

.ekbuton a i {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: 0px;
	text-align:center;
	color:#31383e;
	font-size:24px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	}









/************************************************
*	İÇERİK ALANI				     		    * 
************************************************/

.icerik {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:0px;
	color:#31383e;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	}

.icerik p {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	color:#31383e;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	}

.icerik p a {
	color:#31383e;
	font-size:14px;
	font-weight:600;
	text-decoration:none;
	}

/************************************************
*	TABLO						     		    * 
************************************************/

.tablo {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	border-collapse: collapse;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
} 

.tablo th, .tablo td {
	padding: .75rem 1rem;
	border-bottom: 1px solid #e5e7eb;
	border-right: 1px solid #e5e7eb;
	text-align: left;
}

.tablo tbody tr:nth-child(even) {
  background-color: #f2f2f2; /* çift satır rengi */
}

.tablo tbody tr:nth-child(odd) {
  background-color: #ffffff; /* tek satır rengi */
}

.tablolink {
	float:left;
	width: auto;
	height: auto;
	overflow:hidden;
	margin: 0px 10px 0px 0px;
	padding: 8px 12px 8px 12px;
	border: 0px;
	border-radius:10px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:600;
	text-decoration:none;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	}

.tablolink i {
	float:left;
	width: auto;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	font-size:18px;
	text-decoration:none;
	color:#FFFFFF;
	}

.tablolink_1 { background:#576ce5; }
.tablolink_2 { background:#f18e20; }
.tablolink_3 { background:#cf2e44; }
.tablolink:hover { background:#373f45; color:#FFFFFF; text-decoration:none; }
.tablolink:visited { color:#FFFFFF; }

.tablotext {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
	border: 0px;
	border-radius:10px;
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	font-weight:600;
	text-decoration:none;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	}

.gribg { background:#7f7f7f; }
.yesilbg { background:#00bf00; }
.kirmizibg { background:#cf2e44; }

/************************************************
*	FORMLAR						     		    * 
************************************************/

.sol { float:left; width:49%; height:auto; margin: 0px 2% 0px 0px; padding:0px 0px 0px 0px; border: 0px; }
.sag { float:left; width:49%; height:auto; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; border: 0px; }

.yarim { float:left; width:49%; height:auto; margin: 0px 2% 0px 0px; padding:0px 0px 0px 0px; border: 0px; }
.yarimsag { float:left; width:49%; height:auto; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; border: 0px; }

.uclu { float:left; width:32%; height:auto; overflow:hidden; margin: 0px 2% 0px 0px; padding:0px 0px 0px 0px; border: 0px; }
.uclusag { float:left; width:32%; height:auto; overflow:hidden; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; border: 0px; }

.dort { float:left; width:23.5%; height:auto; overflow:hidden; margin: 0px 2% 0px 0px; padding:0px 0px 0px 0px; border: 0px; }
.dortsag { float:left; width:23.5%; height:auto; overflow:hidden; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; border: 0px; }

.bes { float:left; width:18%; height:auto; overflow:hidden; margin: 0px 2% 0px 0px; padding:0px 0px 0px 0px; border: 0px; }
.bessag { float:left; width:18%; height:auto; overflow:hidden; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; border: 0px; }

.yrm-g { float:left; width:100%; height:auto; overflow:hidden; margin: 5px 0px 13px 0px; padding:0px 0px 0px 0px; border: 0px; }
.yrm-g b, .yrm-g p { float:left; width: auto; height: auto; overflow:hidden; margin:0px; padding:0px; border: 0px; color:#272727; font-size:16px; font-weight:600; text-decoration:none; }
.yrm-g a { color:#272727; font-size:16px; font-weight:600; text-decoration:none; }
.yrm-g i { color:#272727; font-size:16px; font-weight:300; text-decoration:none; }

.secimler {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 10px 20px;
	border:1px solid #c3c3c3;
	border-radius:10px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	}

.secim {
	float:left;
	width: 50%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border:0px;
	}

.yrm-input {
	background: #f7f7f7;
	border:1px solid #c3c3c3;
	border-radius:10px;
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin:0px 0px 25px 0px;
	padding: 12px 0px 12px 12px;
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	font-weight:500;
	color:#080404;
	text-decoration:none;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	}

.yrm-input-2 {
	background: #f7f7f7;
	border:1px solid #c3c3c3;
	border-radius:10px;
	float:left;
	width: 48%;
	height: auto;
	overflow:hidden;
	margin:0px 2% 25px 0px;
	padding: 12px 0px 12px 12px;
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	font-weight:500;
	color:#080404;
	text-decoration:none;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	}

.yrm-input2 {
	margin:0px 0px 0px 0px;
	}

.yrm-sec {
	background: #f7f7f7;
	border:1px solid #c3c3c3;
	border-radius:10px;
	float:left;
	width: 100%;
	height: 200px;
	margin:0px 0px 25px 0px;
	padding: 12px 0px 12px 12px;
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	font-weight:500;
	color:#080404;
	text-decoration:none;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	}

.yrm-text {
	background: #f7f7f7;
	border:1px solid #c3c3c3;
	border-radius:10px;
	float:left;
	width: 100%;
	height: 100px;
	overflow:hidden;
	margin:0px 0px 25px 0px;
	padding: 12px 0px 12px 12px;
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	font-weight:500;
	color:#080404;
	text-decoration:none;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	}
	
.yrm-tamam {
	background: #272727;
	border:1px solid #000;
	border-radius:10px;
	float:left;
	width: 100%;
	height:auto;
	overflow: hidden;
	margin: 10px 0px 10px 0px;
	padding: 13px 0px 13px 0px;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-size:18px;
	color:#FFF;
	font-weight:700;
	text-decoration:none;
	cursor:pointer;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	}

.yrm-tamam2 {
	margin: 0px 0px 0px 0px;
	padding: 11px 0px 11px 0px;
	}

.yrm-tamam:hover {
	text-decoration: underline;
	}

.yrm-tamam[disabled=disabled] {
	background: #999999;
	text-decoration:none;
	}

.orta-tamam {
	background: #272727;
	float: left;
	width: auto;
	height: auto;
	overflow: hidden;
	margin: 0px 15px 0px 0px;
	padding: 10px 15px 10px 15px;
	border:1px solid #272727;
	border-radius:10px;
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	color:#FFFFFF;
	font-weight:600;
	text-decoration:none;
	cursor:pointer;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	}

.orta-tamam i {
	float: left;
	width: auto;
	height: auto;
	overflow: hidden;
	margin: 0px 10px 0px 0px;
	padding: 1px 1px 1px 1px;
	border:0px;
	font-size:18px;
	color:#FFFFFF;
	text-decoration:none;
	}

.orta-tamam:hover {
	text-decoration: underline;
	}




















.yrm-inputimg {
	background: #f7f7f7;
	border:1px solid #c3c3c3;
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin:0px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	}

.yrm-inputimg img {
	float:left;
	width: 80px;
	height: 60px;
	overflow:hidden;
	margin:0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}

.yrm-inputimg video {
	float:left;
	width: 120px;
	height: 80px;
	overflow:hidden;
	margin:0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}

.yrm-inputimg input {
	float:left;
	width: calc(100% - 95px);
	height: auto;
	overflow:hidden;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}

.eklemealani {
	float:left; 
	width: 100%; 
	height:auto; 
	overflow:hidden; 
	margin: 0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	border: 0px;
	}

.eklemealani input {
	background: #f7f7f7;
	border:1px solid #c3c3c3;
	border-radius:10px;
	float:left;
	width: 80%;
	height: auto;
	overflow:hidden;
	margin:0px 2% 15px 0px;
	padding: 12px 12px 12px 12px;
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	font-weight:500;
	color:#080404;
	text-decoration:none;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	}
	
.eklemealani button {
	background:#e85900;
	border:1px solid #e85900;
	color:#FFF;
	border-radius:10px;
	float:left;
	width: 18%;
	height:auto;
	overflow: hidden;
	margin:0px 0px 15px 0px;
	padding: 12px 12px 12px 12px;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	font-weight:500;
	text-decoration:none;
	cursor:pointer;
	}

.eklemealani button:hover {
	text-decoration: underline;
	}
	
.ozellikliste {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}

.ozellikliste p {
	float:left;
	width: 25%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}


/************************************************
*	EN ALT						     		    * 
************************************************/

.enalt {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	border: 0px;
	border-top:1px solid #d4d4d4;
	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	}
	
.enalt a {
	color:#31383e;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	}
	
.enalt a:hover {
	text-decoration:underline;
	}

/************************************************
*	UYARILAR					     		    * 
************************************************/

.u-tamam {
	float:left; width:100%; height:auto; overflow:hidden; margin: 0px 0px 20px 0px; padding:15px 15px 15px 15px; background:#def0d8; border:1px solid #dae7cd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	}

.u-tamam p {
	float:left; width: auto; height: auto; overflow:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:15px; color:#3d7848; font-weight: 700; text-decoration:none;
	}

.u-hata {
	float:left; width:100%; height:auto; overflow:hidden; margin: 0px 0px 20px 0px; padding:15px 15px 15px 15px; background:#f2dedf; border:1px solid #e8cdd2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	}

.u-hata p, .u-hata a {
	float:left; width: auto; height: auto; overflow:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:15px; color:#974e5a; font-weight: 700; text-decoration:none;
	}

.u-bilgi {
	float:left; width:100%; height:auto; overflow:hidden; margin: 0px 0px 20px 0px; padding:15px 15px 15px 15px; background:#fdf8e4; border:1px solid #f6f0df; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	}

.u-bilgi p, .u-bilgi a {
	float:left; width: auto; height: auto; overflow:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:15px; color:#7c6f3f; font-weight: 700; text-decoration:none;
	}