/****************************************************************************************************
 *                   Theme A / Green will be the default - so no theme will be theme a
 ***************************************************************************************************/
.sd-button-circle::before,
.sd-button-square.sd-icon-plus::before{
	color: #30BD91;
}
/* 
.sd-ratingelement.smiley{
	background-color: #30BD91;	
}
 */
/* 
.sd-widget,
.sd-list,
.sd-button-square.sd-icon-plus{
	border-color: #2B9373;
}
 */

.sd-button-square.sd-icon-list:after,
.sd-button-square.sd-icon-list:before{
	background-color: #2B9373;
}

.sd-collapsible .header:not(.invitation-list),
.sd-ctrgroup .sd-button {
	background-color: #9FDAAF;
}

.sd-input .outerNode,
.sd-select .outerNode,
.sd-toggle,
.sd-toggle .toggle{
	background-color: #ffffff;
}

.sd-input .outerNode.checked::before {
	color: #0DF505;
}

.sd-toggle {
	border-color: #dddddd;
}

.sd-toggle .on {
	background-color: #30BD91;
}

.sd-toggle .off {
	color: #30BD91;
	background-color: #FCFCFC;
}

.sd-panel-bar {
	background-color: #2B9373;
}

.sd-rating .stars{
	color: #5BBB9E;
}

.sd-barrow {
	border-color: #676767;
}

.sd-button-square.sd-icon-back,
.sd-button-square.sd-icon-forward {
	border-color: #71BDA6;
}

.sd-toggle .on,
.sd-panel-bar{
	color: #fff;
}

/****************************************************************************************************************************************************************
                                                                 Theme B / Red
****************************************************************************************************************************************************************/

.sd-theme-b .sd-button-circle::before,
.sd-theme-b .sd-button-square.sd-icon-plus::before{
	color: #FF5722;
}
/*
.sd-theme-b .sd-ratingelement svg{
	fill: #FF5722 ;
}
*/
/* 
.sd-theme-b .sd-ratingelement.smiley.selected svg{
	background: #FF5722;
}
.sd-theme-b .sd-ratingelement.smiley,
.sd-theme-b .sd-button.checked,
.sd-theme-b .sd-button.checked .title{
	background-color: #FFF;	
}
.sd-theme-b .sd-button.checked,
.sd-theme-b .sd-button.checked .title{
	color: #FF5722;
}
 */

.sd-theme-b .sd-icon-list::after {
	box-shadow: inset 0 0 0 3px #EC7FA1, 0 -10px 0 0 #EC7FA1,0 10px 0 0 #EC7FA1;
}

.sd-theme-b .sd-button-square.sd-icon-list:after,
.sd-theme-b .sd-button-square.sd-icon-list:before{
	background-color: #DE4373;
}

.sd-theme-b .sd-collapsible .sd-ctrgroup .sd-button {
	background-color: transparent;
}
.sd-theme-b .sd-collapsible .sd-ctrgroup .sd-button svg {
	fill: #fff;
}


/* .sd-theme-b .sd-list,
.sd-theme-b .sd-widget,
.sd-theme-b .sd-button-square.sd-icon-plus {
	border-color: #FF5722;
}
 */
.sd-theme-b .sd-collapsible .header{
 	background-color: #FF5722;
}

.sd-theme-b .sd-toggle .on, {
	background-color: #88B5FF;
}

.sd-theme-b .sd-toggle .on {
	background-color: #FF5722;
}

.sd-theme-b .sd-toggle .off {
	color: #FF5722;
}

.sd-theme-b .sd-icon-rating:before, 
.sd-theme-b .sd-icon-rating:after{
	border-bottom-color: #FF5722;
}

.sd-theme-b .sd-panel-bar{
	background-color: #FF5722;
}

.sd-theme-b .sd-rating .stars {
	color: #FF5722;
}

.sd-theme-b .sd-collapsible .header {
	color: #fff;
}
/****************************************************************************************************************************************************************
                                                                 Theme C / Blue
****************************************************************************************************************************************************************/

.sd-theme-c .sd-button-circle::before,
.sd-theme-c .sd-button-square.sd-icon-plus::before {
	color: #AACAFF;
}
/* 
.sd-theme-c .sd-ratingelement svg{
	fill: #AACAFF ;
}
*/
/* 
.sd-theme-c .sd-ratingelement.smiley.selected svg{
	background: #AACAFF;
}
.sd-theme-c .sd-ratingelement.smiley{
	background-color: #64BBF4;
}
 */
/* 
.sd-theme-c .sd-list,
.sd-theme-c .sd-widget,
.sd-theme-c .sd-button-square.sd-icon-plus {
	border-color: #AACAFF;
}
 */
.sd-theme-c .sd-icon-list::after {
	box-shadow:inset 0 0 0 5px #AACAFF, 0 -12px 0 0 #AACAFF,0 12px 0 0 #AACAFF;
}

.sd-theme-c .sd-button-square.sd-icon-list:after,
.sd-theme-c .sd-button-square.sd-icon-list:before{
	background-color: #4AAAEA;
}

.sd-theme-c .sd-ctrgroup .sd-button {
	background-color: #64B5F6;
}

.sd-theme-c .sd-collapsible .header{
	background-color: #64B5F6;
}

.sd-theme-c .sd-toggle .on {
	background-color: #64BBF4;
}

.sd-theme-c .sd-toggle .off {
	color: #88B5FF;
}

.sd-theme-c .sd-icon-rating:before,
.sd-theme-c .sd-icon-rating:after{
	border-bottom-color: #88B5FF;
}

.sd-theme-c .sd-panel-bar {
	background-color: #3F99D5;
}

.sd-theme-c .sd-rating .stars{
	color: #7CBFEC;
}

.sd-theme-c .sd-collapsible .header {
	color: #fff;
}
/****************************************************************************************************************************************************************
                                                                 Theme d / Purple
****************************************************************************************************************************************************************/

.sd-theme-d .sd-toggle .off,
.sd-theme-d .sd-rating .stars,
.sd-theme-d .sd-button-circle::before,
.sd-theme-d .sd-button-square.sd-icon-plus::before{
	color: #782167;
}
/*
.sd-theme-d .sd-ratingelement svg{
	fill: #782167 ;
}
*/
.sd-theme-d .sd-icon-list::after {
	box-shadow: inset 0 0 0 3px #EC7FA1, 0 -10px 0 0 #EC7FA1,0 10px 0 0 #EC7FA1;
}

.sd-theme-d .sd-button-square.sd-icon-list:after,
.sd-theme-d .sd-button-square.sd-icon-list:before{
	background-color: #DE4373;
}

.sd-theme-d .sd-collapsible .sd-ctrgroup .sd-button {
	background-color: transparent;
}
.sd-theme-d .sd-collapsible .sd-ctrgroup .sd-button svg {
	fill: #fff;
}

.sd-theme-d .sd-toggle .on, {
	background-color: #88B5FF;
}

.sd-theme-d .sd-panel-bar,
.sd-theme-d .sd-toggle .on,
.sd-theme-d .sd-collapsible .header {
	background-color: #782167;
}

.sd-theme-d .sd-icon-rating:before, 
.sd-theme-d .sd-icon-rating:after{
	border-bottom-color: #782167;
}

.sd-theme-d .sd-collapsible .header {
	color: #fff;
}

/****************************************************************************************************************************************************************
                                                                 Theme e / Darkblue
****************************************************************************************************************************************************************/

.sd-theme-e .sd-toggle .off,
.sd-theme-e .sd-rating .stars,
.sd-theme-e .sd-button-circle::before,
.sd-theme-e .sd-button-square.sd-icon-plus::before{
	color: #2973a0;
}
/*
.sd-theme-e .sd-ratingelement svg{
	fill: #2973a0 ;
}
*/
.sd-theme-e .sd-icon-list::after {
	box-shadow: inset 0 0 0 3px #EC7FA1, 0 -10px 0 0 #EC7FA1,0 10px 0 0 #EC7FA1;
}

.sd-theme-e .sd-button-square.sd-icon-list:after,
.sd-theme-e .sd-button-square.sd-icon-list:before{
	background-color: #DE4373;
}

.sd-theme-e .sd-collapsible .sd-ctrgroup .sd-button {
	background-color: transparent;
}
.sd-theme-e .sd-collapsible .sd-ctrgroup .sd-button svg {
	fill: #fff;
}

.sd-theme-e .sd-toggle .on, {
	background-color: #88B5FF;
}

.sd-theme-e .sd-panel-bar,
.sd-theme-e .sd-toggle .on,
.sd-theme-e .sd-collapsible .header {
	background-color: #2973a0;
}

.sd-theme-e .sd-icon-rating:before, 
.sd-theme-e .sd-icon-rating:after{
	border-bottom-color: #2973a0;
}

.sd-theme-e .sd-collapsible .header {
	color: #fff;
}