body{
	margin:0px!important;
	padding:0px!important;
	background-color:#333;
}

/*color:#adadad; background-color:#474747; background-color:#333; background-color:#2d2d2d; main-divs-bgcolor:background-color:#272727;*/

.text-color{color:#adadad!important;}

.margin0{margin:0px!important;}

.padding0{padding:0px!important;}

button{outline:none!important;}

.footer-copyright{
	width:80%;
	height:auto;
	margin:auto 10% auto 10%;
	background-color:#2d2d2d;
}

@media(max-width:991px){
	.footer-copyright{
		width:90%;
		margin:auto 5% auto 5%;
	}
}

@media(max-width:830px){
	.footer-copyright{
		width:95%;
		margin:auto 2.5% auto 2.5%;
	}
}

.footer-copyright-span{
	color:#383838;
}

/*-----------------header start-----------------*/
.header{
	width:100%;
	min-height:600px;
	background-color:#474747;
}

.header-in{
	width:80%;
	min-height:450px;
	margin:auto 10% auto 10%;
}

.header-space{
	display:none;
}
@media(max-width:991px){
	.header-space{
		width:100px;
		height:100px;
		margin:auto auto auto auto;
		display:inherit;
	}
}

/*navigation start*/
.navigation{
	width:100%;
	height:50px;
}

.logo-button{
	width:auto;
	height:50px;
	background-color:rgba(255,255,255,0);
	padding:5px;
	border:none;
	font-size:25px;
	color:#adadad;
	font-weight:bolder;
	margin:auto auto auto 20px;
}

.profile-button{
	width:100px;
	height:50px;
	border-radius:30px;
	float:right;
	font-size:25px;
	color:#adadad;
	outline:none!important;
	background-color:rgba(255,255,255,0);
	border:none;
}

.btn{
	outline:none!important;
}

.dropdown-item:active{
	background-color:#333!important;
}

.dropdown-link{
	text-decoration:none;
}

.dropdown-link:hover{
	text-decoration:none;
}
/*navigation stop*/

/*menu start*/
.menu-box{
	width:80%;
	min-height:150px;
	margin:50px auto auto auto;
	border-radius:15px;
	background-color:#2d2d2d;
	transition:ease-out .3s all;
	position:relative;
}

.menu-box:hover{
	width:80%;
	min-height:150px;
	margin:40px auto auto auto;
	border-radius:15px;
	background-color:#2d2d2d;
	transition:ease-out .3s all;
}



.menu-top-heading-div{
	width:100%;
	height:40px;
	position:relative;
	top:-20px;
}

.menu-top-heading{
	font-size:25px;
	color:#adadad;
	font-weight:bolder;
	padding:5px;
}

.menu-bottom-div{
	width:100%;
	height:110px;
}

.menu-bottom-div-in{
	width:50%;
	height:110px;
	float:left;
}

.menu-bottom-button{
	width:60%;
	height:110px;
	margin:auto 20% auto 20%;
	background-color:rgba(255,255,255,0);
	color:#adadad;
	border:none;
	font-size:60px;
	position:relative;
	top:-20px;
	transition:ease-out .3s all;
	outline:none!important;
}

.menu-bottom-button:active{
	outline:none!important;
}

.menu-bottom-button:hover .menu-bottom-text{
	color:#adadad;
	transition:ease-out .3s all;	
	outline:none!important;
	font-weight:bolder;
}

.menu-bottom-text{
	font-size:15px;
	line-height:0px;
	color:#2d2d2d;
	font-weight:bolder;
	transition:ease-out .3s all;
}



/*menu stop*/

/*-----------------header stop-----------------*/

/*-----------------anasayfa main start-----------------*/
.main{
	width:80%;
	min-height:900px;
	background-color:#2d2d2d;
	border-top-left-radius:30px;
	border-top-right-radius:30px;
	margin:-75px 10% auto 10%;
	position:relative;
}

.main-header{
	width:100%;
	height:75px;
	background-color:rgba(255,255,255,0);
	font-size:35px;
	border:none;
	outline:none;
	color:#adadad;
	position:relative;
	top:0px;
	left:0px;
	font-weight:bolder;
	text-align:center;
	padding:0px 10px;
	border-top-left-radius:30px;
	border-top-right-radius:30px;
}

.main-content-div{
	width:90%;
	min-height:825px;
	position:relative;
	padding:10px;
	margin:auto auto auto auto;
}

@media(max-width:991px){
	.main{
		width:90%;
		margin:-75px 5% auto 5%;
	}
}

@media(max-width:830px){
	.main{
		width:95%;
		margin:-75px 2.5% auto 2.5%;
	}
}

/*panel ilk kutu start*/

.main-welcome-div{
	width:100%;
	height:200px;
	background-color:#272727;
	border-radius:20px;
	-webkit-box-shadow: 0px 15px 15px -18px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 15px 15px -18px rgba(0,0,0,0.75);
	box-shadow: 0px 15px 15px -18px rgba(0,0,0,0.75);
	transition:ease-out .3s all;
	padding:80px 0px;
}

.main-welcome-div:hover{
	-webkit-box-shadow: 0px 15px 54px -18px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 15px 54px -18px rgba(0,0,0,0.75);
	box-shadow: 0px 15px 54px -18px rgba(0,0,0,0.75);
	transition:ease-out .3s all;
}

.main-welcome-div-in{
	width:90%;
	height:40px;
	margin:auto auto auto auto;
}

.main-welcome-text-button{
	width:auto;
	min-height:50px;
	float:left;
}

@media(max-width:1020px){
	
	.main-welcome-div{
		min-height:200px;
		padding:50px 0px;
	}
	
	.main-welcome-div-in{
		width:90%;
		height:100px;
		margin:auto auto auto auto;
	}
	
	.main-welcome-text-button{
		width:100%;
		text-align:center;
	}
	
	.main-welcome-search-div{
		width:100%!important;
		margin:auto auto auto auto!important;
	}
	
	.main-welcome-textbox{
		
	}
}

.main-welcome-text{
	font-size:28px;
	font-weight:bolder;
	color:#adadad;
	text-align:center;
}

.main-welcome-search-div{
	width:400px;
	height:50px;
	float:right;
}

.main-welcome-textbox{
	width:100%;
	height:50px;
	border-radius:20px;
	border:1px solid #212121;
	background-color:#333;
	-webkit-box-shadow: 0px 15px 40px -18px rgba(0,0,0,0.75);
	-moz-box-shadow:0px 15px 40px -18px rgba(0,0,0,0.75);
	box-shadow: 0px 15px 40px -18px rgba(0,0,0,0.75);
	text-align:center;

}

.main-welcome-textbox::placeholder{
	text-align:center;
	font-weight:bolder;
}

.main-welcome-textbox:focus{
	outline:none;
	-webkit-box-shadow: 0px 15px 40px -18px rgba(0,0,0,0.75);
	-moz-box-shadow:0px 15px 40px -18px rgba(0,0,0,0.75);
	box-shadow: 0px 15px 40px -18px rgba(0,0,0,0.75);
	caret-color:#adadad;
}

/*panel ilk kutu stop*/

.row-space{
	width:100%;
	height:50px;
}

/*son aktiviteler start*/

.main-activity-div{
	width:100%;
	height:500px;
	background-color:#272727;
	border-radius:20px;
	-webkit-box-shadow: 0px 15px 15px -18px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 15px 15px -18px rgba(0,0,0,0.75);
	box-shadow: 0px 15px 15px -18px rgba(0,0,0,0.75);
	transition:ease-out .3s all;
}

.main-activity-div:hover{
	-webkit-box-shadow: 0px 15px 54px -18px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 15px 54px -18px rgba(0,0,0,0.75);
	box-shadow: 0px 15px 54px -18px rgba(0,0,0,0.75);
	transition:ease-out .3s all;
}

.main-activity-header-div{
	width:100%;
	height:50px;
	padding:10px 20px;
}

.main-activity-header-text{
	font-size:25px;
	color:#adadad;
	font-weight:bolder;
	float:left;
}

.more-activity-button{
	width:50px;
	height:40px;
	background-color:rgba(255,255,255,0);
	border:none;
	font-weight:bolder;
	color:#444;
	float:right;
	outline:none!important;
}

.main-activity-flow{
	width:100%;
	height:420px;
	padding:10px 20px;
	overflow-y:scroll;
	position:relative;
	float:left;
}

.main-activity-flow::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #272727;
}

.main-activity-flow::-webkit-scrollbar
{
	width: 12px;
	background-color: #272727;
}

.main-activity-flow::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #272727;
}

.main-activity-flow-div{
	width:100%;
	min-height:50px;
	border-left:3px solid #333;
	margin:auto;
}

.main-activity-flow-div-circle{
	width:20px;
	height:20px;
	position:relative;
	top:15px;
	left:-10px;
	background-color:#333;
	border-radius:30px;
	float:left;
}

.main-activity-text{
	font-size:20px;
	color:#adadad;
	float:left;
	margin:10px auto auto auto;
	font-weight:bold;
}

.main-activity-link{
	color:#444;
	transition:ease-out .3s all;
}

.main-activity-link:hover{
	color:#555;
	transition:ease-out .3s all;
}

.activity-name{
	color:#444;
	overflow: hidden; /* taşanları gizle */
    white-space: nowrap; /* alt satıra hiç inme */
    text-overflow: ellipsis; /* eğer uzunsa üç nokta koy */
}

/*son aktiviteler stop*/

/*profil kutusu start*/

.main-profile-div{
	width:100%;
	min-height:250px;
	background-color:#272727;
	border-radius:20px;
	-webkit-box-shadow: 0px 15px 15px -18px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 15px 15px -18px rgba(0,0,0,0.75);
	box-shadow: 0px 15px 15px -18px rgba(0,0,0,0.75);
	transition:ease-out .3s all;
}

.main-profile-div:hover{
	-webkit-box-shadow: 0px 15px 54px -18px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 15px 54px -18px rgba(0,0,0,0.75);
	box-shadow: 0px 15px 54px -18px rgba(0,0,0,0.75);
	transition:ease-out .3s all;	
}

@media(max-width:767px){
	.main-profile-div{
		margin:50px auto 50px auto;
	}
}

.profile-div-in{
	width:100%;
	height:200px;
	position:relative;
}


.profile-circle{
	width:125px;
	height:125px;
	border-radius:50%;
	position:relative;
	top:37.5px;
	margin:auto auto auto auto!important;
	-webkit-filter: grayscale(100%);
}

@media(max-width:1274px){
	.profile-circle{
		width:100px;
		height:100px;
	}
}

@media(max-width:1150px){
	.profile-circle{
		width:80px;
		height:80px;
	}
}


.profile-div-buttons{
	width:175px;
	height:50px;
	margin:35px auto auto auto;
	background-color:#333;
	border:none;
	color:#8a8a8a;
	text-align:center;
	font-weight:bolder;
	border-radius:20px;
	outline:none;
	-webkit-box-shadow: 0px 15px 40px -18px rgba(0,0,0,0.75);
	-moz-box-shadow:0px 15px 40px -18px rgba(0,0,0,0.75);
	box-shadow: 0px 15px 40px -18px rgba(0,0,0,0.75);
}

@media(max-width:1600px){
	.profile-div-buttons{
		width:150px;
	}
}

@media(max-width:1390px){
	.profile-div-buttons{
		width:120px;
	}
}

@media(max-width:1150px){
	.profile-div-buttons{
		width:90px;
	}
}

@media(max-width:767px){
	.profile-div-buttons{
		width:80%;
	}
}

/*profil kutusu stop*/

/*notify start*/

.main-notify-div{
	width:100%;
	min-height:250px;
	background-color:#272727;
	border-radius:20px;
	-webkit-box-shadow: 0px 15px 15px -18px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 15px 15px -18px rgba(0,0,0,0.75);
	box-shadow: 0px 15px 15px -18px rgba(0,0,0,0.75);
	transition:ease-out .3s all;
}

.main-notify-div:hover{
	-webkit-box-shadow: 0px 15px 54px -18px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 15px 54px -18px rgba(0,0,0,0.75);
	box-shadow: 0px 15px 54px -18px rgba(0,0,0,0.75);
	transition:ease-out .3s all;	
}

.notify-button{
	width:60px;
	height:60px;
	font-size:30px;
	text-align:center;
	background-color:#333;
	border:none;
	border-radius:50%;
	color:#8a8a8a;
	margin:30px auto auto auto;
	-webkit-box-shadow: 0px 15px 40px -18px rgba(0,0,0,0.75);
	-moz-box-shadow:0px 15px 40px -18px rgba(0,0,0,0.75);
	box-shadow: 0px 15px 40px -18px rgba(0,0,0,0.75);
}

.notify-div-in{
	width:100%;
	height:200px;
	position:relative;
}

/*profil kutusu stop*/




/*panel istatistik kutusu start*/

.main-istatistik-div{
	width:100%;
	height:200px;
	background-color:#272727;
	border-radius:20px;
	-webkit-box-shadow: 0px 15px 15px -18px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 15px 15px -18px rgba(0,0,0,0.75);
	box-shadow: 0px 15px 15px -18px rgba(0,0,0,0.75);
	transition:ease-out .3s all;
	margin:50px auto auto auto;
}

.main-istatistik-div:hover{
	-webkit-box-shadow: 0px 15px 54px -18px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 15px 54px -18px rgba(0,0,0,0.75);
	box-shadow: 0px 15px 54px -18px rgba(0,0,0,0.75);
	transition:ease-out .3s all;
}

@media(max-width:767px){
	.main-istatistik-div{
		min-height:500px;
		margin:50px auto 50px auto;
	}
}

.istatistik-box{
	width:100%;
	height:75px;
}

.istatistik-number{
	width:100%;
	height:95px;
	font-size:40px;
	color:#444;
	text-align:center;
	border:none;
	background-color:rgba(255,255,255,0);
	font-weight:bolder;
}

.istatistik-text{
	width:100%;
	height:55px;
	font-size:20px;
	color:#333;
	text-align:center;
	border:none;
	background-color:rgba(255,255,255,0);
	font-weight:bolder;
}


/*panel istatistik kutusu stop*/

/*-----------------anasayfa main stop-----------------*/



/*-----------------Sayfa Listele start-----------------*/

/*table start*/

.main-table{
    border:none;
    padding: 5px;
    transition: 0.5s;
	color:#adadad;
}

th{
	border-top:none!important;
	border-bottom:1px solid #adadad!important;
}	

td{
	border:none!important;
	max-width:100px;
	overflow: hidden; /* taşanları gizle */
    white-space: nowrap; /* alt satıra hiç inme */
    text-overflow: ellipsis; /* eğer uzunsa üç nokta koy */
}

tr:hover{
	-webkit-box-shadow: -1px 0px 21px 0px rgba(0,0,0,0.75)!important;
	-moz-box-shadow: -1px 0px 21px 0px rgba(0,0,0,0.75)!important;
	box-shadow: -1px 0px 21px 0px rgba(0,0,0,0.75)!important;
	transition:ease-out .6s all;
}

.listele-link{
	color:#adadad;
}

.listele-link:hover{
	color:#adadad!important;
}

/*table stop*/


/*-----------------Sayfa Listele stop-----------------*/




/*-----------------Sayfa Ekle start-----------------*/

/*form start*/

.form-div{
	width:80%;
	height:auto;
	margin:auto auto auto auto;
}

.ekle-textbox{
	width:100%;
	height:50px;
	border-radius:20px;
	border:1px solid #212121;
	background-color:#333;
	-webkit-box-shadow: 0px 15px 40px -18px rgba(0,0,0,0.75);
	-moz-box-shadow:0px 15px 40px -18px rgba(0,0,0,0.75);
	box-shadow: 0px 15px 40px -18px rgba(0,0,0,0.75);
	text-align:center;
	color:#777;
	font-weight:bolder;
}

.ekle-textbox::placeholder{
	text-align:center;
	font-weight:bolder;
}

.ekle-textbox:focus{
	outline:none;
	-webkit-box-shadow: 0px 15px 40px -18px rgba(0,0,0,0.75);
	-moz-box-shadow:0px 15px 40px -18px rgba(0,0,0,0.75);
	box-shadow: 0px 15px 40px -18px rgba(0,0,0,0.75);
	caret-color:#adadad;
}

.ekle-textarea{
	width:100%;
	min-height:400px;
	border-radius:20px;
	border:1px solid #212121;
	background-color:#333;
	text-align:center;
	resize:none;
	color:#777;
	font-weight:bolder;
}

.ekle-textarea::placeholder{
	font-weight:bolder;
}

.ekle-textarea:focus{
	outline:none;
	caret-color:#adadad;
	color:#777;
	font-weight:bolder;
}


.textbox-margin-div{
	margin:50px auto auto auto;
}

.resim-ekle-button{
	color:#adadad;
}


/*form stop*/

/*-----------------Sayfa Ekle stop-----------------*/


/*-----------------Login Page Start-----------------*/

.login-container{
	width:100%;
	height:100vh;
	position:relative;
}

.login-div{
	width:40vh;
	min-height:auto;
	background-color:#2d2d2d;
	color:#adadad;
	margin:30% auto auto auto;
	border-radius:10px;
}

.login-header-div{
	width:100%;
	height:auto;
}

.login-header{
	margin:auto auto auto auto;
}

.login-form-div{
	width:90%;
	height:auto;
	margin:50px 5% auto 5%;
}

.login-space{
	width:100%;
	height:50px;
}

.login-button{
	background-color:#2d2d2d;
}
/*-----------------Login Page Stop-----------------*/