.checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0;
	margin: 10px 0 0 20px;
}
.checkbox + label {
	position: relative;
	padding: 0 0 0 60px;
	cursor: pointer;
}
.checkbox.change_theme + label,
.checkbox.power_off + label,
.checkbox.sidebar_fixed + label,
.checkbox.sidebar_mini + label,
.checkbox.navbar_fixed + label,
.checkbox.news_view + label,
.checkbox.card_view + label{
	width: 50px;
	font-size: 0.9em;
}
.checkbox.change_theme + label:before,
.checkbox.change_theme + label:after,
.checkbox.change_theme:checked + label:before,
.checkbox.change_theme:checked + label:after,
.checkbox.power_off + label:before,
.checkbox.power_off + label:after,
.checkbox.power_off:checked + label:before,
.checkbox.power_off:checked + label:after,
.checkbox.sidebar_fixed + label:before,
.checkbox.sidebar_fixed + label:after,
.checkbox.sidebar_fixed:checked + label:before,
.checkbox.sidebar_fixed:checked + label:after,
.checkbox.sidebar_mini + label:before,
.checkbox.sidebar_mini + label:after,
.checkbox.sidebar_mini:checked + label:before,
.checkbox.sidebar_mini:checked + label:after,
.checkbox.navbar_fixed + label:before,
.checkbox.navbar_fixed + label:after,
.checkbox.navbar_fixed:checked + label:before,
.checkbox.navbar_fixed:checked + label:after,
.checkbox.news_view + label:before,
.checkbox.news_view + label:after,
.checkbox.news_view:checked + label:before,
.checkbox.news_view:checked + label:after,
.checkbox.card_view + label:before,
.checkbox.card_view + label:after,
.checkbox.card_view:checked + label:before,
.checkbox.card_view:checked + label:after{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
}
.checkbox + label:before,
.checkbox.change_theme + label:before,
.checkbox.change_theme:checked + label:before,
.checkbox.power_off + label:before,
.checkbox.power_off:checked + label:before,
.checkbox.sidebar_fixed + label:before,
.checkbox.sidebar_fixed:checked + label:before,
.checkbox.sidebar_mini + label:before,
.checkbox.sidebar_mini:checked + label:before,
.checkbox.navbar_fixed + label:before,
.checkbox.navbar_fixed:checked + label:before,
.checkbox.news_view + label:before,
.checkbox.news_view:checked + label:before,
.checkbox.card_view + label:before,
.checkbox.card_view:checked + label:before{
	top: -4px;
	left: 0;
	width: 52px;
	height: 26px;
	padding: 2px 7px;
	color: var(--chebx-color-bef);
	border-radius: 13px;
	background:var(--chebx-bg-bef);
	box-shadow: inset 0 2px 3px rgba(0,0,0,.2);	
}
.checkbox + label:after ,
.checkbox.change_theme + label:after,
.checkbox.change_theme:checked + label:after,
.checkbox.power_off + label:after,
.checkbox.power_off:checked + label:after,
.checkbox.sidebar_fixed + label:after,
.checkbox.sidebar_fixed:checked + label:after,
.checkbox.sidebar_mini + label:after,
.checkbox.sidebar_mini:checked + label:after,
.checkbox.navbar_fixed + label:after,
.checkbox.navbar_fixed:checked + label:after,
.checkbox.news_view + label:after,
.checkbox.news_view:checked + label:after,
.checkbox.card_view + label:after,
.checkbox.card_view:checked + label:after{
	top: -2px;
	left: 2px;
	height: 22px;
	width: 22px;
	text-align: center;
	color: var(--chebx-color-aft);
	background:var(--chebx-bg-aft);
	border-radius: 10px;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
}
.checkbox.change_theme + label:before {
	content: '\f6c3';
	text-align: right;
}
.checkbox.change_theme + label:after {
	content: '\f185';
	height: 22px;
	font-size: 15px;
}
.checkbox.change_theme:checked + label:before {
	content: '\f185';
	text-align: left;
}
.checkbox.change_theme:checked + label:after {
	content: '\f6c3';
	font-size: 13px;
	left: 28px;
}
.checkbox.sidebar_fixed + label:before {
	content: '\f78c';
	text-align: right;
	font-size: 15px;
}
.checkbox.sidebar_fixed + label:after {
	content: '\f338';
	font-size: 15px;
}
.checkbox.sidebar_mini + label:before {
	content: '\f362';
	text-align: right;
	font-size: 15px;
}
.checkbox.sidebar_mini + label:after {
	content: '\f337';
	font-size: 15px;
}
.checkbox.navbar_fixed + label:before {
	content: '\f0b2';
	text-align: right;
	font-size: 15px;
}
.checkbox.navbar_fixed + label:after {
	content: '\f31e';
	font-size: 15px;
}
.checkbox.news_view + label:before {
	content: '\f070';
	text-align: right;
	font-size: 14px;
}
.checkbox.news_view + label:after {
	content: '\f06e';
	font-size: 14px;
    padding: 1px;
    opacity: .8;
}
.checkbox.card_view + label:before {
	content: '\f272';
	text-align: right;
	font-size: 14px;
	padding: 2px 8px 1px 1px;
}
.checkbox.card_view + label:after {
	content: '\f274';
	font-size: 14px;
    opacity: .8;
}
.checkbox.power_off + label:before {
	content: '\f2f5';
	text-align: right;
	font-size: 15px;
}
.checkbox.power_off + label:after {
	content: '\f011';
	font-size: 15px;
}
.checkbox.power_off:checked + label:before {
	content: '\f011';
	text-align: left;
}
.checkbox.power_off:checked + label:after {
	content: '\f2f5';
	font-size: 12px;
	left: 28px;
}
.checkbox.sidebar_fixed:checked + label:before {
	content: '\f338';
	text-align: left;
	padding-left: 10px
}
.checkbox.sidebar_fixed:checked + label:after {
	content: '\f78c';
	font-size: 15px;
	left: 28px;
}
.checkbox.sidebar_mini:checked + label:before {
	content: '\f337';
	text-align: left;
}
.checkbox.sidebar_mini:checked + label:after {
	content: '\f362';
	font-size: 15px;
	left: 28px;
}
.checkbox.navbar_fixed:checked + label:before {
	content: '\f31e';
	text-align: left;
}
.checkbox.navbar_fixed:checked + label:after {
	content: '\f0b2';
	font-size: 15px;
	left: 28px;
}
.checkbox.news_view:checked + label:before {
	content: '\f06e';
	text-align: left;
	padding: 3px 0 1px 7px;
}
.checkbox.news_view:checked + label:after {
	content: '\f070';
	font-size: 14px;
	left: 28px;
}
.checkbox.card_view:checked + label:before {
	content: '\f274';
	text-align: left;
	font-size: 14px;
	padding: 2px 1px 1px 9px;
}
.checkbox.card_view:checked + label:after {
	content: '\f272';
	font-size: 14px;
	left: 28px;
}
.checkbox.change_theme:focus + label:before,
.checkbox.power_off:focus + label:before {
	box-shadow: none;
}
.checkbox + label:before {
	content: '';
	position: absolute;
}
.checkbox + label:after {
	content: '';
	position: absolute;
}
.checkbox:checked + label:after {
	left: 26px;
}
.checkbox:checked:hover + label:before{
	background-color: #ffc107;
	color: #ffffff;
}
.checkbox:hover + label:before{
	background-color: #2f4250;
}