.hoverEffect:hover {
	cursor: pointer !important;
	opacity: 0.8;
}

.closebtn {
	position: absolute;
	top: 5px;
	right: 15px;
	color: white;
	text-shadow: 2px 2px 4px #000000;
	font-size: 35px;
	cursor: pointer;
}

.phpLoader {
	padding: 10px;
	margin: 30px;
	border: 3px solid #f3f3f3;
	border-radius: 50%;
	border-top: 3px solid #283945;
	width: 20px;
	height: 20px;
	-webkit-animation: spin 1s linear infinite;
	/* Safari */
	animation: spin 1s linear infinite;
}

.enableBlur>* {
	filter: brightness(50%);
	pointer-events: none;
}

.disableBlur {
	filter: brightness(100%);
	pointer-events: auto;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

body {
	background-color: rgba(39, 37, 31, 1) !important;
	color: rgba(39, 37, 31, 1) !important;
	font-size: 1rem !important;
	letter-spacing: -0.5px;
	font-family: 'Open Sans', sans-serif !important;
	background-image: url('https://agroskopi.com/img/bg.svg');
	min-height: 500px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

textarea {
	overflow: hidden;
	resize: none;
	font-size: 0.8em !important;
	border-radius: 1rem !important;
}

textarea:focus {
	border-color: rgba(100, 100, 100, 0.2) !important;
	box-shadow: 0 0 0 0.1rem rgba(40, 40, 40, 0.25) !important;
}

.questionRankAdmin {
	border-style: outset;
	border-width: 3px;
	border-color: rgb(253, 200, 6);
}

.answerRankAdmin {
	border-style: outset;
	border-width: 1px;
	border-color: rgb(253, 200, 6);
}

.profileRankAdmin {
	border-style: outset;
	border-width: 4px;
	border-color: rgb(253, 200, 6);
}

[name="search_div"] input {
	background: transparent;
	border: none;
	color: #343a40;
	width: 100%;
}

[name="search_div"] input:focus {
	border-color: rgba(100, 100, 100, 0) !important;
	box-shadow: 0 0 0 0.1rem rgba(40, 40, 40, 0) !important;
	outline: none;
}

input {
	overflow: hidden;
	resize: none;
	font-size: 0.8em !important;
	border-radius: 1rem !important;
}

input:focus {
	border-color: rgba(100, 100, 100, 0.2) !important;
	box-shadow: 0 0 0 0.1rem rgba(40, 40, 40, 0.25) !important;
}

select:focus {
	border-color: rgba(100, 100, 100, 0.2) !important;
	box-shadow: 0 0 0 0.05rem rgba(40, 40, 40, 0.25) !important;
}

input[type="file"] {
	font-size: 90%;
}

#counter:disabled {
	background: none;
	border: none;
	font-size: 80%;
	font-weight: 300;
}

#counter1:disabled {
	background: none;
	border: none;
	font-size: 80%;
	font-weight: 300;
}

button[type="button"].close {
	font-weight: 400;
}

.pinned {
	background-color: rgba(244, 238, 181, 1)!important;
}

.badge-notify {
	color: #fff;
	background-color: #f00;
}

.newAnnounce {
	position: absolute;
	margin-left: 20px;
	margin-top: 0px;
	background: #f00;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.pinImg {
	position: absolute;
	left: 0px;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.zoom-icon {
	position: absolute;
	width: 100px;
	background-color: rgba(0, 0, 0, 0.5) !important;
	font-size: 70%;
	color: white;
	margin-top: -25px;
	text-align: center;
}

.o-1 {
	opacity: 0.1;
}

.o-2 {
	opacity: 0.2;
}

.o-3 {
	opacity: 0.3;
}

.o-4 {
	opacity: 0.4;
}

.o-5 {
	opacity: 0.5;
}

.o-6 {
	opacity: 0.6;
}

.o-7 {
	opacity: 0.7;
}

.o-8 {
	opacity: 0.8;
}

.o-9 {
	opacity: 0.9;
}

.yanayasla-0 {
	padding-right: 0px;
	padding-left: 0px;
}

.yanayasla-1 {
	padding-right: 5px;
	padding-left: 5px;
}

.yanayasla-2 {
	padding-right: 10px;
	padding-left: 10px;
}

.yanayasla-3 {
	padding-right: 15px;
	padding-left: 15px;
}

.mb-soru {
	margin-bottom: 0.5rem !important;
}

.mb-cevap {
	margin-bottom: 0.5rem !important;
}

.badge-buyuk1 {
	font-size: 110%;
}

.bg-gumus {
	background-color: rgba(192, 192, 192, 1);
}

.bg-arka {
	background-color: rgba(40, 40, 40, 1) !important;
}

.bg-ara {
	background-color: rgba(57, 124, 55, 1) !important;
}

.bg-notify {
	background-color: rgba(80, 165, 80, 0.1) !important;
}

.bg-notifyNegative {
	background-color: rgba(255, 128, 128, 0.1) !important;
}

.color-notify {
	color: rgba(80, 165, 80, 1) !important;
}

.color-notifyNegative {
	color: rgba(255, 128, 128, 1) !important;
}

.btn-buyuk {
	font-size: 2rem !important;
}

.btn-soru {
	color: rgba(248, 249, 250, 1) !important;
	background-color: rgba(50, 50, 50, 1) !important;
	padding: 0.4rem 0.8rem !important;
	font-size: 1.5rem;
	border: none !important;
	border-radius: 0rem;
}

.btn-soru:hover {
	color: rgba(248, 249, 250, 1) !important;
	background-color: rgba(50, 50, 50, 0.9) !important;
}

.btn-soru:focus, .btn-soru.focus {
	background-color: none !important;
	/*background-color: rgba(40, 40, 40, 1) !important;*/
	box-shadow: none !important;
	/*color: rgba(255,255,255,1) !important;*/
}

.btn-hakkinda {
	color: rgba(248, 249, 250, 1) !important;
	background-color: rgba(50, 50, 50, 1) !important;
	padding: 0.4rem 0.8rem !important;
	font-size: 1.3rem;
	border: none !important;
	border-radius: 0rem;
}

.btn-hakkinda:hover {
	color: rgba(248, 249, 250, 1) !important;
	background-color: rgba(50, 50, 50, 0.9) !important;
}

.btn-hakkinda:focus, .btn-hakkinda.focus {
	background-color: none !important;
	/*background-color: rgba(40, 40, 40, 1) !important;*/
	box-shadow: none !important;
	/*color: rgba(255,255,255,1) !important;*/
}

.btn-destek {
	color: rgba(248, 249, 250, 1) !important;
	background-color: rgba(50, 50, 50, 1) !important;
	padding: 0.4rem 0.8rem !important;
	font-size: 1.3rem;
	border: none !important;
	border-radius: 0rem;
}

.btn-destek:hover {
	color: rgba(248, 249, 250, 1) !important;
	background-color: rgba(50, 50, 50, 0.9) !important;
}

.btn-destek:focus, .btn-hakkinda.focus {
	background-color: none !important;
	/*background-color: rgba(40, 40, 40, 1) !important;*/
	box-shadow: none !important;
	/*color: rgba(255,255,255,1) !important;*/
}

.btn-index {
	color: #000;
	background-color: #EFEFEF;
	border-color: none;
}

.btn-index:hover {
	color: #000;
	background-color: #EFEFEF;
	border-color: none;
}

.btn-index:focus, .btn-index.focus {
	box-shadow: 0 0 0 0.2rem rgba(30, 30, 30, 0.5);
}

.btn-kucuk {
	font-size: 1.15rem !important;
}

.btn-cikis {
	color: rgba(39, 37, 31, 1) !important;
	background-color: rgba(93, 93, 93, 0) !important;
	font-size: 1.25rem;
	border: none !important;
	border-radius: 0rem;
}

.btn-cikis:hover {
	color: #323232 !important;
	background-color: rgba(33, 136, 56, 0) !important;
}

.btn-cikis:focus, .btn-cikis.focus {
	background-color: none !important;
	/*background-color: rgba(40, 40, 40, 1) !important;*/
	box-shadow: none !important;
	/*color: rgba(255,255,255,1) !important;*/
}

.btn-dahaFazla {
	color: #f8f9fa !important;
	background-color: rgba(93, 93, 93, 0) !important;
	/*padding: 0.2rem 0.2rem !important;*/
	font-size: 0.8rem;
	font-weight: 400;
	border: none !important;
	border-radius: 0rem;
}

.btn-dahaFazla:hover {
	color: #f2f2f2 !important;
	background-color: rgba(33, 136, 56, 0) !important;
}

.btn-dahaFazla:focus, .btn-dahaFazla.focus {
	background-color: none !important;
	/*background-color: rgba(40, 40, 40, 1) !important;*/
	box-shadow: none !important;
	/*color: rgba(255,255,255,1) !important;*/
}

.btn-trans {
	color: rgba(39, 37, 31, 1) !important;
	background-color: rgba(93, 93, 93, 0) !important;
	padding: 0.575rem 0.8rem !important;
	font-size: 1.25rem;
	border: none !important;
	border-radius: 0rem;
}

.btn-trans:hover {
	color: #323232 !important;
	background-color: rgba(33, 136, 56, 0) !important;
}

.btn-trans:focus, .btn-trans.focus {
	background-color: none !important;
	/*background-color: rgba(40, 40, 40, 1) !important;*/
	box-shadow: none !important;
	/*color: rgba(255,255,255,1) !important;*/
}

.btn-deskUstMenu {
	color: rgba(39, 37, 31, 1) !important;
	background-color: rgba(93, 93, 93, 0) !important;
	padding: 0.575rem 0.8rem !important;
	font-size: 1.3rem;
	border: 1px solid rgba(0, 0, 0, 0.2) !important;
	border-radius: 30px !important;
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.5);
}

.btn-deskUstMenu:hover {
	color: #323232 !important;
	background-color: rgba(216, 187, 74, 0.1) !important;
}

.btn-deskUstMenu:focus, .btn-deskUstMenu.focus {
	background-color: none !important;
	/*background-color: rgba(40, 40, 40, 1) !important;*/
	box-shadow: none !important;
	/*color: rgba(255,255,255,1) !important;*/
}

.btn-menu {
	color: rgba(39, 37, 31, 1) !important;
	background-color: rgba(93, 93, 93, 0) !important;
	padding: 0rem 0rem !important;
	font-size: 1.5rem;
	border: none !important;
	border-radius: 0rem;
}

.btn-menu:hover {
	color: #323232 !important;
	background-color: rgba(33, 136, 56, 0) !important;
}

.btn-menu:focus, .btn-menu.focus {
	background-color: none !important;
	/*background-color: rgba(40, 40, 40, 1) !important;*/
	box-shadow: none !important;
	/*color: rgba(255,255,255,1) !important;*/
}

.btn-home {
	color: #65AC62 !important;
	background-color: rgba(93, 93, 93, 0) !important;
	padding: 0rem 0rem !important;
	font-size: 1.5rem;
	border: none !important;
	border-radius: 0rem;
}

.btn-home:hover {
	color: #323232 !important;
	background-color: rgba(33, 136, 56, 0) !important;
}

.btn-home:focus, .btn-menu.focus {
	background-color: none !important;
	/*background-color: rgba(40, 40, 40, 1) !important;*/
	box-shadow: none !important;
	/*color: rgba(255,255,255,1) !important;*/
}

.btn-trans1 {
	color: rgba(39, 37, 31, 1) !important;
	background-color: rgba(93, 93, 93, 0) !important;
	padding: 0.2rem 0.4rem !important;
	font-size: 1rem;
	border: none !important;
	border-radius: 0rem;
}

.btn-trans1:hover {
	color: #323232 !important;
	background-color: rgba(33, 136, 56, 0) !important;
}

.btn-trans1:focus, .btn-trans1.focus {
	background-color: none !important;
	/*background-color: rgba(40, 40, 40, 1) !important;*/
	box-shadow: none !important;
	/*color: rgba(255,255,255,1) !important;*/
}

button:focus {
	outline: none;
	outline: none -webkit-focus-ring-color;
}

.table-sm th, .table-sm td {
	padding: 0px;
}

.bildirim-adet {
	position: absolute;
	margin-left: 8px;
	margin-top: -8px;
	font-size: 70%;
}

.bildirim-adet span {
	font-weight: 500;
}

.adet {
	position: absolute;
	margin-left: 8px;
	margin-top: -8px;
	font-size: 70%;
}

.adet span {
	font-weight: 500;
}

.sticky-top {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	margin-left: 25%;
	margin-right: 25%;
}

.col-md-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

[name="deskYokOl"] {
	display: none;
}

@media only screen and (min-width: 500px) {}

@media only screen and (min-width: 768px) {}

@media only screen and (min-width: 1024px) {}

@media only screen and (min-width: 1280px) {}












.col-md-2 {
	-ms-flex: 0 0 15%;
	flex: 0 0 15%;
	max-width: 15%;
	margin-left: 0%;
	margin-right: 0%;
}

.col-md-10 {
	-ms-flex: 0 0 85%;
	flex: 0 0 85%;
	max-width: 85%;
	margin-left: 0%;
	margin-right: 0%;
}

.col-md-4 {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	margin-left: 0%;
	margin-right: 0%;
}

@media only screen and (max-width: 1500px) {
	.col-md-2 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
		margin-left: 0%;
		margin-right: 0%;
	}
	.col-md-10 {
		-ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%;
		margin-left: 0%;
		margin-right: 0%;
	}
	.col-md-4 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
		margin-left: 0%;
		margin-right: 0%;
	}


}

@media only screen and (max-width: 1350px) {
	.col-md-2 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
		margin-left: 0%;
		margin-right: 0%;
	}
	.col-md-10 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
		margin-left: 0%;
		margin-right: 0%;
	}
	.col-md-4 {
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
		margin-left: 0%;
		margin-right: 0%;
	}


}

@media only screen and (max-width: 1200px) {
	.col-md-2 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
		margin-left: 0%;
		margin-right: 0%;
	}
	.col-md-10 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
		margin-left: 0%;
		margin-right: 0%;
	}
	.col-md-4 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		margin-left: 0%;
		margin-right: 0%;
	}
}

@media only screen and (max-width: 900px) {
	.col-md-2 {
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;
		margin-left: 0%;
		margin-right: 0%;
	}
	.col-md-10 {
		-ms-flex: 0 0 70%;
		flex: 0 0 70%;
		max-width: 70%;
		margin-left: 0%;
		margin-right: 0%;
	}
	.col-md-4 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-left: 0%;
		margin-right: 0%;
	}
}

@media only screen and (max-width: 768px) {
	[name="mobilYokOl"] {
		display: none;
	}
	[name="deskYokOl"] {
		display: block;
	}
	.sticky-top {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-left: 0%;
		margin-right: 0%;
	}
	.col-md-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-left: 0%;
		margin-right: 0%;
	}
	.col-md-4 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-left: 0%;
		margin-right: 0%;
	}
	.col-md-10 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-left: 0%;
		margin-right: 0%;
	}
}