
/* GENERIC */
.color-red 					{ color: #ff3c58; }
.color-red-hover:hover 		{ color: #ef344f; }
.color-green 				{ color: #1ccc72; }
.color-green-hover:hover 	{ color: #23e07f; }
.color-blue 				{ color: #418bca; }
.color-blue-hover:hover 	{ color: #5496cf; }
.color-orange 				{ color: #ff7d64; }
.color-orange-hover:hover 	{ color: #ff6c4f; }
.color-dark 				{ color: #3a3a3a; }
.color-dark-hover:hover 	{ color: #4e4e4e; }
.color-warning 				{ color: #ff7d64; }
.color-warning-hover:hover 	{ color: #ff6c4f; }
.color-primary 				{ color: #418bca; }
.color-primary-hover:hover 	{ color: #5496cf; }
.color-primary-t25 			{ color: rgba(65,139,202,0.25); }
.color-primary-t50 			{ color: rgba(65,139,202,0.50); }
.color-primary-t75 			{ color: rgba(65,139,202,0.75); }

.color-bg-red 					{ background-color: #ff3c58; color: #fff; }
.color-bg-red-hover:hover 		{ background-color: #ef344f; color: #fff; }
.color-bg-green 				{ background-color: #1ccc72; color: #fff; }
.color-bg-green-hover:hover 	{ background-color: #23e07f; color: #fff; }
.color-bg-blue 					{ background-color: #418bca; color: #fff; }
.color-bg-blue-hover:hover 		{ background-color: #5496cf; color: #fff; }
.color-bg-orange 				{ background-color: #ff7d64; color: #fff; }
.color-bg-orange-hover:hover 	{ background-color: #ff6c4f; color: #fff; }

.color-bg-dark 					{ background-color: #3a3a3a; color: #fff; }
.color-bg-dark-hover:hover 		{ background-color: #4e4e4e; color: #fff; }
.color-bg-warning 				{ background-color: #ff7d64; color: #fff; }
.color-bg-warning-hover:hover 	{ background-color: #ff6c4f; color: #fff; }
.color-bg-primary 				{ background-color: #418bca; color: #fff; }
.color-bg-primary-hover:hover 	{ background-color: #5496cf; color: #fff; }
.color-bg-primary-t25 			{ background-color: rgba(65,139,202,0.25); color: #fff; }
.color-bg-primary-t50 			{ background-color: rgba(65,139,202,0.50); color: #fff; }
.color-bg-primary-t75 			{ background-color: rgba(65,139,202,0.75); color: #fff; }

.color-border-red 					{ border-color: #ff3c58; border-width: 1px; border-style: solid; }
.color-border-red-hover:hover 		{ border-color: #ef344f; border-width: 1px; border-style: solid; }
.color-border-green 				{ border-color: #1ccc72; border-width: 1px; border-style: solid; }
.color-border-green-hover:hover 	{ border-color: #23e07f; border-width: 1px; border-style: solid; }
.color-border-blue 					{ border-color: #418bca; border-width: 1px; border-style: solid; }
.color-border-blue-hover:hover 		{ border-color: #5496cf; border-width: 1px; border-style: solid; }
.color-border-orange 				{ border-color: #ff7d64; border-width: 1px; border-style: solid; }
.color-border-orange-hover:hover 	{ border-color: #ff6c4f; border-width: 1px; border-style: solid; }

.color-border-dark 					{ border-color: #3a3a3a; border-width: 1px; border-style: solid; }
.color-border-dark-hover:hover 		{ border-color: #4e4e4e; border-width: 1px; border-style: solid; }
.color-border-warning 				{ border-color: #ff7d64; border-width: 1px; border-style: solid; }
.color-border-warning-hover:hover 	{ border-color: #ff6c4f; border-width: 1px; border-style: solid; }
.color-border-primary 				{ border-color: #418bca; border-width: 1px; border-style: solid; }
.color-border-primary-hover:hover 	{ border-color: #5496cf; border-width: 1px; border-style: solid; }
.color-border-primary-t25 			{ border-color: rgba(65,139,202,0.25); border-width: 1px; border-style: solid; }
.color-border-primary-t50 			{ border-color: rgba(65,139,202,0.50); border-width: 1px; border-style: solid; }
.color-border-primary-t75 			{ border-color: rgba(65,139,202,0.75); border-width: 1px; border-style: solid; }

/* INPUT */
select:focus,
textarea:focus,
input:not([type='submit']):not([type='checkbox']):not([type='radio']):focus,
.bjorkTagsInput .bjorkInputTagField.focused {
	border-color: #418bca;
	box-shadow: inset 0 1px 0 0 rgba(63,63,68,0.05);
}


/* IMAGE BOX */
.ep-image-box.selected {
	-webkit-box-shadow: 0px 0px 0px 2px #418bca; -moz-box-shadow: 0px 0px 0px 2px #418bca; box-shadow: 0px 0px 0px 2px #418bca;
}

/* BUTTON */
.btn-dark { border: 1px rgba(0,0,0,0) solid; background-color: #3a3a3a; color: #fff; }
.btn-dark:not(.btn-disabled):hover { background-color: #4e4e4e; }
.btn-dark-hollow { border: 1px #3a3a3a solid; color: #3a3a3a; }
.btn-dark-hollow:not(.btn-disabled):hover { background-color: #3a3a3a; color: #fff; }
.btn-dark-text { border: 1px rgba(0,0,0,0) solid; color: #3a3a3a; }
.btn-dark-text:not(.btn-disabled):hover { background-color: #3a3a3a; color: #fff; }

.btn-warning { border: 1px rgba(0,0,0,0) solid; background-color: #ff7d64; color: #fff; }
.btn-warning:not(.btn-disabled):hover { background-color: #ff6c4f; }
.btn-warning-hollow { border: 1px #ff7d64 solid; color: #ff7d64; }
.btn-warning-hollow:not(.btn-disabled):hover { background-color: #ff7d64; color: #fff; }
.btn-warning-text { border: 1px rgba(0,0,0,0) solid; color: #ff7d64; }
.btn-warning-text:not(.btn-disabled):hover { background-color: #ff7d64; color: #fff; }

.btn-green { border: 1px rgba(0,0,0,0) solid; background-color: #1ccc72; color: #fff; }
.btn-green:not(.btn-disabled):hover { background-color: #23e07f; }
.btn-green-hollow { border: 1px #1ccc72 solid; color: #1ccc72; }
.btn-green-hollow:not(.btn-disabled):hover { background-color: #1ccc72; color: #fff; }
.btn-green-text { border: 1px rgba(0,0,0,0) solid; color: #1ccc72; }
.btn-green-text:not(.btn-disabled):hover { background-color: #1ccc72; color: #fff; }

.btn-primary { border: 1px rgba(0,0,0,0) solid; background-color: #418bca; color: #fff; }
.btn-primary:not(.btn-disabled):hover { background-color: #5496cf; }
.btn-primary-hollow { border: 1px #418bca solid; color: #418bca; }
.btn-primary-hollow:not(.btn-disabled):hover { background-color: #418bca; color: #fff; }
.btn-primary-text { border: 1px rgba(0,0,0,0) solid; color: #418bca; }
.btn-primary-text:not(.btn-disabled):hover { background-color: #418bca; color: #fff; }

.ui-state-active { border: 1px rgba(0,0,0,0) solid; background-color: #418bca; color: #fff; }
.ui-state-default { border: 1px #418bca solid; background-color: rgba(255,255,255,0); color: #418bca; }

/* BLOCK */
.color-block { color: #418bca; }
.color-block-t25 { background-color: rgba(65,139,202,0.25); color: #fff; }
.color-block-t50 { background-color: rgba(65,139,202,0.50); color: #fff; }
.color-block-t75 { background-color: rgba(65,139,202,0.75); color: #fff; }
.color-hover-block:hover { color: #5496cf; }

.color-bg-block { background-color: #418bca; color: #fff; }
.color-bg-hover-block:hover { background-color: #5496cf; color: #fff; }
.color-bg-block-t25 { background-color: rgba(65,139,202,0.25); color: #fff; }
.color-bg-block-t50 { background-color: rgba(65,139,202,0.50); color: #fff; }
.color-bg-block-t75 { background-color: rgba(65,139,202,0.75); color: #fff; }

.color-border-block { border-color: #418bca; }
.color-border-block-t25 { border-color: rgba(65,139,202,0.25); }
.color-border-block-t50 { border-color: rgba(65,139,202,0.50); }
.color-border-block-t75 { border-color: rgba(65,139,202,0.75); }
.color-border-hover-block:hover { border-color: #5496cf; border-width: 1px; border-style: solid; }

/* GRID */
.color-grid { color: #bbb; }
.color-bg-grid { background-color: #bbb; color: #fff; }
.color-border-grid { border-color: #bbb; }


/* ROW: CONTENT */
.color-row { color: #418bca; }
.color-bg-row { background-color: #418bca; color: #fff; }
.color-border-row { border-color: #418bca; }


/* ROW: HEADER */
.color-row-header { color: #ff3c58; }
.color-bg-row-header { background-color: #ff3c58; color: #fff; }
.color-border-row-header { border-color: #ff3c58; }


/* ROW: FOOTER */
.color-row-footer { color: #ff3c58; }
.color-bg-row-footer { background-color: #ff3c58; color: #fff; }
.color-border-row-footer { border-color: #ff3c58; }


/* Messages */
.message_box.error { background: #ff7d64; }
.message_box.success { background: #1ccc72; }
.message_box.info { background: #418bca; }

/* JQuery UI Slider ------------------------------------------------------ */
.ui-slider { border: 0px #418bca solid; background-color: #BFBFBF; }
.ui-slider .ui-widget-header { background: #418bca; }
.ui-slider .ui-slider-handle { border: 3px #fff solid; background: #418bca; }
.ui-slider .ui-slider-handle:hover { background: #418bca; }

/* Bjorkapps ------------------------------------------------------ */
.bjorkCheckbox div, .bjorkCheckbox.checked, .bjorkRadio.checked div { background-color: #418bca; }
.bjorkRadio, .bjorkCheckbox { border-color: #418bca; }
.bjorkPanel .bjorkPanel-header li:hover { color: #418bca; -webkit-box-shadow: inset 0px -3px 0px 0px #418bca; -moz-box-shadow: inset 0px -3px 0px 0px #418bca; box-shadow: inset 0px -3px 0px 0px rgba #418bca;	}
.bjorkPanel .bjorkPanel-header li.selected { color: #418bca; -webkit-box-shadow: inset 0px -3px 0px 0px #418bca; -moz-box-shadow: inset 0px -3px 0px 0px #418bca; box-shadow: inset 0px -3px 0px 0px rgba #418bca; }
.bjorkInputDropdown li.selected,
.bjorkInputDropdown li:not(.disabled):not(.unclickable):hover { background: #418bca !important; color: #fff !important; }
.bjorkInputTagField .tagItem { background: #418bca; color: #fff; }


/* Style wigets */
.style-color-picker:hover, .style-bg-picker:hover {	border-color: #418bca; }

/* Preloader ------------------------------------------------------ */
.page-preloader-o, .popup-preloader-o, .generic-preloader {
	border-left-color: #418bca !important;
	border-bottom-color: #418bca !important;
    border-right-color: #418bca !important;
}

/* Dropzone */
.ep-dz-thumbs .file-item.error { background-color: #ff3c58; color: #fff; }
.ep-dz-rows .file-item.success .thumbnail { background-color: #1ccc72; }
.ep-dz-rows .file-item.success .status-text { color: #1ccc72; }
.ep-dz-rows .file-item.success .icon-success { color: #1ccc72; }
.ep-dz-rows .file-item.success .loader { background: #1ccc72; }
.ep-dz-rows .file-item.error .thumbnail { background-color: #ff3c58; }
.ep-dz-rows .file-item.error .status-text { color: #ff3c58; }
.ep-dz-rows .file-item.error .icon-error { color: #ff3c58; }
.ep-dz-rows .file-item.error .loader { background: #ff3c58;  }

/* Design picker */
#bjorkPanel_designtheme .design-item.selected .design-name { background-color: #418bca; color: #fff; }
#bjorkPanel_designtheme .design-item:hover .design-name { background-color: #418bca; color: #fff; }
#design-site-nav .design-item.selected .design-name { background-color: #418bca; color: #fff; }
#design-site-nav .design-item:hover .design-name { background-color: #418bca; color: #fff; }

/* Popup */
.popup_topic_cancel:hover{ color: #418bca; }
.popup-leftnav li:hover {
	color: #418bca;
	-webkit-box-shadow: inset 0px -3px 0px 0px #418bca;
	-moz-box-shadow: inset 0px -3px 0px 0px #418bca;
	box-shadow: inset 0px -3px 0px 0px rgba #418bca;
}
.popup-leftnav li.selected {
	color: #418bca;
	-webkit-box-shadow: inset 0px -3px 0px 0px #418bca;
	-moz-box-shadow: inset 0px -3px 0px 0px #418bca;
	box-shadow: inset 0px -3px 0px 0px rgba #418bca;
}
.popup-header li:hover {
	color: #418bca;
	-webkit-box-shadow: inset 0px -3px 0px 0px #418bca;
	-moz-box-shadow: inset 0px -3px 0px 0px #418bca;
	box-shadow: inset 0px -3px 0px 0px rgba #418bca;
}
.popup-header li.selected {
	color: #418bca;
	-webkit-box-shadow: inset 0px -3px 0px 0px #418bca;
	-moz-box-shadow: inset 0px -3px 0px 0px #418bca;
	box-shadow: inset 0px -3px 0px 0px rgba #418bca;
}
.popup-footer li:hover {
	color: #418bca;
	-webkit-box-shadow: inset 0px 3px 0px 0px #418bca;
	-moz-box-shadow: inset 0px 3px 0px 0px #418bca;
	box-shadow: inset 0px 3px 0px 0px rgba #418bca;
}
.popup-footer li.selected {
	color: #418bca;
	-webkit-box-shadow: inset 0px 3px 0px 0px #418bca;
	-moz-box-shadow: inset 0px 3px 0px 0px #418bca;
	box-shadow: inset 0px 3px 0px 0px rgba #418bca;
}

/* Products */
.color-product-option1 { color: #418bca; }
.color-product-option2 { color: #1ccc72; }
.color-product-option3 { color: #ff7d64; }
.color-bg-product-option1 { background-color: #418bca; }
.color-bg-product-option2 { background-color: #1ccc72; }
.color-bg-product-option3 { background-color: #ff7d64; }
