.color-box{width: 32px;
	height: 32px;
	display: block;
	text-decoration: none;
	position: relative;
	border-radius: 32px;
	transition: all .2s linear;
 }
 a.color-box:hover{ opacity:0.7;}
 .divider-line{
	 height: 1px;margin: 15px 0; background-color: #ccc;
 }
 
.theme-red {background-color: #ff5b57;}
.theme-pink {background-color: #fb5597;}
.theme-orange {background-color: #f59c1a;}
.theme-yellow {background-color: #ffd900;}
.theme-green {background-color: #32a932;}
.theme-teal {background-color: #00acac;}
.theme-blue {background-color: #348fe2;}
.theme-purple {background-color: #440098;}
.theme-lime {background-color: #90ca4b;}
.theme-cyan {background-color: #49b6d6;} 
.theme-gray {background-color: #6c757d;}
.theme-brown {background-color: #794307;}
.theme-indigo {background-color: #727cb6;}
.theme-black {background-color: #050505;}

.setting-toggle {
	position: fixed;
	top: 45%;
	right: -9px;
	text-decoration: none;
	z-index: 1016;
	-webkit-transform: rotate(-90deg) translate3d(-25px, 39px, 0);
	transform: rotate(-90deg) translate3d(-25px, 39px, 0);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin-top: -83px;
	-webkit-box-shadow: var(--phoenix-setting-toggle-shadow);
	box-shadow: var(--phoenix-setting-toggle-shadow);
}