:root {
	--bs-background:#FCFCFC;
	--bs-primary-color: #e60000;
	--bs-main-color: #085698;
	--bs-main-color-1: #496fa9;
	--bs-main-color-2: #718aba;
	--bs-main-color-3: #95a6cb;
	--bs-main-color-4: #b8c3dc;
	--bs-main-color-5: #dbe0ee;
	--bs-text-muted: #99A1B7;
	--bs-gray-100: #F9F9F9;
	--bs-gray-100-rgb: 249, 249, 249;
	--bs-gray-200: #F1F1F4;
	--bs-gray-200-rgb: 241, 241, 244;
	--bs-gray-300: #DBDFE9;
	--bs-gray-300-rgb: 219, 223, 233;
	--bs-gray-400: #C4CADA;
	--bs-gray-400-rgb: 196, 202, 218;
	--bs-gray-500: #99A1B7;
	--bs-gray-500-rgb: 153, 161, 183;
	--bs-gray-600: #78829D;
	--bs-gray-600-rgb: 120, 130, 157;
	--bs-gray-700: #4B5675;
	--bs-gray-700-rgb: 75, 86, 117;
	--bs-gray-800: #252F4A;
	--bs-gray-800-rgb: 37, 47, 74;
	--bs-gray-900: #071437;
}


footer {
	background-color: #FCFCFC !important;
}

	footer a {
		color: var(--bs-main-color) !important;
	}

.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
	box-shadow: 0 0 0 0px var(--bs-main-color) inset;
}

.sepeteEkleDetayBtn:hover {
	background-color: var(--bs-main-color);
	color: whitesmoke
}
.detayGosterUrun:hover {
	background-color: var(--bs-main-color);
	color: whitesmoke
}


.miktarInput:focus, .malFazlasiInput:focus {
	border-color: var(--bs-main-color);
	outline: none;
	box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}


.toplamTutarSp, .toplamTutar {
	font-weight: 700;
	font-size: 16px;
	color: var(--bs-main-color);
}


.sepeteEkleDetayBtn {
	background-color: white;
	color: var(--bs-main-color);
	padding: 6px 6px;
	border-radius: 8px;
	display: inline-block;
	transition: background-color 0.3s ease;
	font-size: 18px;
	border: 1px solid var(--bs-main-color-4)
}

.detayGosterUrun {
	background-color: white;
	color: var(--bs-main-color);
	padding: 6px 6px;
	border-radius: 8px;
	display: inline-block;
	transition: background-color 0.3s ease;
	font-size: 18px;
	border: 1px solid var(--bs-main-color-4)
}

.e-detailrowexpand, .e-detailrowcollapse {
	color: var(--bs-main-color);
	font-weight: bold;
}

.sepeteEkleBtn {
	background-color: white;
	color: var(--bs-main-color);
	padding: 6px 6px;
	border-radius: 8px;
	display: inline-block;
	transition: background-color 0.3s ease;
	font-size: 18px;
	border: 1px solid var(--bs-main-color-4)
}

	.sepeteEkleBtn:hover {
		background-color: var(--bs-main-color);
		color:whitesmoke
	}


.excelAktarBtn {
	background-color: white;
	color: var(--bs-main-color);
	padding: 6px 6px;
	border-radius: 8px;
	display: inline-block;
	transition: background-color 0.3s ease;
	font-size: 14px;
	border: 1px solid var(--bs-main-color-4);
	text-decoration:none
}

	.excelAktarBtn:hover {
		background-color: var(--bs-main-color);
		color: whitesmoke
	}


.detayBtn {
	background-color: white;
	color: var(--bs-main-color);
	padding: 6px 6px;
	border-radius: 8px;
	display: inline-block;
	transition: background-color 0.3s ease;
	font-size: 14px;
	border: 1px solid var(--bs-main-color-4);
	text-decoration: none
}

	.detayBtn:hover {
		background-color: var(--bs-main-color);
		color: whitesmoke
	}


.filtreleBtn {
	background-color: var(--bs-main-color);
	color: white;
	padding: 6px 6px;
	border-radius: 8px;
	display: inline-block;
	transition: background-color 0.3s ease;
	font-size: 14px;
	text-decoration: none
}

	.filtreleBtn:hover {
		background-color: var(--bs-main-color);
		color: whitesmoke
	}


.e-headercell {
	background-color: var(--bs-main-color);
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
}


.e-rowcell, .e-altrow .e-rowcell {
	color: var(--bs-main-color);
	font-weight: 500;
	font-size: 14px;
}

.cart-checkout-btn {
	background-color: var(--bs-main-color);
	color: white;
	font-size: 14px;
	font-weight: 500;
	padding: 8px 16px;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

	.cart-checkout-btn:hover {
		background-color: var(--bs-main-color);
	}


.header-bottom {
	border-bottom: var(--bs-main-color) !important;
}

.header-top {
	border-top: var(--bs-main-color) !important;
}

.header-color {
	background-color: var(--bs-main-color) !important;
}

.header-container {
	background-color: white;
	padding-top: 8px!important;
	padding-bottom: 8px!important;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03)!important;
	border: 1px solid #f1f1f4;
	margin-bottom: 24px!important;
}




.table-dark {
	--bs-table-bg: var(--bs-main-color) !important;
}


.card-section {
	background-color: white !important;
	box-shadow: 0 8px 30px rgb(0,0,0,0.10);
	border:1px solid #f1f1f1!important
}

.header-search {
	
}

.span-color {
	color: var(--bs-main-color)!important;
}