:root {
	--tdv-primary: #163480;
	--tdv-info: #0091C8;
	--tdv-danger: #E31E24;
	--tdv-success: #4CAF50;
	--tdv-primary-th: #163480;
	--theme-gray: #E9E9F1;
	--tdv-orange: #fb8c00;
}

.tdv-spinner {
	width: 150px !important;
	height: 150px !important;
	background-image: url("../Images/tdv-spinner.gif") !important;
	background-repeat: no-repeat !important;
	margin-top: -75px !important;
	margin-left: -75px !important;
}

.table-row-dashed tr, .table-row-dashed th, .table-row-dashed td {
	border: 1px dashed black !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
	border-right-style: none !important;
}

table {
	border-bottom: 1px dashed black !important;
}

td.control.responsive {
	padding: 0 16px !important;
}

.table tr:last-child, .table th:last-child, .table td:last-child {
	padding-left:0.75rem;
	padding-right:0.75rem;
}

button.shadow {
	box-shadow: 0 0 2px 0 rgb(0 0 0) !important;
}

table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, table.dataTable.dtr-column > tbody > tr > th.control:before, table.dataTable.dtr-column > tbody > tr > th.dtr-control:before {
	height: 1rem !important;
	width: 1rem !important;
	margin-top: -0.5em !important;
	margin-left: -0.5em !important;
	border-radius: 0 !important;
	box-shadow: 0 0 2px 0px #000000 !important;
	color: black !important;
	border-color: var(--bs-light) !important;
	background-color: var(--bs-light) !important;
}

table.dataTable.dtr-column > tbody > tr > td.control:hover:before,
table.dataTable.dtr-column > tbody > tr > td.dtr-control:hover:before,
table.dataTable.dtr-column > tbody > tr > th.control:hover:before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control:hover:before {
	color: var(--bs-light) !important;
	border-color: var(--bs-dark) !important;
	background-color: var(--bs-dark) !important;
}


.bg-success-tdv, .progress-success-tdv {
	background-color: var(--tdv-success) !important;
}

.bg-primary-tdv, .progress-primary-tdv {
	background-color: var(--tdv-primary) !important;
}

.bg-info-tdv, .progress-info-tdv {
	background-color: var(--tdv-info) !important;
}

.bg-danger-tdv, .progress-danger-tdv {
	background-color: var(--tdv-danger) !important;
}

.text-primary-tdv, .placeholder-primary-tdv::placeholder {
	color: var(--tdv-primary) !important;
}

.text-info-tdv, .placeholder-info-tdv::placeholder {
	color: var(--tdv-info) !important;
}

.text-orange-tdv, .placeholder-orange-tdv::placeholder {
	color: var(--tdv-orange) !important;
}

.text-danger-tdv, .placeholder-danger-tdv::placeholder {
	color: var(--tdv-danger) !important;
}

.border-radius-32 {
	border-radius: 32px !important;
}

.border-primary-tdv {
	border-color: var(--tdv-primary) !important;
}
.border-orange-tdv {
	border-color: var(--tdv-orange) !important;
}

.border-info-tdv {
	border-color: var(--tdv-info) !important;
}

.border-danger-tdv {
	border-color: var(--tdv-danger) !important;
}

.btn-dark:hover {
	background: var(--bs-dark);
	color: #fff;
	opacity: .8;
}

.btn-primary-tdv {
	color: #fff;
	background-color: var(--tdv-primary);
	border-color: var(--tdv-primary);
}

	.btn-primary-tdv:hover {
		background: var(--tdv-primary);
		color: #fff;
		opacity: .8;
	}

.btn-info-tdv {
	color: #fff;
	background-color: var(--tdv-info);
	border-color: var(--tdv-info);
}

	.btn-info-tdv:hover {
		background: var(--tdv-info);
		color: #fff;
		opacity: .8;
	}

.btn-danger-tdv {
	color: #fff;
	background-color: var(--tdv-danger);
	border-color: var(--tdv-danger);
}

	.btn-danger-tdv:hover {
		color: #fff;
		opacity: .8;
		background-color: rgba(227,30,36, .8) !important;
	}


.btn-outline-primary-tdv {
	color: var(--tdv-primary);
	border-color: var(--tdv-primary);
}

	.btn-outline-primary-tdv:hover {
		color: white;
		background-color: var(--tdv-primary);
		opacity: 0.9;
	}

.btn-outline-info-tdv {
	color: var(--tdv-info);
	border-color: var(--tdv-info);
}

	.btn-outline-info-tdv:hover {
		color: white;
		background-color: var(--tdv-info);
		opacity: 0.9;
	}

.btn-outline-danger-tdv {
	color: var(--tdv-danger);
	border-color: var(--tdv-danger);
}

	.btn-outline-danger-tdv:hover {
		color: white;
		background-color: var(--tdv-danger);
		opacity: 0.9;
	}


.focus-primary-tdv:focus {
	border-color: var(--tdv-primary) !important;
	box-shadow: none;
}

.focus-info-tdv:focus {
	border-color: var(--tdv-info) !important;
	box-shadow: none;
}

.focus-danger-tdv:focus {
	border-color: var(--tdv-danger) !important;
	box-shadow: none;
}

.focus-dark:focus {
	border-color: black !important;
	box-shadow: none;
}

.alert-primary-tdv {
	color: white;
	background-color: var(--tdv-primary);
	border-color: var(--tdv-primary);
}

	.alert-primary-tdv a {
		color: var(--tdv-danger);
	}

.alert-info-tdv {
	color: white;
	background-color: var(--tdv-info);
	border-color: var(--tdv-info);
}

	.alert-info-tdv a {
		color: var(--tdv-primary);
	}

.alert-danger-tdv {
	color: white;
	background-color: var(--tdv-danger);
	border-color: var(--tdv-danger);
}

	.alert-danger-tdv a {
		color: var(--tdv-primary);
		font-weight: 600;
	}

.alert-success-tdv {
	color: white;
	background-color: var(--tdv-success);
	border-color: var(--tdv-success);
}

.alert-danger-tdv a {
	color: var(--tdv-primary);
	font-weight: 600;
}



.tooltip-inner {
	background-color: var(--tdv-primary) !important;
}

.tooltip-arrow {
	color: var(--tdv-primary) !important;
}

	.tooltip-arrow:before {
		border-bottom-color: var(--tdv-primary) !important;
	}

/* tooltip color palette eklenecek. */
/* bootstrap extends */
.radius-end-0 {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.radius-start-0 {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.radius-top-start-0 {
	border-top-left-radius: 0;
}

.radius-top-end-0 {
	border-top-right-radius: 0;
}

.radius-bottom-start-0 {
	border-bottom-left-radius: 0;
}

.radius-bottom-end-0 {
	border-bottom-right-radius: 0;
}

.ti-14 {
	text-indent: 14px;
}

.ti-16 {
	text-indent: 16px;
}

.text-justify {
	text-align: justify;
}

.progress-bg-tdv {
	background-color: #cfd8dc;
}

.input-group-prepend span {
	min-width: 48px;
	display: inline-block;
}

.w-10 {
	width: 10% !important;
}

.w-20 {
	width: 20% !important;
}

.w-80 {
	width: 80% !important;
}

.w-90 {
	width: 90% !important;
}

.fs-16px {
	font-size: 16px !important;
}

.opacity-0 {
	opacity: 0 !important;
}

.opacity-5 {
	opacity: .05 !important;
}

.opacity-10 {
	opacity: .10 !important;
}

.opacity-15 {
	opacity: .15 !important;
}

.opacity-20 {
	opacity: .20 !important;
}

.opacity-25 {
	opacity: .25 !important;
}

.opacity-30 {
	opacity: .30 !important;
}

.opacity-35 {
	opacity: .35 !important;
}

.opacity-40 {
	opacity: .40 !important;
}

.opacity-45 {
	opacity: .45 !important;
}

.opacity-50 {
	opacity: .50 !important;
}

.opacity-55 {
	opacity: .55 !important;
}

.opacity-60 {
	opacity: .60 !important;
}

.opacity-65 {
	opacity: .65 !important;
}

.opacity-70 {
	opacity: .70 !important;
}

.opacity-75 {
	opacity: .75 !important;
}

.opacity-80 {
	opacity: .80 !important;
}

.opacity-85 {
	opacity: .85 !important;
}

.opacity-90 {
	opacity: .90 !important;
}

.opacity-95 {
	opacity: .95 !important;
}

.opacity-100 {
	opacity: .100 !important;
}

.lh-32px {
	line-height: 32px;
}
/* Custom TDV Styles */
.btn-check:focus + .btn, .btn:focus {
	box-shadow: none;
}

.form-check-input:focus, .form-control:not(.focus-primary-tdv, .focus-info-tdv,.focus-danger-tdv, .focus-dark):focus {
	border-color: #BDBDBD !important;
	box-shadow: none;
	border-style: dashed;
	border-width: 1px;
}

.form-check-input:checked {
	background-color: var(--tdv-danger) !important;
	border-color: var(--tdv-danger) !important;
}
/* orijinal*/
.tdv-mb-1rem {
	margin-bottom: 1.5rem !important;
}

.tdv-mobile-fixed {
	position: fixed;
	bottom: 48px !important;
	left: -3px !important;
	z-index: 4;
	background-color: white;
	width: 15% !important;
	max-width: 15% !important;
	padding: 6px 1px 6px 1px !important;
	align-content: center;
	justify-content: center;
	color: black;
	border-color: rgba(0, 0, 0, 0);
	font-size: 14px !important;
	justify-content: center !important;
	align-content: center !important;
}


.tdv-mobile-fixed-cart {
	position: fixed;
	bottom: 15px !important;
	left: -3px !important;
	z-index: 5;
	background-color: white;
	width: 15% !important;
	max-width: 15% !important;
	align-content: center;
	justify-content: center;
	color: black;
	border-color: rgba(0, 0, 0, 0);
	font-size: 14px !important;
	justify-content: center !important;
	align-content: center !important;
	padding: 6px 1px 6px 1px !important;
}

.icerikYazi img {
	max-width: 100%;
}

.tdv-short-content-div-height {
	height: 86px;
	max-height: 86px;
}

input[type="checkbox"] {
	width: 20px !important;
	height: 16px !important;
}

.tdv-content {
	padding-top: 84px;
}

#contractContect {
	height: 50% !important;
}


#tdv-second-navbar ul > li {
	margin: 0px 45px 0px 45px;
}

.breadcrumb {
	padding: 2px 15px !important;
	margin-bottom: 0rem;
}

#tdvfooter {
	background: var(--tdv-primary);
	height: 5%;
}

.tdv-text-white div > div > div ul > li > a {
	color: white;
}

#tdvmobilapp ul > li > a > img {
	width: 10%;
}

#tdvMobilimg {
	width: 10% !important;
}

.back-to-top {
	position: fixed;
	bottom: 16px;
	right: 16px;
	display: none;
	z-index: 4;
	padding: 4px 8px;
}

.tdv-helper {
	position: fixed;
	bottom: 40px;
	right: 55px;
	display: block;
	z-index: 5;
	padding: 5px;
}

.tdv-helpbox {
	position: fixed;
	bottom: 95px;
	right: 55px;
	display: block;
	z-index: 5;
	max-width: 300px;
	width: 80%;
	padding: 5px;
	overflow: auto;
	height: 40%;
	display: none;
}

@media (max-width: 960px) and (min-width: 408px) {
	#navbarCustomList ul > li {
		width: 50% !important;
	}

	nav.breadcrumb > ol {
		font-size: smaller;
	}

	.donation-cards-parent {
		width: 20%;
	}

	span.home-text {
		display: none;
	}
}

@media (max-width: 1024px) and (min-width: 100px) {
	span.home-text {
		display: none;
	}

	.step3responsivetdtext {
		font-size: 12px;
	}

	nav ol.breadcrumb {
		font-size: smaller !important;
	}

	#banklogos li {
		width: 100% !important;
		height: 100% !important;
	}

	#flagdiv {
		margin-top: -1px;
		margin-right: 3px;
		font-size: 14px;
		top: 1px;
		right: 0px;
		margin-right: 3px;
		position: absolute;
		display: flex;
	}

		#flagdiv > div {
			margin-right: 6px !important;
		}
}

.btn-tdv-primary {
	color: white;
	background-color: var(--tdv-primary);
}

.btn-tdv-secondary {
	color: black;
	background-color: #dee2e6;
}

.btn-tdv-primary:hover {
	color: white;
	background-color: var(--tdv-primary);
	opacity: 0.9;
}

.btn-tdv-outline-primary {
	color: rgba(33,102,198,1);
	border-color: rgba(33,102,198,1);
}

	.btn-tdv-outline-primary:hover {
		color: white;
		background-color: rgba(33,102,198,1);
		opacity: 0.9;
	}

@media (max-width: 1199px) and (min-width: 100px) {

	#cartButtonText {
		display: none;
	}
}

@media (max-width: 768px) and (min-width: 100px) {
	span.home-text {
		display: none;
	}

	#recurringComplateButton {
		width: 100%
	}

	nav ol.breadcrumb {
		font-size: 10px !important;
	}

	.donatediv {
		width: 100% !important;
	}

	.campaignImage {
		max-height: 190px;
	}

	.tdv-helper {
		position: fixed;
		bottom: 160px;
		right: 2px;
		display: block;
		z-index: 5;
		padding: 5px;
	}

	.tdv-helpbox {
		position: fixed;
		bottom: 0px;
		display: block;
		z-index: 5;
		max-width: 300px;
		width: 80%;
		padding: 5px;
		overflow: auto;
		height: 40%;
		display: none;
	}
}

@media (max-width: 408px) and (min-width: 100px) {
	#navbarCustomList ul > li {
		width: 50% !important;
		font-size: 14px;
	}

	nav ol.breadcrumb {
		font-size: 10px !important;
	}

	span.home-text {
		display: none;
	}

	#navbarCustom ul > li {
		width: 100%;
	}

	.tdv-content {
		padding-top: 80px !important;
	}

	.tdv-navbar {
		max-height: 130px;
	}
}


.tdv-card-header {
	display: flex;
	height: 20%;
	align-items: center;
	justify-content: center;
}

	.tdv-card-header h4 {
		flex: 1;
	}

.container .shareIkon {
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 4px;
	color: var(--tdv-primary);
}

	.container .shareIkon:hover {
		color: var(--tdv-info);
	}

.container .sendToSmsIcon {
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 4px;
	color: var(--tdv-primary);
	font-size: 11px;
}

.container .fa-history {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 4px;
	margin-left: 8px;
	color: white;
	text-shadow: 2px 2px 4px black;
}

#faq-tabs .nav-link {
	position: relative;
	display: block;
	margin: 0;
	padding: 13px 16px;
	background-color: #fff;
	border: 0;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	color: #616161;
	transition: background-color .2s ease;
}

	#faq-tabs .nav-link.active,
	#faq-tabs .nav-link:hover {
		background-color: #f6f6f6;
		font-weight: 700;
		color: rgba(0, 0, 0, .87);
	}


.navbar-nav li:hover .dropdown-menu {
	display: block;
	position: absolute;
	right: 0;
}

.label-outofstock {
	background-color: var(--tdv-info);
	font-size: 8px;
	padding: 0px 66px 2px 40px;
}

.card.border-light > span {
	position: absolute;
	z-index: 99;
	text-align: center;
	display: block;
	transition: opacity .2s;
}

.card.border-light .label-outofstock {
	display: block;
	transform: translate(-28%, 100%) rotate(-45deg);
}

.card.border-light {
	width: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.blockquote-custom-icon {
	position: absolute;
	display: flex;
	top: -10px;
	border-radius: 5%;
	max-width: 100%;
	max-height: 80%;
	height: 18%;
	text-align: center;
}

blockquote-custom {
	position: relative;
}

.bg-gradient-primary {
	color: #fff;
	background: #007bff linear-gradient(180deg,#268fff,#007bff) repeat-x;
	border-color: #007bff;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.bg-gradient-secondary {
	color: #fff;
	background: #6c757d linear-gradient(180deg,#828a91,#6c757d) repeat-x;
	border-color: #6c757d;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.bg-gradient-success {
	color: #fff;
	background: #28a745 linear-gradient(180deg,#48b461,#28a745) repeat-x;
	border-color: #28a745;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.bg-gradient-danger {
	color: #fff;
	background: #dc3545 linear-gradient(180deg,#e15361,#dc3545) repeat-x;
	border-color: #dc3545;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.bg-gradient-warning {
	color: #212529;
	background: #ffc107 linear-gradient(180deg,#ffca2c,#ffc107) repeat-x;
	border-color: #ffc107;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.bg-gradient-info {
	color: #fff;
	background: var(--tdv-info) linear-gradient(180deg,#3ab0c3,var(--tdv-info)) repeat-x;
	border-color: var(--tdv-info);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.bg-gradient-dark {
	color: #fff;
	background: #343a40 linear-gradient(180deg,#52585d,#343a40) repeat-x;
	border-color: #343a40;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.bg-gradient-light {
	color: #212529;
	background: #f8f9fa linear-gradient(180deg,#f9fafb,#f8f9fa) repeat-x;
	border-color: #f8f9fa;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.donation-cards {
	max-width: 20%;
	width: 160px;
}

.bg-gradient-darkinfo {
	color: #fff;
	background: #148ea2 linear-gradient(180deg,#3ab0c3,#148ea2 ) repeat-x;
	border-color: #148ea2;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.bg-gradient-darkprimary {
	color: #fff;
	background: #007bff linear-gradient(180deg,#0062cc,#007bff) repeat-x;
	border-color: #007bff;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.bg-gradient-tdvinfo {
	color: #fff;
	background: var(--tdv-primary) linear-gradient(180deg,#00a3d2,var(--tdv-primary) ) repeat-x;
	border-color: var(--tdv-primary);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.donation-icon {
	max-width: 10%;
	width: 20px;
}

.icon-cow {
	color: white;
	fill: white;
}


#myTab .nav-item .nav-link.active,
#myTab .nav-item:hover .nav-link {
	color: #fff !important;
	/*background: #007bff linear-gradient(180deg,#0062cc,#007bff) repeat-y;*/
	background-color: var(--tdv-primary);
	/*border-color: #007bff;*/
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.card-tdvheader {
	max-height: 70px !important;
}

.donateSticky {
	position: fixed;
	padding: 18px 40px 18px 40px;
	/*background: rgba(33, 75, 133, 0.9);*/
	/*background: rgba(51, 122, 183, 0.8);*/
	background-image: url(https://tdv.org/tr-TR/wp-content/uploads/2019/01/counter-arka-plan.png);
	background-position: left top;
	background-repeat: repeat-x;
	opacity: 0.9;
	bottom: 0px;
	width: 100%;
	z-index: 3;
}

@media (min-width: 767px) {
	#donateStickyHome {
		bottom: 0px !important;
	}
}

.quickUpButton {
	position: absolute;
	left: 10px;
	top: 5px;
	background: #ff0000;
	color: #fff;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	font-size: 20px;
	text-align: center;
}

#shortDropDownMenuItems a:hover {
	background-color: #f6f6f6;
	font-weight: 500;
	color: rgba(0, 0, 0, .87);
}

#shortDropDownMenuItems a.nav-link {
	border-bottom: var(--tdv-primary) 0.1rem solid !important;
}



#tdv-second-navbar .nav-item::after {
	content: '';
	display: block;
	width: 0px;
	height: 2px;
	background: var(--tdv-primary);
	transition: 0.2s;
	margin-top: -5px;
}

#tdv-second-navbar .nav-item:hover::after {
	width: 100%;
}


#tdv-second-navbar .nav-link {
	transition: 0.2s;
}

#tdv-second-navbar ul .nav-item.active {
	border-bottom: var(--tdv-primary) 0.1rem solid;
	border-top: var(--tdv-primary) 0.1rem solid;
}

#navbarCustom .nav-item.active .nav-link {
	border-bottom: var(--tdv-primary) 0.2rem solid;
}



#navbarCustom .nav-item::after {
	content: '';
	display: block;
	width: 0px;
	height: 2px;
	background: var(--tdv-primary);
	transition: 0.2s;
	margin-top: -5px;
}

#navbarCustom .nav-item:hover::after {
	width: 100%;
}


#navbarCustom .nav-link {
	transition: 0.2s;
}

#recurringCustomList .list-group-item.active {
	color: white;
	background-color: var(--tdv-primary);
	transition: 0.5s;
	border-bottom: 3px solid var(--tdv-danger);
}


#recurringCustomList .list-group-item {
	color: var(--tdv-primary);
	background-color: #fff;
	transition: 0.5s;
	border: 0px;
	text-decoration: none;
}

.tdv-custom-tab-list .list-group-item.active {
	color: white;
	background-color: var(--tdv-primary);
	transition: 0.5s;
	border-bottom: 3px solid var(--tdv-danger);
}


.tdv-custom-tab-list .list-group-item {
	color: var(--tdv-primary);
	background-color: #fff;
	transition: 0.5s;
	border: 0px;
	text-decoration: none;
}

	.tdv-custom-tab-list .list-group-item:hover {
		transform-origin: 0% 50%;
		transition: transform 250ms ease-in-out;
		background-color: var(--tdv-primary);
		color: white
	}

.tdv-custom-tab-list .nav-item .nav-link.active {
	color: white;
	background-color: #117a8b;
	transition: 0.5s;
	border-bottom: 5px solid #008000;
}


.tdv-custom-tab-list .nav-item .nav-link {
	color: var(--tdv-primary);
	background-color: #fff;
	transition: 0.5s;
	border: 0px;
	text-decoration: none;
}

	.tdv-custom-tab-list .nav-item .nav-link:hover {
		transform-origin: 0% 50%;
		transition: transform 250ms ease-in-out;
		background-color: #117a8b;
		color: white
	}



#recurringCustomList .list-group-item:hover {
	transform-origin: 0% 50%;
	transition: transform 250ms ease-in-out;
	background-color: var(--tdv-primary);
	color: white
}

#navbar-first-line .active {
	color: white;
	background-color: var(--tdv-danger) !important;
	transition: 0.5s;
	font-weight: bold;
}


#navbarCustomList .nav-item .nav-link.active {
	color: white;
	background-color: var(--tdv-primary);
	transition: 0.5s;
}

#navbarCustomList .nav-item:hover .nav-link {
	color: white;
	background-color: var(--tdv-primary);
	transition: 0.5s;
}



#navbarCustomList .nav-item .nav-link {
	color: var(--tdv-primary);
	margin: 1px;
	border-radius: 0px;
}

#navbarCustomList ul > li {
	color: var(--tdv-primary);
	width: 25%;
}

#navbarCustom ul > li {
	color: var(--tdv-primary);
	width: 24%;
	max-width: 180px;
	font-size: 14px;
	padding: 2px;
	line-height: 15px;
	font-family: "OpenSans-Regular", Arial;
}

.banktable tr > th {
	background-color: var(--tdv-primary) !important;
	color: white !important
}

#banklogos li {
	width: 25%;
	height: 25%;
}


#banklogos > .nav-item.text-center > .nav-link.active {
	box-shadow: 5px 6px 6px 2px #e9ecef;
}

#paytabs .nav-pills .nav-link.active {
	color: white;
	background: rgba(51, 122, 183, 1);
}

#banklogos li > a {
	padding: 10px 0px 10px 0px;
}

/*Flags Start*/

#flagdiv > a {
	opacity: 0.5;
}

	#flagdiv > a.flag-active {
		opacity: 1 !important;
	}

/*Flags End*/

/*Second Main Menu Start*/
.navbar-mainbg {
	padding: 0px;
	background-image: url("../../Common/Images/counter-arka-plan.png");
	background-position: left top;
	background-repeat: repeat-x;
}

#navbarSupportedContent {
	overflow: hidden;
	position: relative;
	height: 50%;
}

	#navbarSupportedContent ul {
		padding: 0px;
		margin: 0px;
	}

		#navbarSupportedContent ul li a i {
			margin-right: 10px;
		}

	#navbarSupportedContent li {
		list-style-type: none;
		float: left;
	}

	#navbarSupportedContent ul li a {
		color: rgba(255,255,255,0.8);
		text-decoration: none;
		font-size: 15px;
		display: block;
		padding: 14px 12px;
		transition-duration: 0.6s;
		transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
		position: relative;
	}

	#navbarSupportedContent > ul > li.active > a {
		color: var(--tdv-primary);
		background-color: transparent;
		transition: all 0.7s;
	}

	#navbarSupportedContent a:not(:only-child):after {
		content: "\f105";
		position: absolute;
		right: 20px;
		top: 10px;
		font-size: 14px;
		font-family: "Font Awesome 5 Free";
		display: inline-block;
		padding-right: 3px;
		vertical-align: middle;
		font-weight: 900;
		transition: 0.5s;
	}

	#navbarSupportedContent .active > a:not(:only-child):after {
		transform: rotate(90deg);
	}

.hori-selector {
	display: inline-block;
	position: absolute;
	height: 100%;
	top: 0px;
	left: 0px;
	/*transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
	background-color: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-top: 10px;
}

	.hori-selector .right,
	.hori-selector .left {
		position: absolute;
		width: 25px;
		height: 25px;
		background-color: #fff;
		bottom: 8px;
	}

	.hori-selector .right {
		right: -25px;
	}

	.hori-selector .left {
		left: -25px;
	}

		.hori-selector .right:before,
		.hori-selector .left:before {
			content: '';
			position: absolute;
			width: 50px;
			height: 50px;
			border-radius: 40%;
			/*background-color: var(--tdv-primary);*/
			background-image: url('../image/counter-arka-plan.png');
			background-position: left top;
			background-repeat: no-repeat;
		}

	.hori-selector .right:before {
		bottom: 0;
		right: -25px;
	}

	.hori-selector .left:before {
		bottom: 0;
		left: -25px;
	}

@media(min-width: 1024px) {

	.campaignImage {
		max-height: 330px;
	}
}


@media (max-width: 991px) {
	#navbarSupportedContent ul li a {
		padding: 12px 30px;
	}

	.hori-selector {
		margin-top: 0px;
		margin-left: 10px;
		border-radius: 0;
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
	}

		.hori-selector .left,
		.hori-selector .right {
			right: 10px;
		}

		.hori-selector .left {
			top: -25px;
			left: auto;
		}

		.hori-selector .right {
			bottom: -25px;
		}

		.hori-selector .left:before {
			left: -25px;
			top: -25px;
		}

		.hori-selector .right:before {
			bottom: -25px;
			left: -25px;
		}
}
/*Second Main Menu End*/

/*Main Menu Top Start*/
.offcanvas-header {
	display: none;
}

@media(max-width:1024px) {
	.navbar-collapse-tdv {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 100%;
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		visibility: hidden;
		background-color: white;
		transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
		z-index: 6;
	}

		.navbar-collapse-tdv.show {
			visibility: visible;
			transform: translateX(-100%);
		}

	.offcanvas-header {
		display: block;
	}

	.dropdownShow {
		display: block;
	}
}

@media (max-width: 992px) {

	.campaignImage {
		max-height: 200px;
	}
}
/*Main Menu Top End*/


.language-switch-area .language-icon {
	opacity: 0.5;
}

.language-switch-area .language-icon-current {
	opacity: 1;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}



/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}


.bootstrap-select > .btn {
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
}

[type=button] {
	-webkit-appearance: none;
}

div.tooltip-inner {
	font-size: 11px !important;
	text-decoration: none !important;
	color: white !important;
}

@media (max-width: 320px) {

	.quicklyDiv {
		position: fixed;
		top: 30px;
		left: 112px !important;
		right: 0px;
		z-index: 1040;
	}
}

@media (min-width: 321px) and (max-width: 400px) {

	.quicklyDiv {
		position: fixed;
		top: 30px;
		left: 150px !important;
		right: 0px;
		z-index: 1040;
	}
}

@media (min-width: 401px) and (max-width: 501px) {

	.quicklyDiv {
		position: fixed;
		top: 30px;
		left: 160px !important;
		right: 0px;
		z-index: 1040;
	}
}

@media (min-width: 502px) and (max-width: 960px) {

	.quicklyDiv {
		position: fixed;
		top: 15px;
		left: 45%;
		right: 0px;
		z-index: 1040;
	}
}

@media (min-width: 961px) and (max-width: 1023px) {

	.quicklyDiv {
		position: fixed;
		top: 96px;
		left: 0px;
		right: 0px;
		z-index: 1040;
	}
}

@media (min-width: 1024px) {

	.quicklyDiv {
		position: fixed;
		top: 30px;
		left: 50%;
		z-index: 1040;
	}
}


@media (min-width: 1200px) {
	.navbar-expand-xl .navbar-nav .dropdown-menu {
		right: 0;
		padding: 0;
	}
}

.dropdown-menu[data-bs-popper] {
	left: unset;
	margin-top: unset;
}

.quicklyDiv .dropdown-menu {
	overflow-y: auto;
	max-width: 300px;
}


.progress-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin-bottom: 1rem;
}

.progress-group-header {
	padding-top: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-bottom: 0.25rem;
}


.main-timeline12 .timeline {
	padding: 0px;
	position: relative;
	display: inline-block;
	flex: 1;
}

.main-timeline12 .timeline-icon {
	display: block;
	text-align: center;
	padding: 5px 0 55px;
	z-index: 1;
	position: relative
}

.main-timeline12 .timeline-line {
	display: block;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	z-index: 1;
	position: relative
}

.main-timeline12 .timeline:nth-child(6n) .timeline-icon {
	padding: 55px 0 20px
}

.main-timeline12 .timeline-icon:before {
	content: "";
	width: 4px;
	height: 75%;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	transition: all .3s ease 0s
}


.main-timeline12 .timeline-line:before {
	content: "";
	width: 4px;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: -1;
	background: #198754;
}

.main-timeline12 .timeline:nth-child(6n) .timeline-icon:before {
	bottom: auto;
	top: 0
}

.main-timeline12 .timeline:hover .timeline-icon:before {
	background: #555;
}

.main-timeline12 .timeline-icon i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	font-size: 25px;
	color: #fff;
	transition: all .3s ease 0s
}



.main-timeline12 .timeline-icon.active i, .main-timeline12 .timeline-icon.active:before {
	background: var(--tdv-primary);
}

.main-timeline12 .timeline-icon.default i, .main-timeline12 .timeline-icon.default:before {
	background: #ccc;
}

.main-timeline12 .timeline-icon.complated i, .main-timeline12 .timeline-icon.complated:before {
	background: #198754;
}

.main-timeline12 .timeline:hover .timeline-icon:not(.active) i {
	/* background: #555;*/
	transform: scale(1.6);
}

.main-timeline12 .timeline:hover .timeline-icon.active i {
	/* background: #555;*/
	transform: scale(1.3);
}

.main-timeline12 .timeline-icon.active i {
	/* background: #555;*/
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	font-size: 25px;
	transform: scale(1.6);
}

.main-timeline12 .border.active {
	height: 15px;
	background: var(--tdv-primary);
	margin-bottom: 0;
	transition: all .3s ease 0s
}

.main-timeline12 .border.complated {
	height: 15px;
	background: #198754;
	margin-bottom: 0;
	transition: all .3s ease 0s
}

.main-timeline12 .border.default {
	height: 15px;
	background: #ccc;
	margin-bottom: 0;
	transition: all .3s ease 0s
}

.main-timeline12 .timeline:hover .border {
	background: #555
}

.main-timeline12 .timeline:first-child .border {
	border-radius: 4px 0 0 4px
}

.main-timeline12 .timeline:last-child .border {
	border-radius: 0 4px 4px 0
}

.main-timeline12 .timeline:nth-child(6n) .border {
	margin: 18px 0 0
}

.main-timeline12 .timeline-content {
	padding: 10px 0px 10px 0px;
	border: 1px solid #ddd;
	background: #f9f9f9;
	border-radius: 3px;
	transition: all .3s ease 0s;
}

.main-timeline12 .timeline:hover .timeline-content {
	background: #555;
}

.main-timeline12 .title.active {
	color: var(--tdv-primary);
	text-transform: uppercase;
	margin: 0 0 10px;
	transition: all .3s ease 0s
}

.main-timeline12 .title.complated {
	color: #28a745;
	text-transform: uppercase;
	margin: 0 0 10px;
	transition: all .3s ease 0s
}

.main-timeline12 .title.default {
	color: #ccc;
	text-transform: uppercase;
	margin: 0 0 10px;
	transition: all .3s ease 0s
}


.main-timeline12 .timeline:hover .title {
	font-size: 12px;
	font-weight: 700;
	color: #fff
}

.main-timeline12 .timeline-content .description {
	font-size: 14px;
	color: #888;
	margin: 0;
	transition: all .3s ease 0s
}



@keyframes icon-load {
	0% {
		transform: rotate(-12deg)
	}

	8% {
		transform: rotate(12deg)
	}

	10%,28%,30%,48%,50%,68% {
		transform: rotate(24deg)
	}

	18%,20%,38%,40%,58%,60% {
		transform: rotate(-24deg)
	}

	100%,75% {
		transform: rotate(0)
	}
}

@media only screen and (max-width:990px) {
	.main-timeline12 .timeline {
		margin-bottom: 20px
	}

	@media only screen and (max-width:767px) {
		.main-timeline12 .timeline-icon {
			padding-top: 0
		}

		.main-timeline12 .timeline-line {
			padding-top: 0
		}

		.main-timeline12 .timeline-passive {
			background-color: grey;
		}

		.main-timeline12 .timeline:nth-child(6n) .timeline-icon {
			padding-bottom: 0
		}

		.main-timeline12 .border {
			margin-bottom: 10px
		}

		.main-timeline12 .timeline:nth-child(6n) .border {
			margin: 10px 0 0
		}

		.main-timeline12 .timeline-content {
			text-align: center
		}
	}
}

@media only screen and (max-width:576) {
	.navbar-nav .dropdown-menu {
		position: absolute;
		right: 0;
	}
}

.tdv-mosque-pattern {
	background-image: url("../Images/mp-2.png");
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-size: 128px;
	background-position: bottom;
}

.select2-container--bootstrap5 .select2-selection--single, input[type='search'] {
	background-color: var(--kt-input-solid-bg) !important;
}


.select2-container--bootstrap5.select2-container--focus .form-select:not(.form-select-solid):not(.form-select-transparent), .select2-container--bootstrap5.select2-container--open .form-select:not(.form-select-solid):not(.form-select-transparent) {
	border-color: var(--kt-input-focus-border-color);
	border-style: dashed !important;
}

div#kt_app_main {
	background-color: var(--theme-gray);
	border-radius: 16px;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
	background-color: var(--theme-gray);
	border-top-left-radius: 16px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 0;
	padding: 8px 14px;
}

#StaffSidebar .menu-arrow:after {
	background-color: var(--tdv-primary);
}

#PortalSidebar .menu-arrow:after {
	background-color: var(--tdv-danger);
}

.tdv-menu-shape-holder {
	background: var(--theme-gray);
}

.tdv-menu-shape-holder-top {
	height: 12px;
	width: 100%;
	display: block;
	background: white;
	border-bottom-right-radius: 16px;
}

.tdv-menu-shape-holder-bottom {
	height: 12px;
	width: 100%;
	display: block;
	background: white;
	border-top-right-radius: 16px;
}


@media (min-width: 992px) {
	.app-sidebar-menu .menu > .menu-item {
		margin-left: 1rem;
		line-height: 24px;
	}
}

.menu-sub-indention .menu-item .menu-item .menu-link.active {
	margin-right: 0;
}

.tdv-shadow-20 {
	box-shadow: 0 0 20px 0px rgb(0 0 0 / 50%);
}

.modal-footer i, .modal-header i {
	color: white;
}

.bg-solid {
	background-color: var(--kt-input-solid-bg) !important;
}

.dashboardCard {
	border: 4px solid white;
	border-radius: 32px;
}

div#kt_app_page {
	background: #FFFFFF;
	border-radius: 16px;
	padding-right: 16px;
}

[data-kt-app-layout=light-sidebar][data-kt-app-header-fixed=true] .app-sidebar .app-sidebar-logo {
	border-bottom: none;
}

@media (min-width: 992px) {
	:root {
		--kt-app-footer-height: 24px;
		--kt-app-header-height: 48px;
		--kt-app-header-height-actual: 48px;
	}

	main, span, ol, ul, pre {
		scrollbar-width: none;
	}

	.app-header {
		box-shadow: none;
	}
}


.unread-notification-count {
	top: 8px !important;
}


.fit-content {
	width:0;
	white-space: nowrap;
}

.tdv-navigation-menu-hover:hover {
	background-color: #E9E9F1 !important;
}

@media (max-width: 768px) {
	#tdvBreadCrumbs .d-flex {
		flex-wrap: wrap; /* Kartları alt satıra geçir */
		gap: 10px; /* Kartlar arasına boşluk bırak */
	}

	#tdvBreadCrumbs .card {
		min-width: auto; /* min-width'i iptal et */
		width: 100%; /* Kartları tam genişlik yap */
	}

	#tdvBreadCrumbs {
		overflow-x: auto; /* Taşmayı önlemek için yatay kaydırma ekle */
		white-space: nowrap; /* İçeriğin kırılmasını önle */
	}
}