/* Theme Panel */



#theme-panel {

	position: fixed;

	width:212px;

	height: auto;

	top:150px;

	min-height: 200px;

	text-align:left;

	background:white;

	border:1px solid #f1f1f1;

	z-index: 11;

	border-top-right-radius:3px;

	border-bottom-right-radius:3px;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}



.panel-close {

	left:-212px;

}



.panel-open {

	left:-1px;

}



.theme-panel-title {

	width:100%;

	padding:15px 15px;

}

.colors-container {

	width: 100%;

	padding-bottom: 15px;

	padding-left: 25px;

	padding-right: 20px;

	padding-top: 15px;

}

#theme-panel a.panel-btn {

	position: absolute;

	font-size:30px;

	width:50px;

	height: 50px;

	background:white;

	right:-50px;

	top:30px;

	text-align: center;

	line-height: 47px;

	cursor: pointer;

	border:1px solid #f1f1f1;

	border-top-right-radius:3px;

	border-bottom-right-radius:3px;

}

.icon-spin {

  -webkit-animation: spin 2s infinite linear;

  -moz-animation: spin 2s infinite linear;

  -o-animation: spin 2s infinite linear;

  animation: spin 2s infinite linear;

}

@-moz-keyframes spin {

  0% {

    -moz-transform: rotate(0deg);

  }

  100% {

    -moz-transform: rotate(359deg);

  }

}

@-webkit-keyframes spin {

  0% {

    -webkit-transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(359deg);

  }

}

@-o-keyframes spin {

  0% {

    -o-transform: rotate(0deg);

  }

  100% {

    -o-transform: rotate(359deg);

  }

}

@-ms-keyframes spin {

  0% {

    -ms-transform: rotate(0deg);

  }

  100% {

    -ms-transform: rotate(359deg);

  }

}

@keyframes spin {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(359deg);

  }

}



#theme-panel .colors-container a.color-switch{

	width:27px;

	height: 27px;

	display: inline-block;

	margin-right:2px;

	margin-top:5px;

	border:1px solid #f1f1f1;

	cursor: pointer;

}



.pink {

	background: #ec005f;

}

.blue-2 {

	background: #00bbf0;

}

.blue {

	background: #2ac5ee;+

}

.purple{

	background: #563d7c;

}

.green {

	background: #89c144;

}

.green-2 {

	background: #2baab1;

}

.yellow {

	background: #f1dd00;

}

.orange {

	background: #E47911;

}

.red {

	background: #D80018;

}

.red-2 {

	background: #e36159;

}

.red-3 {

	background: #D40436;

}

.pink-2 {

	background: #ec008c;

}

.beige {

	background: #b8a279;

}

.midnight {

	background: #2c3e50;

}

.black {

	background: #272727;

}