span.bg_update {
	background-color: var(--bg_update_c);
	color: var(--putih);
}

span.bg_new {
	background-color: var(--bg_new_c);
	color: var(--putih);
}

span.bg_mod {
	background-color: var(--bg_mod_c);
	color: var(--putih);
}

div.bg-primary {
	background-color: var(--primary_c);
}

div.w-10.h-10.md\:w-12.md\:h-12.rounded-xl.flex.items-center.justify-center {
	background-color: var(--primary_c);
}

.swiper-pagination-bullet-active {
	background: var(--button_c);
	opacity: 1;
}

button.bg-green-600, button.bg-green-500, a.bg-green-500, a.bg-\[var\(--post-color\)\], button.bg-\[var\(--post-color\)\], input:checked + .sliderDM, a.download-links.from-\[color\:var\(--post-color-icon\)\] {
	background-color: var(--button_c);
}

a.hover\:bg-\[var\(--post-color-text\)\]:hover, button.hover\:bg-green-600:hover, button.hover\:bg-green-700:hover, a.hover\:bg-green-600:hover, button.bg-\[var\(--post-color\)\]:hover, a.download-links.from-\[color\:var\(--post-color-icon\)\]:hover {
	background-color: var(--button_c_h);
}

a.download-links.from-\[color\:var\(--post-color-icon\)\] {
	--tw-gradient-from: var(--button_c) var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--button_c), var(--button_c);
}

a.download-links.hover\:from-\[color\:var\(--post-color-dark\)\]:hover {
	--tw-gradient-from: var(--button_c_h) var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--button_c_h), var(--button_c_h);
}

#progress-bar.to-\[var\(--post-color-dark\)\] {
	--tw-gradient-to: var(--button_c) var(--tw-gradient-to-position);
}

#progress-bar.from-\[color\:var\(--post-color\)\] {
	--tw-gradient-from: var(--button_c) var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--button_c), var(--button_c);
}

#mod_c, a.text-\[var\(--post-color\)\], span.text-\[var\(--post-color\)\], .info-grid-card-custom a, h2.text-\[var\(--post-color\)\], .dark .info-grid-card-custom a, .dark a.comment-reply-link,  a.text-\[var\(--post-color\)\],  a.text-green-500, a.text-blue-500, .dark a.text-\[var\(--post-color\)\], .dark a.text-green-500, .dark a.text-blue-500, span.text-green-700 {
	color: var(--link_c);
	cursor: pointer;
}

a.text-\[var\(--post-color\)\]:hover, span.text-\[var\(--post-color\)\]:hover, .info-grid-card-custom a:hover, .dark .info-grid-card-custom a:hover, a.text-\[var\(--post-color\)\]:hover, a.text-green-500:hover, a.text-blue-500:hover {
	color: var(--link_c_h);
}

.dark a.text-\[var\(--post-color\)\]:hover, .dark span.text-\[var\(--post-color\)\]:hover {
	color: var(--link_c);
}

div.to-\[var\(--post-color-light\)\] {
	--tw-gradient-to: var(--button_c) var(--tw-gradient-to-position);
}

div.from-\[var\(--post-color\)\] {
	--tw-gradient-from: var(--button_c) var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--button_c), var(--button_c);
}

@media only screen and (min-width: 992px) {
	.bsticky2 {
		position: sticky;
		bottom: 0;
		z-index: 100000;
	}

	.bsticky {
		position: fixed;
		bottom: 0;
		z-index: 100000;
		width: 100%;
		transition: transform 0.3s;
		box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.05);
	}

	.scroll-down footer.bsticky {
		transform: translate3d(0, 100%, 0);
	}

	.scroll-up footer.bsticky {
		transform: none;
	}
}

/*SWITCH*/
.switch {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 28px;
	top: -2px;
	align-self: center;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.sliderDM {
	position: absolute;
	cursor: pointer;
	top: 5px;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.sliderDM:before {
	position: absolute;
	content: "";
	height: 23px;
	width: 23px;
	left: 0;
	bottom: 0;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

input:checked + .sliderDM {
	background-color: var(--button_c);
}

input:checked + .sliderDM:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.sliderDM {
	border-radius: 10px;
}

.sliderDM:before {
	border-radius: 50%;
}

.dark .logged-in-as, .dark .c-muted {
	color: white!important;
}

[dir="rtl"] .ml-2 {
	margin-right: .5rem;
	margin-left: unset;
}

[dir="rtl"] .space-x-2 > span.dark\:text-white {
	margin-right: .5rem;
	margin-left: unset;
}

[dir="rtl"] svg.w-4.h-4, [dir="rtl"] svg.w-5.h-5.text-gray-400 {
	transform: matrix(-1,0,0,1,0,0);
}

[dir="rtl"] a > svg.w-4.h-4, [dir="rtl"] button > svg.w-4.h-4 {
	margin-right: .5rem;
}

[dir="rtl"] #close-search.ml-4 {
	margin-right: 1rem;
	margin-left: unset;
}

[dir="rtl"] div.flex.justify-center.mt-8.space-x-6 > a {
	margin-right: .5rem;
	margin-left: unset;
}

[dir="rtl"] svg.w-5.h-5.inline-block.mr-2 {
	margin-left: .5rem;
}

[dir="rtl"] .logged-in-as, [dir="rtl"] .c-muted {
	margin-right: 1rem;
}