#theme-panel {

	position: fixed;

	width: 170px;

	height: auto;

	top: 150px;

	min-height: 155px;

	text-align: left;

	background: white;

	border: 1px solid #CCC;

	z-index: 999;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	transition: all 0.5s;

}

.close-theme-panel {

	left: -170px;

}

.open-theme-panel {

	left: -1px;

}

#theme-panel .segment {

	width: 100%;

	border-bottom: 1px solid #f1f1f1;

	padding: 13px 12px;

}

#theme-panel .segment.color{

	padding:15px 12px 10px;

}

#theme-panel .segment h4{

	font-family: 'Armata', sans-serif;

	font-size:15px;

	font-weight:700;

}

#theme-panel a.panel-button {

	position: absolute;

	width:45px;

	height: 45px;

	background: white;

	color: #000000;

	right: -45px;

	top: -1px;

	text-align: center;

	font-size: 23px;

	line-height: 42px;

	cursor: pointer;

	border: 1px solid #CCC;

	border-left:hidden;

	border-top-right-radius: 50%;

	border-bottom-right-radius: 50%;

}

#theme-panel .segment h4{

	font-weight: 700;

	letter-spacing: 0;

}

#theme-panel h3 {

    margin: 3px auto 15px;

    padding-top: 0;

    padding-bottom: 0;

}

#theme-panel .segment a.switcher {

	cursor: pointer;

	display: inline-block;

	height: 30px;

	margin: 5px 0 0 1px;

	width: 30px;

}

.blue-bg {

	background: #3498db;

}

.asphalt-bg {

	background: #5e6f80;

}

.green-bg {

	background: #2ecc71;

}

.gray-bg {

	background: #95a5a6;

}

.orange-bg {

	background: #e67e22;

}

.purple-bg {

	background: #9b59b6;

}

.red-bg {

	background: #e74c3c;

}

.yellow-bg {

	background: #fed136;

}

.p-green-bg {

	background: #34D3A4;

}

.s-blue-bg {

	background: #1ed2ff;

}