/**===============================================**/
/**==       Colors                              ==**/
/**===============================================**/
@text_color: #333333;
@text_color_light: #d6d6d6;

@color_gray_lighter: #f6f6f6;
@color_gray_light: #eeeeee;
@color_gray: #CCCCCC;
@color_gray_dark: #959595;
@color_gray_darker: #465054;

@font_size: 16px;

@color_primary: #337ab7;
@color_success: #5cb85c;
@color_info: #5bc0de;
@color_warning: #f0ad4e;
@color_danger: #d9534f;

@link_color: @color_primary;
@link_color_hover: darken(@color_primary, 10%);

@btn_bg_primary: @color_primary;
@btn_cl_primary: white;
@btn_br_primary: darken(@color_primary, 5%);
@btn_bg_primary_hover: darken(@color_primary, 10%);
@btn_cl_primary_hover: white;
@btn_br_primary_hover: darken(@color_primary, 15%);

@btn_bg_secondary: white;
@btn_cl_secondary: @text_color;
@btn_br_secondary: @text_color;
@btn_bg_secondary_hover: @color_gray;
@btn_cl_secondary_hover: @text_color;
@btn_br_secondary_hover: @color_gray_dark;

@border_radius: 4px;
@btn_br_radius: @border_radius;
@box_shadow: 0 3px 3px 1px @color_gray;

/**===============================================**/
/**==       Container                           ==**/
/**===============================================**/
.whcom_main {
	font-size: @font_size;
	color: @text_color;
}

/**===============================================**/
/**==       Headings                            ==**/
/**===============================================**/
.whcom_page_heading,
h2.whcom_page_heading {
	color: @color_primary;
	border-bottom: 1px solid @color_gray_dark;
}

.whcom_sub_heading_style_1 {
	border-top: 1px solid @color_gray;
	> span {
		color: @color_primary;
	}
}

/**===============================================**/
/**==       General                             ==**/
/**===============================================**/
.whcom_text_primary {
	color: @color_primary !important;
}

.whcom_text_success {
	color: @color_success !important;
}

.whcom_text_info {
	color: @color_info !important;
}

.whcom_text_warning {
	color: @color_warning !important;
}

.whcom_text_danger {
	color: @color_danger !important;
}

.whcom_bg_primary {
	background-color: @color_primary !important;
}

.whcom_bg_success {
	background-color: @color_success !important;
}

.whcom_bg_info {
	background-color: @color_info !important;
}

.whcom_bg_warning {
	background-color: @color_warning !important;
}

.whcom_bg_danger {
	background-color: @color_danger !important;
}

.whcom_border_primary {
	border-color: @color_primary !important;
}

.whcom_border_success {
	border-color: @color_success !important;
}

.whcom_border_info {
	border-color: @color_info !important;
}

.whcom_border_warning {
	border-color: @color_warning !important;
}

.whcom_border_danger {
	border-color: @color_danger !important;
}

.whcom_text_tiny {
	font-size: @font_size / 1.5 !important;
}

.whcom_text_small {
	font-size: @font_size / 1.2 !important;
}

.whcom_text_large {
	font-size: @font_size * 1.5 !important;
}

.whcom_text_2x {
	font-size: 2 * @font_size !important;
}

.whcom_text_3x {
	font-size: 3 * @font_size !important;
}

.whcom_text_4x {
	font-size: 4 * @font_size !important;
}

.whcom_text_5x {
	font-size: 5 * @font_size !important;
}

.whcom_bordered {
	border: 1px solid @color_gray_light;
}

.whcom_bordered_right {
	border-right: 1px solid @color_gray_light;
}

.whcom_bordered_left {
	border-left: 1px solid @color_gray_light;
}

.whcom_bordered_sides {
	border-right: 1px solid @color_gray_light;
	border-left: 1px solid @color_gray_light;
}

.whcom_bordered_top {
	border-top: 1px solid @color_gray_light;
}

.whcom_bordered_bottom {
	border-bottom: 1px solid @color_gray_light;
}

.whcom_bordered_top_bottom {
	border-top: 1px solid @color_gray_light;
	border-bottom: 1px solid @color_gray_light;
}

/**===============================================**/
/**==       Buttons                             ==**/
/**===============================================**/
.whcomButtonDefault {
	background: @btn_bg_primary;
	color: @btn_cl_primary;
	border: 1px solid @btn_br_primary;
	border-radius: @btn_br_radius;
	font-size: @font_size;
}

.whcomButtonHover {
	color: @btn_cl_primary_hover;
	background: @btn_bg_primary_hover;
	border-color: @btn_br_primary_hover;
}

.whcomButtonSecondary {
	.whcomButtonDefault;
	background: @btn_bg_secondary;
	border-color: @btn_br_secondary;
	color: @btn_cl_secondary;
	&:hover, &.current {
		background: @btn_bg_secondary_hover;
		border-color: @btn_br_secondary_hover;
		color: @btn_cl_secondary_hover;
	}
}

.whcomButtonSuccess {
	background: @color_success;
	border-color: darken(@color_success, 5%);
	&:hover, &.current {
		background: darken(@color_success, 10%);
		border-color: darken(@color_success, 15%);
	}
}

.whcomButtonInfo {
	background: @color_info;
	border-color: darken(@color_info, 5%);
	&:hover, &.current {
		background: darken(@color_info, 10%);
		border-color: darken(@color_info, 15%);
	}
}

.whcomButtonWarning {
	background: @color_warning;
	border-color: darken(@color_warning, 5%);
	&:hover, &.current {
		background: darken(@color_warning, 10%);
		border-color: darken(@color_warning, 15%);
	}
}

.whcomButtonDanger {
	background: @color_danger;
	border-color: darken(@color_danger, 5%);
	&:hover, &.current {
		background: darken(@color_danger, 10%);
		border-color: darken(@color_danger, 15%);
	}
}

.whcom_main {
	a {
		color: @link_color;
		&:hover {
			color: @link_color_hover;
		}
	}
	button,
	a.whcom_button,
	.whcom_button,
	input[type='submit'] {
		.whcomButtonDefault;
		&:hover, &:active, &.current, &.active {
			.whcomButtonHover;
		}
		&.whcom_button_secondary:not(.whcom_button_primary) {
			.whcomButtonSecondary;
		}
		&.whcom_button_success {
			.whcomButtonSuccess;
		}
		&.whcom_button_info {
			.whcomButtonInfo;
		}
		&.whcom_button_warning {
			.whcomButtonWarning;
		}
		&.whcom_button_danger {
			.whcomButtonDanger;
		}
	}
}

.whcom_op_thickbox_redirect_overlay {
	background: @btn_bg_primary;
}

/**===============================================**/
/**==       Pills                               ==**/
/**===============================================**/
[class*="whcom_pill"] {
	color: @text_color;
	border: 2px solid @color_gray;
	border-radius: @btn_br_radius;
	font-size: @font_size;
	&.whcom_pill_primary {
		color: @color_primary;
	}
	&.whcom_pill_success {
		color: @color_success;
	}
	&.whcom_pill_info {
		color: @color_info;
	}
	&.whcom_pill_warning {
		color: @color_warning;
	}
	&.whcom_pill_danger {
		color: @color_danger;
	}
}

[class*="whcom_pill_filled"] {
	background: @color_gray;
	color: @text_color;
	border: 2px solid @color_gray;
	border-radius: @btn_br_radius;
	display: inline-block;
	font-size: @font_size;
	&.whcom_pill_primary {
		background: lighten(@color_primary, 10%);
		border-color: darken(@color_primary, 5%);
	}
	&.whcom_pill_filled_success {
		background: lighten(@color_success, 10%);
		border-color: darken(@color_success, 5%);
	}
	&.whcom_pill_filled_info {
		background: lighten(@color_info, 10%);
		border-color: darken(@color_info, 5%);
	}
	&.whcom_pill_filled_warning {
		background: lighten(@color_warning, 10%);
		border-color: darken(@color_warning, 5%);
	}
	&.whcom_pill_filled_danger {
		background: lighten(@color_danger, 10%);
		border-color: darken(@color_danger, 5%);
	}
}

/**===============================================**/
/**==       Navs                               ==**/
/**===============================================**/
.whcom_nav_container {
	ul {
		background: @color_gray;
		li {
			&:hover, &.active {
				background: @color_danger;
				a {
					color: white;
					&:hover {
						color: white;
					}
				}
			}
		}
	}
}

/**===============================================**/
/**==       Alerts                              ==**/
/**===============================================**/
.whcom_alert {
	border: 1px solid @color_gray;
	border-radius: @border_radius;
	&.whcom_alert_success {
		background: lighten(@color_success, 35%);
		color: darken(@color_success, 10%);
		border-color: lighten(@color_success, 20%);
	}
	&.whcom_alert_info {
		background: lighten(@color_info, 35%);
		color: darken(@color_info, 10%);
		border-color: lighten(@color_info, 20%);
	}
	&.whcom_alert_warning {
		background: lighten(@color_warning, 35%);
		color: darken(@color_warning, 10%);
		border-color: lighten(@color_warning, 20%);
	}
	&.whcom_alert_danger {
		background: lighten(@color_danger, 35%);
		color: darken(@color_danger, 10%);
		border-color: lighten(@color_danger, 20%);
	}
}

/**===============================================**/
/**==       Feature Lists                       ==**/
/**===============================================**/
[class*="whcom_list"] {
	&.whcom_has_icons {
		li {
			> [class^="whcom_icon_"] {
				color: @color_gray;
			}
			&:hover {
				> [class^="whcom_icon_"] {
					color: @text_color;
				}
			}
			&.active {
				> [class^="whcom_icon_"] {
					color: white;
				}
			}
		}
	}
	&.whcom_has_icons_right {
		li {
			> [class^="whcom_icon_"] {
				color: @color_gray;
			}
			&:hover {
				> [class^="whcom_icon_"] {
					color: @text_color;
				}
			}
			&.active {
				> [class^="whcom_icon_"] {
					color: white;
				}
			}
		}
	}
	&.whcom_has_links {
		li {
			> a {
				display: block;
				&, &:hover {
					color: @text_color
				}
			}
			&.active {
				> a, a:hover {
					color: white;
				}
			}
		}
	}
}

.whcom_list_bordered {
	> li {
		border: 1px solid @color_gray_light;
	}
}

.whcom_list_stripped {
	> li {
		&:nth-child(odd) {
			background: @color_gray;
		}
		&:nth-child(even) {
			background: @color_gray_light;
		}
	}
}

.whcom_list_hover {
	> li {
		&:hover,
		&.active {
			background: @color_gray_light;
		}
	}
}

.whcom_list_fancy {
	> li {
		&.active {
			color: white;
			background: @color_gray_darker;
		}
	}
}

.whcom_list_wcap_style_1 {
	li {
		> [class^="whcom_icon_"] {
			color: @color_gray;
		}
		&:hover {
			> [class^="whcom_icon_"] {
				color: @text_color;
			}
		}
		&.active {
			> [class^="whcom_icon_"] {
				color: white;
			}
		}
	}
	li {
		> a {
			&, &:hover {
				color: @text_color
			}
		}
		&.active {
			> a, a:hover {
				color: white;
			}
		}
	}
	.whcom_list_bordered;
	.whcom_list_hover;
	.whcom_list_fancy;
}

.whcom_list_wcap_style_2 {
	li {
		> a {
			&, &:hover {
				color: @text_color
			}
		}
		&.active {
			> a, a:hover {
				color: white;
			}
		}
	}
	.whcom_list_bordered;
	.whcom_list_hover;
	.whcom_list_fancy;
}

/**===============================================**/
/**==       Dropdowns                           ==**/
/**===============================================**/
.whcom_dropdown {
	.whcom_dropdown_content {
		border-radius: @border_radius;
		border: 1px solid @color_gray_light;
		box-shadow: @box_shadow;
	}
}

/**===============================================**/
/**==       Tabs                                ==**/
/**===============================================**/
.whcom_tabs_container {
	&.whcom_tabs_fancy {
		.whcom_tabs_content {
			background: @color_gray_lighter;
			box-shadow: @box_shadow;
		}
	}
	&.whcom_tabs_fancy_2 {
		ul {
			border-bottom: 2px solid @color_primary;
			li {
				border: 2px solid @color_primary;
				background: @color_primary;
				&.active {
					color: @color_primary;
					background: @color_gray_light;
					border-bottom-color: @color_gray_light;
				}
			}
		}
	}
}

/**===============================================**/
/**==       Modal                               ==**/
/**===============================================**/
// Included Fancybox

/**===============================================**/
/**==       Panels                              ==**/
/**===============================================**/
.whcom_panel {
	border: 1px solid @color_gray_light;
	border-radius: @border_radius;
	.whcom_panel_header,
	.whcom_panel_footer {
		background: @color_gray_light;
	}
	.whcom_panel_header {
		font-size: @font_size;
		border-bottom: 1px solid @color_gray_light;
	}
	.whcom_panel_footer {
		border-top: 1px solid @color_gray;
	}
	&.whcom_panel_fancy_1 {
		border-top: 3px solid @color_gray_dark;
		&.whcom_panel_primary {
			border-top-color: @color_primary;
		}
		&.whcom_panel_success {
			border-top-color: @color_success;
		}
		&.whcom_panel_info {
			border-top-color: @color_info;
		}
		&.whcom_panel_warning {
			border-top-color: @color_warning;
		}
		&.whcom_panel_danger {
			border-top-color: @color_danger;
		}
	}
	&.whcom_panel_fancy_2 {
		border-top: 3px solid @color_gray_dark;
		&.whcom_panel_primary {
			border-color: @color_primary;
			.whcom_panel_header,
			.whcom_panel_footer {
				background: @color_primary;
			}
		}
		&.whcom_panel_success {
			border-color: @color_success;
			.whcom_panel_header,
			.whcom_panel_footer {
				background: @color_success;
			}
		}
		&.whcom_panel_info {
			border-color: @color_info;
			.whcom_panel_header,
			.whcom_panel_footer {
				background: @color_info;
			}
		}
		&.whcom_panel_warning {
			border-color: @color_warning;
			.whcom_panel_header,
			.whcom_panel_footer {
				background: @color_warning;
			}
		}
		&.whcom_panel_danger {
			border-color: @color_danger;
			.whcom_panel_header,
			.whcom_panel_footer {
				background: @color_danger;
			}
		}
	}

}

/**===============================================**/
/**==       Collapse                            ==**/
/**===============================================**/
.whcom_collapse {
	border-radius: @border_radius;
	border: 1px solid @color_gray;
	.whcom_collapse_toggle {
		background: @color_gray_lighter;
	}
	.whcom_collapse_content {
		border-top: 1px solid @color_gray;
	}
	&.active {
		.whcom_collapse_toggle {
			background: @color_primary;
		}
	}
	&.whcom_collapse_style_1 {
		.whcom_collapse_content {
			background: @color_gray_lighter;
		}
	}
	&.whcom_collapse_primary {
		.whcom_collapse_toggle {
			background: lighten(@color_primary, 25%);
			color: darken(@color_primary, 25%);
		}
		&.active {
			.whcom_collapse_toggle {
				background: @color_primary;
				color: white;
			}
		}
	}
	&.whcom_collapse_success {
		.whcom_collapse_toggle {
			background: lighten(@color_success, 25%);
			color: darken(@color_success, 25%);
		}
		&.active {
			.whcom_collapse_toggle {
				background: @color_success;
				color: white;
			}
		}
	}
	&.whcom_collapse_info {
		.whcom_collapse_toggle {
			background: lighten(@color_info, 25%);
			color: darken(@color_info, 25%);
		}
		&.active {
			.whcom_collapse_toggle {
				background: @color_info;
				color: white;
			}
		}
	}
	&.whcom_collapse_warning {
		.whcom_collapse_toggle {
			background: lighten(@color_warning, 25%);
			color: darken(@color_warning, 25%);
		}
		&.active {
			.whcom_collapse_toggle {
				background: @color_warning;
				color: white;
			}
		}
	}
	&.whcom_collapse_danger {
		.whcom_collapse_toggle {
			background: lighten(@color_danger, 25%);
			color: darken(@color_danger, 25%);
		}
		&.active {
			.whcom_collapse_toggle {
				background: @color_danger;
				color: white;
			}
		}
	}
}

/**===============================================**/
/**==       Accordion                           ==**/
/**===============================================**/
.whcom_accordion {
	border: 1px solid @color_gray;
	border-radius: @border_radius;
	.whcom_accordion_toggle {
		background: @color_gray_dark;
		&.active {
			background: @color_primary;
		}
	}
}

/**===============================================**/
/**==       Form Elements                       ==**/
/**===============================================**/
.whcom_form_field {
	> input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
	select,
	textarea {
		border: 1px solid @color_gray;
		border-radius: @border_radius;
		font-size: @font_size;
		color: @text_color;
		&:focus {
			border-color: @text_color;
			color: @text_color;
		}
	}
	label.whcom_radio {
		&:before {
			border: 2px solid @color_gray_dark;
		}
		&:hover {
			&:before {
				border-color: @color_primary;
			}
		}
		&.whcom_checked {
			&:before {
				border-color: @color_primary;
				background: @color_primary;
			}
		}
	}
	label.whcom_checkbox {
		&:before {
			border: 2px solid @color_gray_dark;
		}
		&:hover {
			&:before {
				border-color: @color_primary;
			}
		}
		&.whcom_checked {
			&:before {
				border-color: @color_primary;
				background: @color_primary;
			}
		}
	}
	> .whcom_radio_container,
	> .whcom_checkbox_container {
		span, label {
			font-size: @font_size;
		}
	}

	input[type="number"].whcom_plus_minus {
		border: 1px solid @color_gray;
	}
	.whcom_plus,
	.whcom_minus {
		border: 1px solid @color_gray;
	}

	&.has-success {
		input[type="password"] {
			border-color: @color_success !important;
		}
	}
	&.has-warning {
		input[type="password"] {
			border-color: @color_warning !important;
		}
	}
	&.has-error {
		input[type="password"] {
			border-color: @color_danger !important;
		}
	}
	#passwordStrengthBar {
		background: @color_gray;
		.progress-bar {
			height: 10px;
			background: @color_danger;
			&.progress-bar-success {
				background: @color_success;
			}
			&.progress-bar-warning {
				background: @color_warning;
			}
			&.progress-bar-danger {
				background: @color_danger;
			}
		}
	}
}

/**===============================================**/
/**==       Tables                       ==**/
/**===============================================**/
.whcom_table {
	table {
		td {
			border-bottom: 1px solid @color_gray_light;
		}
	}
	.whcom_table_header {
		.dataTables_filter {
			label {
				&:before {
					color: @color_gray_light;
				}
			}
		}
	}
	.whcom_table_footer {
		background-color: @color_gray_lighter;
	}
}

/********************************************************/
/**      Order Process                                 **/
/********************************************************/
.whcom_op_product_domain_options {
	.whcom_op_product_domain_option {
		background: @color_gray_lighter;
		border-radius: @border_radius;
	}
}

/********************************************************/
/**      whcom_op_cart_summary                         **/
/********************************************************/
.whcom_op_universal_cart_summary_short {
	.whmp_dropdown_toggle {
		border: 1px solid @color_gray_light;
		[class*="whcom_icon"] {
			background: @color_success;
		}
	}
	.whcom_op_summary_item {
		&:after {
			border-left: 1px solid @color_gray_light;
		}
	}
}

/********************************************************/
/**      whmpress_domain_search_ajax_extended_container**/
/********************************************************/
.whmpress_domain_search_ajax_extended_container {

}

.whmpress_domain_search_ajax_extended_search_form_container {
	background: @color_gray_lighter;
	border: 2px solid @color_gray;
}

.whmpress_domain_search_ajax_extended_search_result_title {
	background: @color_gray_lighter;
	border: 2px solid @color_gray;
}

.whmpress_domain_search_ajax_extended_search_result {
	border: 1px solid @color_gray;
}



