html,
body {
	scroll-behavior: smooth;
}

.loader {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.7);
	display: none;
	z-index: 9;
}

.loader div {
	top: 50%;
	left: 50%;
}

.loader.show {
	display: unset;
}

.custom-control-input:checked ~ .custom-option-label {
	background-color: var(--primary);
}

.custom-control-input:checked ~ .custom-option-label > * {
	color: white;
}

.select2-selection.form-control,
.select2-container--default
	.select2-selection--single
	.select2-selection__arrow {
	height: calc(1.5em + 1.25rem + 2px) !important;
}

/* .form-control, */
.select2-search--dropdown .select2-search__field {
	border: 1px solid #dae1e7 !important;
	border-radius: 0.3125rem !important;
}

.navbar-expand-lg #header-cat.dropdown-menu.show {
	display: block !important;
}

.navbar-tool .dropdown-menu {
	margin-top: unset !important;
	/* margin-top: -15px !important; */
}

.card-img-top .prod-img,
.cat-img {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.box {
	border-radius: 10px;
	width: 200px;
	height: 150px;
}

.text-primary-2 {
	color:#99a7c6;
}

.fw-100 {
	font-weight: 100 !important;
}

.fw-300 {
	font-weight: 300 !important;
}

.fw-500 {
	font-weight: 500 !important;
}

.fw-700 {
	font-weight: 700 !important;
}

button.disabled {
	cursor: not-allowed;
}

.ptype {
	position: absolute;
	right: 0%;
	padding-right: 1.25rem;
	font-size: 10px;
}

.ptype-badge {
	padding:5px 10px;
	border-radius:5px;
	color:#fff;
}

@media screen and (max-width: 425px) {
	.dropdown-menu {
		left: -50px;
	}
}

@media screen and (min-width: 992px) {
	.text-lg-light {
		color:#fff !important;
	}
}

.topbar-dark .topbar-text, .topbar-dark .topbar-link {
	color: #fff;
}