@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900');

/*--Misc--*/
.sf_administrator .menu-item-146, .sf_administrator .menu-item-18, .sf_administrator .menu-item-16, .sf_administrator .menu-item-204, .sf_administrator .post-edit, .sf_administrator .menu-item-217, .sf_administrator .menu-item-329{
	display: none;	
}
.sf_config_producer .menu-item-329, .sf_config_producer .menu-item-412, .sf_config_producer .menu-item-332, .sf_config_producer .menu-item-333, .sf_config_producer .menu-item-331, .sf_config_producer .menu-item-330{
	display: none;	
}
a:hover{
	text-decoration: none !important;
}
.sf_tabs_content a{
	color: #c28f3d;
}
.sf_tabs a:hover{
	background: #c28f3d;
	color: #fff;
}
.sf_tabs a.sf_tab_active:hover{
	color: #000;
}
.sf_clear{
	clear: both;
}
.sf_error_message{
	color: red;
}
.sf_hr_small{
	margin: 20px 0px;
}
.sf_inline_p{
	display: inline-block;
	margin-bottom: 0px;
}
.sf_page_title_login{
	text-transform: uppercase;
	font-size: 30px;
	line-height: 34px;
	font-weight: 300;
	font-family: 'Raleway', sans-serif;
	color:#fff;

}

.sf_page_title{
	text-transform: uppercase;
	font-size: 30px;
	line-height: 34px;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 2px;
	color:#c28f3d;

}
.sf_page_subtitle{
	text-transform: uppercase;
	font-size: 30px;
	line-height: 34px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;

}
.sf_title_black{
	text-transform: uppercase;
	font-size: 25px;
	color: #000;
	display: block;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 20px;
}
.sf_title_blue{
	text-transform: uppercase;
	font-size: 26px;
	letter-spacing: 2px;
	color: #000;
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
    padding-bottom: 16px;
}
.sf_title_blue_small{
	text-transform: uppercase;
	font-size: 18px;
	color: #c28f3d;
	display: block;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 20px;
}
.sf_tabs a{
	padding: 10px 20px;
	display: inline-block;
	background: #ededed;
	margin-right: 2px;
	color: #000;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
}
.sf_tabs a.sf_tab_active{
	background: #fafafa;
}
.sf_tabs_content{
	padding: 20px;
	background: #fafafa;
}
.sf_search_top{
	float: right;
	width: 200px;
}
.sf_search_type{
	padding: 9px 12px;
}
.sf_hide_initial{
	display: none;
}
#sf_error_message{
	clear: both;
    text-align: right;
    color: red;
    padding-top: 10px;
}
#sf_thread_main_preview, #sf_thread_accent_1_preview, #sf_thread_accent_2_preview{
	height: 50px;
    width: 50px;
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.sf_thread_preview_1{ background: #fff;}
.sf_thread_preview_2{ background: #c6c6c6;}
.sf_thread_preview_3{ background: #3fa535;}
.sf_thread_preview_4{ background: #edce67;}
.sf_thread_preview_5{ background: #cd171a;}
.sf_thread_preview_6{ background: #931004;}
.sf_thread_preview_7{ background: #283583;}
.sf_thread_preview_8{ background: #009fe3;}
.sf_thread_preview_9{ background: #4E341B;}
.sf_toggle_popup img{
	vertical-align: middle;
	margin-left: 10px;
}

/*--Columns--*/
@media only screen and (min-width:768px) {
	.sf_column_1_5{
		width: 20%;
		float: left;
		padding: 10px 10px 10px 0px;
	}
	.sf_column_1_4{
		width: 25%;
		float: left;
		padding: 10px 10px 10px 0px;
	}
	.sf_column_1_3{
		width: 33%;
		float: left;
		padding: 10px 10px 10px 0px;
	}
	.sf_column_1_2{
		width: 50%;
		float: left;
		padding: 10px 10px 10px 0px;
	}
	.sf_column_1_6{
		width: 16%;
		float: left;
		padding: 10px 10px 10px 0px;
	}
	
}

/*--Login screen--*/
.page-id-92 #main{
	margin-top: 0px;
}
.sf_login{
	text-align: center;
	margin-top: 20px;
}
.sf_login input[type="text"], .sf_login input[type="password"]{
	border: 1px solid #c28f3d;
	background: #002c42;
	border-radius: 0px;
	padding: 10px 20px;
}
.sf_login input[type="submit"]{
	background: #c28f3d;
	color: #fff;
	font-weight: 600;
	border-radius: 0px;
	padding:8px 26px;
}
.sf_login input::placeholder {
    color: #fff;
    opacity: 1; /* Firefox */
}
.sf_login input:-ms-input-placeholder { 
    color: #fff;
}
.sf_login input::-ms-input-placeholder {
    color: #fff;
}
/*--Forms--*/
.sf_form label{
	width: 50%;
	display: block;
	float: left;
}
.sf_form input[type="text"], .sf_form input[type="password"], .sf_form select, .sf_form textarea{
	width: 50%;
	float: left;
	background: #fff !important;
	margin-bottom: 10px !important;
	border: 1px solid #ccc;
	color: #000;
}
.sf_selectbox, .sf_inputbox, .sf_selectbox_toggle{
	width: 200px;
	background: #fff !important;
	margin-bottom: 10px !important;
	border: 1px solid #c28f3d !important;
	color: #000 !important;
	padding: 6px 12px !important;
	border-radius: 0px !important; 
}
.sf_form  .sf_input_small{
	width: 25% !important;
}
.sf_form select{
	padding: 6px 12px;
}
.sf_form input[type="submit"]{
	background: #c28f3d !important;
	width: 100px;
	text-align: left;
	font-size: 1em;
	border-radius: 0px;
	font-family: "Source Sans Pro";
}
.sf_form_label_bold label{
	font-weight: bold;
}
/*--Tables--*/
.sf_table{
	width: 100%;
}
.sf_table a{
	color: #000;
}
.sf_table th{
	text-transform: uppercase;
	padding-bottom: 14px;
	color:#c28f3d;
	letter-spacing: 1px;
}
.sf_table td{
	padding: 5px 5px !important;
	vertical-align: middle !important;
}

/*--Dashboard--*/
.sf_dashboard_title{
	text-align: center;
	display: block;
	font-size: 30px;
	margin-bottom: 20px;
}
.sf_dashboard_subtitle{
	color: #000;
	text-transform: uppercase;
	text-align: center;
	display: block;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
}


/*--Orders--*/
#sf_order_wrapper .sf_toggle_step_next, #sf_order_wrapper .sf_toggle_step_next{
	background: #c28f3d;
}
#sf_order_wrapper .sf_toggle_step_previous{
	background: #878787;
	margin-right: 20px;
}
#sf_order_wrapper .sf_toggle_step{
	float: right;
	display: inline-block;
	padding: 5px 20px;
	color: #fff;
	width: 150px;
	text-align: center;
}
#sf_order_wrapper label{
	width: 200px;
	display: inline-block;
	font-weight: bold;
}
.sf_order_item_select{
	text-align: center;
}
.sf_status{
	color: #fff;
	padding: 5px 15px 5px 15px; 
	margin-right:5px;
}
.sf_status_1{ background: #cd171a; }
.sf_status_2{ background: #f088b6; }
.sf_status_3{ background: #f39200; }
.sf_status_4{ background: #29b8ce; }
.sf_status_5{ background: #3fa535; }
.sf_status_6{ background: #9d9d9c; }



/*--Customer--*/
.sf_fitting_profiles_table{
	width: 100%;
}
.sf_fitting_profiles_table th{
	text-transform: uppercase;
}
.sf_form_fitting_profile label, .sf_form_fitting_profile select, .sf_form_fitting_profile input[type='text']{
	width: 30% !important;
	margin-right: 3%;
	height: 35px;
}
#sf_form_fittingprofile label.error{
	width: 67%;
    margin-right: 0px;
}
.sf_form_fitting_profile input[type='text']:disabled{
	background: lightgrey !important;
}

/*--Producers--*/
.sf_producers_dashboard select{
	background: #fff !important;
	border: 1px solid #ccc;
	color: #000;
	padding: 6px 12px;
}


/*--Validation--*/
.sf_form_row{
	clear: both;
}
.sf_form input.error{
	border: 1px solid red;
}
.sf_form label.error{
	margin-top: -10px;
	float: right;
	color: red;
	font-style: italic;
	white-space: nowrap;
}	

/*--Fitting profile popup--*/
#sf_popup_fitting_profile{
	display: none;
	position: fixed;
	background: #fff;
	border: 1px solid #ccc;
	width: 40%;
	height: 370px;
	z-index: 9999;
	left: 30%;
	overflow: auto;	
	padding: 30px;
	top: 15%;	
	-webkit-box-shadow: 0px 0px 49px -14px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 49px -14px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 49px -14px rgba(0,0,0,0.75);
}

/*--Fitting profile popup--*/
.sf_popup{
	display: none;
	position: fixed;
	border: 1px solid #ccc;
	width: 30%;
	height: 300px;
	z-index: 9999;
	left: 30%;
	overflow: auto;	
	padding: 30px;
	top: 15%;	
	-webkit-box-shadow: 0px 0px 49px -14px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 49px -14px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 49px -14px rgba(0,0,0,0.75);
	background: #002c42;
	color: #fff;
}
.sf_popup span{
	text-transform: uppercase;
	display: block;
	font-weight: bold;
	font-size: 20px;
}
.sf_close_popup{
	display: inline-block;
	float: right;
}

/*--Responsive--*/
@media only screen and (max-width:768px) {
	.sf_header_logout{
		float: none !important;
		clear: both;
	}
	.sf_header_logout a{
		float: right;
	}
}

.sf_form .sf_hide_initial{
	display: none;
}


/*--SF: Update 20-12-2018--*/
.sf_reset_form input[type="text"]{
	width: 100%;
}
.sf_button_alt{
	background: #C28F3D;
}



/*--Price popup--*/
.sf_show_retail_prices{
	display: inline-block;
	background: #002c42;
	color: #fff !important;
	padding: 5px 20px;
	width: 150px;
	text-align: center;
	margin-right: 10px;
}
.sf_show_customer_prices{
	display: inline-block;
	background: #c28f3d;
	color: #fff !important;
	padding: 5px 20px;
	width: 150px;
	text-align: center;
}
.sf_price_popup{
	display: none;
	position: fixed;
	border: 1px solid #ccc;
	width: 30%;
	height: 300px;
	z-index: 9999;
	left: 30%;
	overflow: auto;	
	padding: 30px;
	top: 15%;	
	background: #002c42;
	color: #fff;
}
#sf_popup_customer_prices{
	background: #c28f3d;
}


/*--SF: Update 3.0--*/
.sf_button_1{
	background: #c28f3d;
    display: inline-block;
    padding: 5px 20px;
    color: #fff !important;
}
.sf_error_valid{
	margin-top: 10px;
    color: red;
    font-style: italic;
}