:root {
	--custom-primary-color: #ff7c40;
	--custom-primary-light-color: #ffa074;
	/* --custom-primary-dark-color: #4839eb; */
	--custom-primary-dark-color: #5046bd;
	--custom-primary-hover: #da4f0f;
	--custom-primary-gradient-color: linear-gradient(
		47deg,
		#ffa074,
		#ff7c40
	);
	--white: #ffffff;
	--black: #000000;
	/* effect blur */
	--color-effect-blur: #878787;
	--color-effect-rgb-5: rgb(135 135 135 / 5%);
	--color-effect-rgb-15: rgb(135 135 135 / 15%);
	--color-effect-rgb-25: rgb(135 135 135 / 25%);
	--color-effect-rgb-35: rgb(135 135 135 / 35%);
	--color-effect-rgb-45: rgb(135 135 135 / 45%);
	--color-effect-rgb-55: rgb(135 135 135 / 55%);
	--color-effect-rgb-65: rgb(135 135 135 / 65%);
	--color-effect-rgb-75: rgb(135 135 135 / 75%);
}

.bg-primary {
	background-color: #ff7c40 !important;
}

.bg-primary.bg-soft {
	/* background-color: rgb(32 178 170 / 25%) !important; */
	background-color: rgb(255 124 64 / 25%) !important;
}

.bg-primary.bg-soft-50 {
	/* background-color: rgb(32 178 170 / 50%) !important; */
	background-color: rgb(255 124 64 / 50%) !important;
}

.btn.btn-primary {
	background-color: var(--custom-primary-color) !important;
	border-color: var(--custom-primary-color) !important;
}

.btn.btn-primary:hover {
	background-color: var(--custom-primary-hover) !important;
	border-color: #da4f0f !important;
}

.btn.btn-outline-primary {
	color: var(--custom-primary-color) !important;
	border-color: var(--custom-primary-color) !important;
}

.btn.btn-outline-primary:hover {
	color: var(--white) !important;
	background-color: var(--custom-primary-color) !important;
	border-color: var(--custom-primary-color) !important;
}
.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active{
	color: var(--white) !important;
	background-color: transparent !important;
	background-color: var(--custom-primary-color) !important;
	border-color: var(--custom-primary-color) !important;
}

.btn.btn-light-primary {
	background-color: var(--custom-primary-light-color) !important;
}

.btn.btn-dark-primary {
	background-color: var(--custom-primary-dark-color) !important;
}

.btn.btn-gradient-primary {
	background-image: var(--custom-primary-gradient-color) !important;
	color: var(--white) !important;
}

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

.text-primary {
	color: var(--custom-primary-color) !important;
}

.nav-tabs-custom .nav-item .nav-link.active {
	color: var(--custom-primary-color) !important;
}

.bg-primary {
	background-color: var(--custom-primary-color) !important;
}

.nav-tabs-custom .nav-item .nav-link::after {
	background: var(--custom-primary-color) !important;
}

.form-check-input:checked {
	background-color: var(--custom-primary-color) !important;
	border-color: var(--custom-primary-color) !important;
}

.card-effect {
	box-shadow: 0px 10px 15px rgb(135 135 135 / 25%) !important;
	border-radius: 10px;
}

.card-border {
	border-radius: 10px !important;
}

.card-border-header {
	border-radius: 10px 10px 0px 0px !important;
}

.topnav .navbar-nav .dropdown-item.active,
.topnav .navbar-nav .dropdown-item:hover {
	color: #ff7c40 !important;
	/* background: lightgrey; */
}

.arrow-down.rotate::after {
	rotate: 180deg;
}

@media (max-width: 991.98px) {
	.topnav .navbar-nav .dropdown-item {
		color: rgba(255, 255, 255, 0.6) !important;
	}

	.topnav .dropdown .dropdown-item:hover {
		position: relative;
		color: white !important;
		background-color: transparent;
	}
}

@media (max-width: 991.98px) {
	.topnav .navbar-nav .dropdown.active > a {
		color: #ffffff !important;
		background-color: transparent;
	}

	.topnav .navbar-nav .dropdown-item:hover {
		color: white !important;
	}

	.topnav .dropdown .dropdown-item.active,
	.topnav .dropdown .dropdown-item:active {
		color: #ff7c40;
		color: white !important;
	}
}

/* div.main-content div.page-content {
            margin-top: 25px !important;
        } */

.bg-gradient90 {
	background-image: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0.15),
		rgba(255, 255, 255, 0)
	) !important;
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	background-size: 20px;
	background-color: rgb(0 0 0 / 50%);
	border-radius: 50%;
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
	background-size: 20px;
	background-color: rgb(0 0 0 / 50%);
	border-radius: 50%;
}

body[data-layout-size="boxed"] {
	background-color: #fefefe !important;
}

.topnav,
.checkout-tabs .nav-pills .nav-link.active,
.chase-dot:before,
body[data-layout="horizontal"][data-topbar="colored"] #page-topbar {
	background-color: var(--custom-primary-color) !important;
}

a {
	color: var(--custom-primary-color);
}

a:hover,
.nav-link:hover {
	color: var(--custom-primary-hover);
}

.topnav .navbar-nav .nav-item .nav-link.active,
.topnav .navbar-nav .nav-link:focus,
.topnav .navbar-nav .nav-link:hover {
	color: var(--white);
}

.btn.btn-primary:focus,
.btn.btn-outline-primary:focus {
	/* box-shadow: 0 0 0 0.15rem rgb(32 178 169 / 50%); */
	box-shadow: 0 0 0 0.15rem rgb(255 124 64 / 50%);
}

.checkout-tabs .nav-pills .nav-link.active:hover {
	background-color: var(--custom-primary-hover) !important;
}

.text-abuabu {
	color: rgba(255, 255, 255, 0.6) !important;
}

.coming-box {
	/* border: 5px solid; */
	border-radius: 6px;
	margin-right: 10px;
	background: #ff7c40;
	color: #495057;
	color: white;
	padding: 10px 0;
}

.select2-selection.select2-selection--single {
	/* width: 75%; */
	width: auto;
}

.select2-dropdown.select2-dropdown--below {
	/* width: 275px; */
	width: auto;
}

#sidebar-menu > #side-menu .active,
#sidebar-menu > #side-menu .active > i {
	color: white !important;
}

body[data-sidebar="colored"] .vertical-menu,
body[data-sidebar="colored"] .navbar-brand-box {
	background-color: #ff7c40 !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a span {
	/* display: block !important; */
	/* padding-left: 0 !important; */
	overflow: hidden !important;
}