section.add-post {
	padding-top: 30px;
}

section.add-post .no-border {
	border: none !important;
}

section.add-post .ui.four.top.attached.steps {
	border-top: 1px solid rgba(34, 36, 38, .15) !important;
}

.category-selector .ui.vertical.menu {
	width: 100%;
	display: inline-block;
}

.item.search-category {
	padding: 0px !important;
	margin: 0px;
}

.item.search-category input.prompt {
	border: none;
}

.category-selector {
	float: left;
	width: calc(20% - 20px);
	margin-right: 20px !important;
	clear: none !important;
}

.list-categories-scroll {
	height: 240px;
	overflow: hidden;
	overflow-y: auto;
	padding: 10px;
	border-top: 1px solid #e8e9e9;
}

.category-selector .item img {
	height: 25px;
	display: inline-block !important;
	position: absolute;
	left: 12.5px;
	top: 12.5px;
	width: 25px !important;
	object-fit: cover !important;
	border-radius: 5px;
}

.category-selector div.item {
	padding-left: 50px !important;
	cursor: pointer;
}

.category-selector div.item.active {
	background: #edf7ff !important;
}

.ui.vertical.menu .ui.mini.icon.input {
	width: 100%;
	padding: 5px;
}

div#IlanIcerigi {
	position: relative;
	min-height: 200px;
}

div#IlanIcerigi .ql-editor {
	position: absolute;
	width: 100%;
}

div#IlanIcerigi .ql-toolbar.ql-snow {
	border: 1px solid rgba(34, 36, 38, .15);
}

div#IlanIcerigi.ql-container.ql-snow {
	border: 1px solid rgba(34, 36, 38, .15);
	border-top: 0px;
}

.image-post-detail img {
	width: 130px;
	height: 130px;
	border-radius: 5px;
	object-fit: cover;
	position: absolute;
	z-index: 3;
	background: white;
}

.image-post-detail {
	width: 130px;
	height: 130px;
	position: relative;
	float: left;
	margin-bottom: 15px;
	margin-right: 15px;
	overflow: hidden;
}

.image-post-detail input[type="file"] {
	width: 130px !important;
	height: 130px;
	position: absolute;
	top: 0px;
	left: 0px;
}

span.image-post-delete {
	position: absolute;
	z-index: 5;
	background: #b53131;
	height: 27px;
	width: 27px;
	text-align: center !important;
	padding: 0px;
	line-height: 23px;
	top: -10px;
	font-size: 15px;
	right: -10px;
	display: inline;
	border-radius: 5px;
	border: 2px solid white;
}

span.image-post-delete i {
	padding: 0px;
	margin: 0px;
	color: white;
	text-shadow: none;
	display: contents;
	opacity: 1;
}

span.image-post-delete i:hover {
	color: white;
	opacity: 1;
}

span.image-post-delete:hover {
	background: #e02e2e;
}

.images-post {
	padding: 10px 0px;
}

input.post-file-upload {
	width: 130px !important;
	height: 130px;
	position: relative;
	float: left;
	margin: 0px !important;
	top: -10px;
}

input.post-file-upload::before {
	content: "\f382";
	color: #5d5d5d;
	display: inline-block;
	background: -webkit-linear-gradient(70deg, #f9f9f9, #e3e3e3);
	border-radius: 3px;
	padding: 5px 8px;
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	cursor: pointer;
	text-shadow: 1px 1px #ffffff;
	font-weight: 700;
	font-size: 10pt;
	width: 130px;
	height: 130px;
	top: 0px;
	left: 0px;
	position: absolute;
	font-family: Icons;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	font-size: 35px;
	line-height: 110px;
}

.image-post-detail.active input.post-file-upload {
	z-index: 55;
}

.image-post-detail.active span {
	display: none;
}

.image-post-detail img:hover {
	filter: brightness(1.1);
}

.image-post-detail input[type="radio"] {
	position: absolute;
	right: 0px;
	top: 0px;
}

.image-post-detail.active input[type="radio"] {
	display: none;
}

.ui.four.top.attached.steps {
	width: calc(100% - 24px) !important;
	margin-left: 12px;
	margin-top: 12px;
	margin-bottom: 12px;
}

.ilan-kurallari-text {
	background: #f5f3f0;
	padding: 25px;
	height: 300px;
	overflow-x: auto;
	border-radius: 5px;
	margin-bottom: 15px;
}

.step-area-3 .well img {
	height: 135px;
	width: 70px;
	float: left;
	position: absolute;
	top: 20px;
	left: 20px;
}

.step-area-3 .well h3 {
	margin-top: 0px;
}

.step-area-3 .well {
	position: relative;
	padding-left: 130px;
}

.well .ui.dropdown.selection {
	background: #ffffff;
	padding: 9px 30px;
	min-height: 20px;
	min-width: 240px;
	margin-bottom: 15px;
	border-radius: 4px;
	box-shadow: 0px 5px 5px 0px rgba(85, 85, 85, .06) !important;
}

.stockPhotoSelect {
	position: relative;
	z-index: 235;
	cursor: pointer;
	background: #d09a74;
	display: inline-block;
	padding: 7px 14px;
	border-radius: 3px;
	color: white;
	font-size: 13px;
	float: right;
	top: -20px;
	height: 33px;
	margin-bottom: -10px;
}

.stockPhotoSelect i {
	margin-right: 5px;
}

button.resimYukleBtnNew {
	width: 100%;
	padding: 20px 30px;
	background: #e0e0e0;
	border: none;
	border-radius: 4px;
}

button.resimYukleBtnNew i {
	font-size: 30px;
	margin-bottom: 10px;
}

.ilan-kurallari-text p {
	margin: 0px;
}

button.btn.step-btn {
	font-size: 15px;
}

button.btn.finish-btn {
	font-size: 15px;
}

.login-special-container .input-hidden {
	position: absolute;
	left: -9999px;
}

.login-special-container input[type=radio]:checked + label > img {
	border: 1px solid #ffffff;
	box-shadow: 0 0 0px 3px #5ebfb2;
}

.activeImage img {
	border: 1px solid #ffffff;
	box-shadow: 0 0 0px 3px #5ebfb2;
}

/* Stuff after this is only to make things more pretty */
.login-special-container input[type=radio] + label > img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	margin: 3px;
	border: 1px solid #ffffff;
	cursor: pointer;
}

.login-special-container input[type=radio]:checked + label > img {
}

/* Stoklu İlan Sistemi */
.stokluIlan {
	display: none;
}

.divGoster {
	display: block;
}

.postStockElement {
	position: relative;
	margin: 10px 0;
}

button.stockDelete {
	position: absolute;
	right: 5px;
	top: 5px;
}

.postStockElement textarea {
	background: white !important;
	border: 1px solid #e3e3e3 !important;
	box-shadow: 0 3px 3px 0 #c5c5c5 !important;
}

.btn {
	-webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%) !important;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%) !important;
}

/* Dark Theme */
.dark-theme .ui.segment {
	background: #323448;
	border: 1px solid rgba(34, 36, 38, .15);
}

.dark-theme .ui.steps .step.active {
	background: #383b50;
	color: #d7d8e6;
}

.dark-theme .ui.steps .step {
	background: #3f4257;
	color: #d7d8e6;
}

.dark-theme .ui.steps .step .description {
	color: #979aae;
}

.dark-theme .ui.steps .step.active:after {
	background: #383b50;
}

.dark-theme .ui.steps .step:after {
	background-color: #3f4257;
}

.dark-theme .ui.vertical.menu {
	background: #25273a;
}

.dark-theme .ui.menu .item {
	color: #d7d8e6;
}

.dark-theme .list-categories-scroll {
	border-top: 1px solid #25273a;
}

.dark-theme .ui.vertical.menu .active.item {
	background: #3f4257 !important;
	color: #d7d8e6 !important;
}

.dark-theme .ui.checkbox label, .ui.checkbox + label {
	color: #d7d8e6 !important;
}

.dark-theme .breadcrumb {
	background-color: #3f4257;
}

.dark-theme .ui.breadcrumb a {
	color: #979aae;
}

.dark-theme .ui.breadcrumb a:hover {
	color: #d7d8e6;
}

.dark-theme .ui.button {
	background: #3f4257;
	color: #d7d8e6;
}

.dark-theme .ui.button:hover {
	background: #575b77;
	color: #d7d8e6;
}

.dark-theme div#IlanIcerigi.ql-container.ql-snow {
	border: 1px solid #3f4257;
	background: #3f4257;
	color: #d7d8e6;
}

.dark-theme .ql-toolbar.ql-snow {
	border: 1px solid #3f4257;
	background: #373a4e;
	position: relative;
	z-index: 1;
}

.dark-theme span.ql-formats svg {
	filter: brightness(100);
}

.dark-theme .ql-snow .ql-picker.ql-expanded .ql-picker-options {
	background: #373a4e;
	border-color: #676a84 !important;
}

.dark-theme .ui.input {
	color: #d7d8e6 !important;
}

.dark-theme input.post-file-upload::before {
	color: #d7d8e6;
	background: #3f4257;
	text-shadow: 1px 1px #d7d8e6;
}

.dark-theme .ilan-kurallari-text {
	background: #3f4257;
	color: #979aae;
}

.dark-theme .well {
	background-color: #383b50;
	border: 1px solid #383b50;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.dark-theme .ui.form textarea {
	background: #3f4257 !important;
	color: #d7d8e6 !important;
	box-shadow: none !important;
	border-color: #383b50 !important;
}

.ozel-kural-text {
	background: #fbefef;
	padding: 25px;
	height: auto;
	overflow-x: auto;
	border-radius: 5px;
	margin-bottom: 15px;
	border-top: 2px solid #f7cccc;
}

.dark-theme button.resimYukleBtnNew {
	background: #323448;
}

.dark-theme .login-special-container input[type=radio] + label > img {
	border: 1px solid #5a5e86;
}

.dark-theme .ozel-kural-text {
	background: #4e3f57;
	border-top: 2px solid #ff8cfc;
	color: #dac2ec;
}

.well.pinned-well {
	background: linear-gradient(
			45deg, #00c4ff24, transparent);
	border: 1px solid #96d5e6;
	color: #306b7b;
}

.well.boost-well {
	background: linear-gradient(
			45deg, #3300ff24, transparent);
	border: 1px solid #b9a8ff;
	color: #48339e;
}

.well.onecikan-well {
	background: linear-gradient(
			45deg, #ff8d0024, transparent);
	border: 1px solid #dcbd95;
	color: #7f541d;
}

.radio-boost-btns {
	margin-top: 20px;
}

.radio-boost-btns label input[type="radio"] {
	display: none;
}

.radio-boost-btns label span {
	font-weight: normal;
	background: rgb(205 223 241 / 25%);
	padding: 5px 10px;
	border-radius: 4px;
	border: 2px solid #85a5c369;
	color: #44627d;
	margin-right: 5px;
	cursor: pointer;
}

.radio-boost-btns input:checked ~ span {
	background: rgb(179 218 255);
	border: 2px solid #62a6e4;
	color: #005db5;
	box-shadow: 0 0 9px rgb(134 182 226 / 56%);
}

.radio-boost-btns input:checked ~ span::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00c";
	margin-right: 5px;
}

.boost-well .radio-boost-btns span {
	filter: hue-rotate(
			40deg
	);
}

.onecikan-well .radio-boost-btns span {
	filter: hue-rotate(
			180deg
	);
}

.pinned-well .radio-boost-btns label span {
	filter: hue-rotate(
			-10deg
	);
}

.dark-theme .well.pinned-well {
	color: #a4d8e6;
}

.dark-theme .well.boost-well {
	color: #cdc0ff;
}

.dark-theme .well.onecikan-well {
	color: #ffeacf;
}

.dark-theme .radio-boost-btns label span {
	color: #d0e9ff;
}

.dark-theme .radio-boost-btns input:checked ~ span {
	color: #054986;
}

.well.boost-well .red.label {
	filter: hue-rotate(
			216deg
	) !important;
	opacity: .8;
}

.dark-theme .well.boost-well .red.label {
	background: #ec6b6b !important;
}

.category-selector.category-first {
	width: calc(60% - 20px);
}

.category-selector.category-first .item.category-item {
	display: inline-block;
	width: calc(25% - 4px);
}

@media (min-width: 1000px) and (max-width: 1367px) {
	.category-selector.category-first .item.category-item {
		width: calc(33% - 4px);
	}
}

@media (min-width: 600px) and (max-width: 1001px) {
	.category-selector.category-first .item.category-item {
		width: calc(50% - 4px);
	}
}

.category-selector .item.category-item {
	background: whitesmoke !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 2px;
	border-radius: 4px;
}

.category-selector .item.category-item::before {
	display: none;
}

.dark-theme .item.category-item {
	background: #30334a !important;
}

.dark-theme .ui.vertical.menu .active.item {
	background: #3f446d !important;
	color: #d7d8e6 !important;
	border-radius: 4px;
}

/* *********************** */
button.btn.btn-primary.ResimiYukleBtn {
	display: block;
	position: absolute;
	z-index: 4;
	bottom: -5px;
	width: 110px;
	left: 10px;
	background: linear-gradient(
			45deg, #5b619b, #727cd8);
	border: 1px solid #7c85d6;
	transition: 0.2s linear;
}

button.btn.btn-primary.ResimiYukleBtn:hover {
	filter: brightness(1.1);
}

.dark-theme .dropzone .dz-preview.dz-image-preview {
	background: #4e5169;
	padding: 10px;
	margin: 6px;
	border-radius: 4px;
}

.dropzone .dz-preview .dz-image {
	border-radius: 4px !important;
}

.dropzone .dz-preview .dz-remove {
	display: block;
	background: linear-gradient(
			45deg, #585d94, #757ed2);
	margin-top: 5px;
	border-radius: 4px;
	line-height: 25px;
	border: 1px solid #7078c7 !important;
	color: white;
	font-size: 12px !important;
}

.dropzone .dz-preview .dz-remove-fake {
	display: block;
	background: linear-gradient(
			45deg, #585d94, #757ed2);
	margin-top: 5px;
	border-radius: 4px;
	line-height: 25px;
	border: 1px solid #7078c7 !important;
	color: white;
	font-size: 12px !important;
	width: 100%;
	cursor: pointer;
}

.dropzone.dz-clickable .dz-button i {
	font-size: 60px;
	margin-bottom: 10px;
}

div#postDropZone .dz-error-mark {
	height: fit-content;
	top: unset;
	bottom: 33px;
	opacity: 0;
	left: 2px;
	position: absolute;
	margin: 10px;
	color: #fff5f5;
	font-size: 12px;
	line-height: 13px;
	text-align: center;
	width: calc(100% - 24px);
	text-shadow: 1px 1px 0 black;
}

div#postDropZone .dz-error-mark span {
	background: #9a0707ed;
	display: block;
	padding: 5px;
	border-radius: 4px;
}

.dropzone .dz-preview .dz-remove:hover {
	text-decoration: none !important;
	filter: brightness(1.1);
}

.dropzone .dz-preview .dz-remove-fake:hover {
	text-decoration: none !important;
	filter: brightness(1.1);
}

.dropzone .dz-preview .dz-image img {
	display: block;
	width: 120px;
	height: 120px;
	object-fit: cover;
}

div#postDropZone.dz-started {
	padding: 10px 5px;
	background: linear-gradient(to bottom, #f3efe9, transparent);
}

.dark-theme div#postDropZone.dz-started {
	padding: 10px 5px;
	background: linear-gradient(to bottom, #404358, transparent);
}

div#postDropZone {
	width: 100%;
	background: #f5f3f0;
	border: none;
	border-radius: 4px;
	margin-bottom: 15px;
	color: #8a8a8a;
}

.dark-theme div#postDropZone {
	background: #404358 !important;
	color: #d9dae9 !important;
}

.step-area-2 button.ui.tiny.button.step-1-btn.step-btn {
	background: linear-gradient(
			45deg, #5c619c, #6970b6);
}

.step-area-2 button.ui.tiny.button.step-1-btn.step-btn:hover {
	filter: brightness(1.15);
}

.stockPhotoSelect:hover {
	filter: brightness(1.15);
}

@media only screen and (max-width: 1024px) {
	.category-selector.category-first .item.category-item {
		width: calc(100% - 4px);
	}

	.step-area-3 .well {
		padding: 25px;
		padding-top: 0;
		text-align: center;
	}

	.step-area-3 .well img {
		float: unset;
		position: unset;
	}

	.radio-boost-btns label span {
		width: 100%;
		display: block;
	}

	.radio-boost-btns label {
		display: block;
	}

	.stockPhotoSelect {
		width: 100%;
		text-align: center;
		top: 0;
		margin-bottom: 15px;
		margin-top: 5px;
	}

	.ui.four.top.attached.steps {
		display: block;
	}

	.ui.four.steps > .step {
		width: 25% !important;
		float: left;
		display: inline-block;
		padding: 15px 20px !important;
	}

	.ui.four.steps > .step .content {
		display: none;
	}

	.ui.breadcrumb.categoryBreadcrumb {
		width: 100%;
		margin-bottom: 15px;
	}

	.step-area-2 button.ui.tiny.button.step-1-btn.step-btn {
		width: 100%;
		background: linear-gradient(
				45deg, #5c619c, #6970b6);
	}

	.dropzone.dz-started .dz-message {
		width: 200px;
		left: calc(50% - 100px);
	}
}

.dropzone.dz-started .dz-message {
	display: block !important;
	position: absolute;
	width: 400px;
	left: calc(50% - 200px);
	opacity: 0.4;
	top: 0;
}

div#postDropZone {
	position: relative;
}

.category-selector:not(.category-first) .item.category-item {
	overflow: unset;
	white-space: pre-line;
}

.step-area-3 .well img {
	object-fit: contain;
}

.dark-theme .well.social-pinned-well {
	color: #a4e6c8;
}

.well.social-pinned-well {
	background: linear-gradient(45deg, #00ff6624, transparent);
	border: 1px solid #96e6c1;
	color: #307b40;
}

.social-pinned-well .radio-boost-btns span {
	filter: hue-rotate(-60deg);
}

.radio-boost-btns label {
	height: 35px;
}

.form-input-detail {
	margin-bottom: 10px;
}

div#IlanDetaylari.active {
	background: #fbfbfb;
	margin: 15px -20px;
	padding: 30px 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.dark-theme div#IlanDetaylari.active {
	background: #2b2d40;
}

.dark-theme .message-alert.message-info {
	background: #444d7a !important;
}

.message-alert.message-info {
	background: #e6efff;
}

.dark-theme .message-alert.message-info .message-alert-text, .dark-theme .message-alert.message-info .message-alert-icon {
	color: #c5caec !important;
}

span.text-danger.text-required-title {
	margin-left: 5px;
	font-style: italic;
	color: #ff706d;
}

.dark-theme span.text-danger.text-required-title {
	color: #ff706d;
}

.postStocksDiv {
	max-height: 400px;
	overflow-x: auto;
	margin-top: 10px;
	padding-right: 10px;
}

.alimIlani {
	display: none;
}

.alimIlaniType {
	display: none;
}

.alimIlaniGizle {
}

button.btn-question-comission {
	width: 40px;
	background: linear-gradient(to left, #6874bd, #383a4e);
	border: none;
	color: white;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

button.btn-question-comission:hover {
	background: linear-gradient(to left, #5b70ee, #383a4e);
}

.category-selector.category-first {
	width: 100%;
}

.category-selector.category-first .item.category-item {
	width: calc(9.09% - 10px);
	margin: 0;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 10px;
	padding-block: 5px !important;
	font-size: 13px;
	padding-inline: 5px !important;
	justify-content: flex-start;
	flex-wrap: wrap;
	white-space: normal;
	text-overflow: unset;
	height: min-content;
}

.category-first .list-categories-scroll {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	max-height: 370px;
	height: auto;
}

.category-selector.category-first .item.category-item img {
	position: unset;
	margin: 0;
	width: 100% !important;
	height: auto;
}

.category-selector.category-first .item.category-item span {
	line-height: 16px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	line-height: 14px;
	text-shadow: 1px 1px 0px black;
	width: 100%;
	height: 100%;
	display: flex;
	z-index: 1;
	text-align: center;
	width: 100%;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 5px;
	padding-inline: 10px;
}

.category-selector.category-first .item.category-item:hover span {
	position: absolute;
	display: flex;
	height: 100%;
	align-items: center;
	padding-inline: 10px;
	background: rgb(40 43 63 / 80%);
	top: 0;
}

.category-selector.category-first .item.category-item span:before {
	content: " ";
	display: block;
	position: absolute;
	background: linear-gradient(to top, rgb(48 51 74 / 90%) 10%, transparent 70%);
	width: 100%;
	height: calc(100% + 20px);
	left: 0;
	z-index: -1;
}

.category-selector.category-first .item.category-item.active span:before {
	background: linear-gradient(to top, rgb(63 68 109) 10%, transparent 70%);
}

.category-selector.category-first input.category-search-input {
	height: 40px;
	padding-inline: 15px;
	font-size: 14px;
	background: linear-gradient(to top, #2b2e4b, transparent) !important;
	border: none;
	margin: 5px 5px -5px;
}

@media only screen and (max-width: 1024px) {
	.category-selector.category-first .item.category-item {
		width: calc(25% - 10px);
	}
}

@media only screen and (max-width: 768px) {
	.category-selector.category-first .item.category-item {
		width: calc(33.3% - 10px);
	}
}

button.dz-remove-resim {
	position: absolute;
	bottom: 18px;
	z-index: 10;
	background: rgb(215 85 85 / 85%);
	border: none;
	height: 30px;
	border-radius: 30px;
	text-align: center;
	width: 80%;
	left: 10%;
	cursor: hover !important;
	color: white;
	border: 1px solid rgb(215 85 85 / 85%);
	box-shadow: 0px 2px 8px rgb(146 52 52 / 35%);
}

button.dz-remove-resim:hover {
	background: rgb(215 85 85 / 85%);
	border-color: rgb(255 156 156 / 85%);
}

.dz-started .dz-default.dz-message {
	display: none !important;
}

.well.daily-pinned-well {
	color: #fecfff;
	background: linear-gradient(45deg, #ff00d024, transparent);
	border: 1px solid #dc95db;
	min-height: 150px;
}

.daily-pinned-well .row {
	margin-left: 0;
}

.daily-pinned-well .radio-boost-btns span {
	filter: hue-rotate(70deg);
}

.daily-pinned-well .ui.red.horizontal.label {
	background: #0e489e !important;
}

.dz-default.dz-message span.text-warning {
	color: #ffc50a;
}