/* GENERIC */
.color-bright { color: #fff; }
.color-dark { color: #5F5F5F; }
.color-warning { color: #DD6B55; }
.color-green { color: #0cc8a7; }
.color-primary { color: #0cc8a7; }
.color-primary-t25 { color: rgba(12,200,167,0.25); }
.color-primary-t50 { color: rgba(12,200,167,0.50); }
.color-primary-t75 { color: rgba(12,200,167,0.75); }
.color-hover-primary:hover { color: #0ddbb7; }

.color-bg-bright { background-color: #fff; color: #5F5F5F; }
.color-bg-dark { background-color: #5F5F5F; color: #fff; }
.color-bg-warning { background-color: #DD6B55; color: #fff; }
.color-bg-green { background-color: #0cc8a7; color: #fff; }
.color-bg-hover-green:hover { background-color: #0ddbb7; color: #fff; }
.color-bg-primary { background-color: #0cc8a7; color: #fff; }
.color-bg-primary-t25 { background-color: rgba(12,200,167,0.25); color: #fff; }
.color-bg-primary-t50 { background-color: rgba(12,200,167,0.50); color: #fff; }
.color-bg-primary-t75 { background-color: rgba(12,200,167,0.75); color: #fff; }
.color-bg-hover-primary:hover { background-color: #0ddbb7; color: #fff; }

.color-border-bright { border-color: #fff; border-width: 1px; border-style: solid; }
.color-border-dark { border-color: #5F5F5F; border-width: 1px; border-style: solid; }
.color-border-warning { border-color: #DD6B55; border-width: 1px; border-style: solid; }
.color-border-green { border-color: #0cc8a7; border-width: 1px; border-style: solid; }
.color-border-primary { border-color: #0cc8a7; border-width: 1px; border-style: solid; }
.color-border-primary-t25 { border-color: rgba(12,200,167,0.25); border-width: 1px; border-style: solid; }
.color-border-primary-t50 { border-color: rgba(12,200,167,0.50); border-width: 1px; border-style: solid; }
.color-border-primary-t75 { border-color: rgba(12,200,167,0.75); border-width: 1px; border-style: solid; }
.color-border-hover-primary:hover { border-color: #0ddbb7; border-width: 1px; border-style: solid; }


/* BUTTON */
.btn-bright, .ui-state-default { border: 1px #0cc8a7 solid; color: #0cc8a7; }
.ui-state-default { background-color: rgba(255,255,255,0); }
.btn-bright:hover { background-color: #0ddbb7; color: #fff; }

.btn-dark { border: 1px rgba(0,0,0,0) solid; background-color: #5F5F5F; color: #fff; }
.btn-dark:hover { background-color: #3e3e3e; }

.btn-warning { border: 1px rgba(0,0,0,0) solid; background-color: #DD6B55; color: #fff; }
.btn-warning:hover { background-color: #e27d69; }

.btn-green { border: 1px rgba(0,0,0,0) solid; background-color: #0cc8a7; color: #fff; }
.btn-green:hover { background-color: #0ddbb7; }

.btn-primary, .ui-state-active { border: 1px rgba(0,0,0,0) solid; background-color: #0cc8a7; color: #fff; }
.btn-primary:hover { background-color: #0ddbb7; }

.btn-inactive, .btn-inactive:hover { border: 1px #ccc solid; background-color: rgba(255,255,255,0); color: #ccc; cursor: default; }

/* BLOCK */
.color-block { color: #0cc8a7; }
.color-block-t25 { background-color: rgba(12,200,167,0.25); color: #fff; }
.color-block-t50 { background-color: rgba(12,200,167,0.50); color: #fff; }
.color-block-t75 { background-color: rgba(12,200,167,0.75); color: #fff; }
.color-hover-block:hover { color: #0ddbb7; }

.color-bg-block { background-color: #0cc8a7; color: #fff; }
.color-bg-hover-block:hover { background-color: #0ddbb7; color: #fff; }
.color-bg-block-t25 { background-color: rgba(12,200,167,0.25); color: #fff; }
.color-bg-block-t50 { background-color: rgba(12,200,167,0.50); color: #fff; }
.color-bg-block-t75 { background-color: rgba(12,200,167,0.75); color: #fff; }
.color-bg-hover-block:hover { background-color: #0ddbb7; color: #fff; }

.color-border-block { border-color: #0cc8a7; }
.color-border-block-t25 { border-color: rgba(12,200,167,0.25); }
.color-border-block-t50 { border-color: rgba(12,200,167,0.50); }
.color-border-block-t75 { border-color: rgba(12,200,167,0.75); }
.color-border-hover-block:hover { border-color: #0ddbb7; border-width: 1px; border-style: solid; }

/* GRID */
.color-grid { color: #3fc585; }
.color-bg-grid { background-color: #3fc585; color: #fff; }
.color-border-grid { border-color: #3fc585; }


/* ROW: CONTENT */
.color-row { color: #f45d6f; }
.color-bg-row { background-color: #f45d6f; color: #fff; }
.color-border-row { border-color: #f45d6f; }


/* ROW: HEADER */
.color-row-header { color: #8f34ea; }
.color-bg-row-header { background-color: #8f34ea; color: #fff; }
.color-border-row-header { border-color: #8f34ea; }


/* ROW: FOOTER */
.color-row-footer { color: #8f34ea; }
.color-bg-row-footer { background-color: #8f34ea; color: #fff; }
.color-border-row-footer { border-color: #8f34ea; }



/* JQuery UI Slider ------------------------------------------------------ */
.ui-slider { border: 0px #0cc8a7 solid; background-color: #BFBFBF; }
.ui-slider .ui-widget-header { background: #0cc8a7; }
.ui-slider .ui-slider-handle { border: 3px #fff solid; background: #0cc8a7; }
.ui-slider .ui-slider-handle:hover { background: #0cc8a7; }

/* Bjorkapps ------------------------------------------------------ */
.bjorkCheckbox div, .bjorkCheckbox.checked, .bjorkRadio.checked div { background-color: #0cc8a7; }
.bjorkRadio, .bjorkCheckbox { border-color: #0cc8a7; }
.bjorkPanel .bjorkPanel-header li:hover { color: #0cc8a7; -webkit-box-shadow: inset 0px -3px 0px 0px #0cc8a7; -moz-box-shadow: inset 0px -3px 0px 0px #0cc8a7; box-shadow: inset 0px -3px 0px 0px rgba #0cc8a7;	}
.bjorkPanel .bjorkPanel-header li.selected { color: #0cc8a7; -webkit-box-shadow: inset 0px -3px 0px 0px #0cc8a7; -moz-box-shadow: inset 0px -3px 0px 0px #0cc8a7; box-shadow: inset 0px -3px 0px 0px rgba #0cc8a7; }

/* Style wigets */
.style-color-picker:hover, .style-bg-picker:hover {	border-color: #0cc8a7; }

/* Preloader ------------------------------------------------------ */
.page-preloader-o, .generic-preloader {
	border-left-color: #0cc8a7 !important;
	border-bottom-color: #0cc8a7 !important;
    border-right-color: #0cc8a7 !important;
}

/* Uploadify ------------------------------------------------------ */
.uploadify .uploadify-button { border: 1px #0cc8a7 solid; color: #0cc8a7; }
.uploadify:hover .uploadify-button { background-color: #0ddbb7; color: #fff; }

/* Design picker */
#bjorkPanel_designtheme .design-item.selected .design-name { background-color: #0cc8a7; color: #fff; }
#bjorkPanel_designtheme .design-item:hover .design-name { background-color: #0cc8a7; color: #fff; }
#design-site-nav .design-item.selected .design-name { background-color: #0cc8a7; color: #fff; }
#design-site-nav .design-item:hover .design-name { background-color: #0cc8a7; color: #fff; }

/* Popup */
.popup_topic_cancel:hover{ color: #0cc8a7; }
.popup-leftnav li:hover {
	color: #0cc8a7;
	-webkit-box-shadow: inset 0px -3px 0px 0px #0cc8a7;
	-moz-box-shadow: inset 0px -3px 0px 0px #0cc8a7;
	box-shadow: inset 0px -3px 0px 0px rgba #0cc8a7;
}
.popup-leftnav li.selected {
	color: #0cc8a7;
	-webkit-box-shadow: inset 0px -3px 0px 0px #0cc8a7;
	-moz-box-shadow: inset 0px -3px 0px 0px #0cc8a7;
	box-shadow: inset 0px -3px 0px 0px rgba #0cc8a7;
}
.popup-header li:hover {
	color: #0cc8a7;
	-webkit-box-shadow: inset 0px -3px 0px 0px #0cc8a7;
	-moz-box-shadow: inset 0px -3px 0px 0px #0cc8a7;
	box-shadow: inset 0px -3px 0px 0px rgba #0cc8a7;
}
.popup-header li.selected {
	color: #0cc8a7;
	-webkit-box-shadow: inset 0px -3px 0px 0px #0cc8a7;
	-moz-box-shadow: inset 0px -3px 0px 0px #0cc8a7;
	box-shadow: inset 0px -3px 0px 0px rgba #0cc8a7;
}
.popup-footer li:hover {
	color: #0cc8a7;
	-webkit-box-shadow: inset 0px 3px 0px 0px #0cc8a7;
	-moz-box-shadow: inset 0px 3px 0px 0px #0cc8a7;
	box-shadow: inset 0px 3px 0px 0px rgba #0cc8a7;
}
.popup-footer li.selected {
	color: #0cc8a7;
	-webkit-box-shadow: inset 0px 3px 0px 0px #0cc8a7;
	-moz-box-shadow: inset 0px 3px 0px 0px #0cc8a7;
	box-shadow: inset 0px 3px 0px 0px rgba #0cc8a7;
}