/**/

.red { color: red; }
.green { color: green; }

#orders_pagination { margin-top:1em; clear: both; overflow:hidden; }

#pp_label { display: block; }
#per_page_label { display: block; width:30%; float:left; line-height:3.5em; }
#per_page_dd { display: block; width:70%; float:right; }
#per_page_dd select { margin-bottom:0; }

.pagination { float:right; margin-bottom:0; }

#oi { font-size:0.8em; white-space:nowrap; }

/* HOB */

.green { color: green; }
.red { color: red; }

input[type=text], input[type=password], input[type=email], select, .button { 
	font-family: Arial, sans-serif; font-size: 1em; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
}

form label { text-transform: uppercase; font-size: 0.8em; font-family: Arial, sans-serif; }

body, p, li { color: #666; font-family: Arial, sans-serif; }

p { font-size: 0.9em; }

h1 { font-weight: 600 !important; color: #000; }

h2, h3, h4, h5, h6 { font-weight: bold; font-family: 'Helvetica Neue', sans-serif !important; font-weight: bold; }

input[type=text], input[type=password], input[type=email] { font-size: 1em; }

table { 
    border-spacing: 0;
    border-collapse: collapse;
}

td { 
    padding: 0; font-family: Arial, sans-serif;
}

.oswald { font-family: 'Helvetica Neue', 'Arial', sans-serif; }

/* 'Helvetica Neue LT Std', */





/* foundation overwrites */

.featherlight-close { 
	display: block; text-indent: -999em; height: 25px; width: 25px; overflow: hidden; 
	background-image: url('img/close-button.jpg') !important;
	background-repeat: no-repeat !important;
	background-position: 0 0 !important;
}

.add_items_popup { max-width: 600px; }

.reset_foundation td, .reset_foundation tr, .reset_foundation th { background: #fff !important; }

.delete_confirm_popup { padding-top: 1.5em; }

.delete_confirm_popup .button { margin-bottom: 0 !important; }

.button, .button:link, .button:active, .button:visited { 
	text-transform: uppercase; font-size: 0.88em !important; display: inline-block !important; 
	font-weight: bold !important;
	padding: 1.2em 2.4em !important;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
}

.button:hover { background: #666; }

.outline_button, .outline_button:link, .outline_button:active, .outline_button:visited { 
	text-transform: uppercase; font-size: 0.78em !important; display: inline-block !important; 
	font-weight: bold !important;
	padding: 1.2em 2.4em !important;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
	background: transparent !important; color: #000;
	border: 1px solid #000;
}

.outline_button:hover { border-color: #666; color: #666; }

.input-group-button .button, .input-group-button .button:link, .input-group-button .button:active, .button:visited {
	padding: 0.5em 2.4em !important;
}

#edit_custom_fee_label { width: 60% !important; max-width: width: 60%; float: left; display: block !important; }
#edit_custom_fee { width: 40% !important; max-width: 40% !important; float: left; display: block !important; }

#discount_error { color: red; font-size: 12px; text-align: right; padding-top: 0.5em; display: block; }

.dimmed { opacity: 0.35; -moz-opacity: 0.35; -webkit-opacity: 0.35; -o-opacity: 0.35; }

.up { text-transform: uppercase; }

.small_thumb { width:50px; height: auto; }

.rthumb { height: 50px; width: auto; }

.small_textarea { height: 7em !important; }

.smaller_textarea { height: 4em !important; }

.chosen-container-multi { margin-bottom: 1em; }

.side-nav li a { color: #888; text-transform: uppercase; font-size: 0.75em; }
.side-nav li a:hover { color: #444; }

.side-nav li a i { font-size: 1.75em; margin-right: 0.4em; position: relative; top:0.1em; }

.brands_list { list-style: none; margin: 0 0 auto; padding: 0; }

	.brands_list li a { color: #888; }
	.brands_list li a:hover { color: #444; }

	.brands_list li.active a, .brands_list li.active a:hover { color: #111; }

.close-button { font-size: 1.4em; }

tr.not_published td { opacity: 0.44; -moz-opacity: 0.44; -webkit-opacity: 0.44; }

td.actions { font-size: 1.1em !important; line-height: 0.9em; width: 197px; }

	td.actions a { color: #aaa; }
		td.actions a:hover { color: #111; }

	td.actions i { margin-right: 0.2em; }

.mp_img_wrap { width:50px; height: 50px; position: relative; }

	.mp_overlay { 
		display: block; width: 50px; height: 50px; line-height:50px;
		position: absolute; top: 0; left: 0;
		font-size: 1.4em;
		background: rgba(256,256,256,0.95); color: #000; text-align: center;
		opacity: 0;  
	}


.note { background: #f6f6f6; margin-bottom: 1em; padding: 0.5em 0.8em;  }

#password_fields { display: block; opacity: 0.3; -moz-opacity: 0.3; -webkit-opacity: 0.3; }

.is_admin div.label { background: transparent; }

textarea.field { height: 5em; }

.is_admin h1, .is_admin h2, .is_admin h3, .is_admin h4, .is_admin h5, .is_admin h6 { font-weight: bold; color: #000; }

.is_admin h2 { 
	line-height: 1em; margin-top: 1em; margin-bottom: 1em; 
	font-family: 'Helvetica Neue', 'Arial', sans-serif !important; 
	text-transform: uppercase; font-size: 2em; 
}

.is_admin h4 { font-size: 1.5em; }

#ap_info_header { margin-top: 1.05em; margin-bottom: 0em; }

.is_admin .top-bar, .is_admin .top-bar .top-bar-left, .is_admin .top-bar .top-bar-right, .is_admin .top-bar .menu { background: #000 !important; }

.billing_shipping_table td { background: #fff !important; font-size: 0.9em !important; }

	.shipping_spacer { vertical-align: top; }

.summary_label { font-weight: bold; text-transform: uppercase; }

.table_button, .table_button:link, .table_button:active, .table_button:visited { 
	color: #fff; display: inline-block; font-size: 0.7em; background: #888; margin-left: 1em; padding: 0.2em 1.5em; 
	border-radius: 0.4em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em;
}
	.table_button:hover { color: #fff; background: #666; }

.table_button_light, .table_button_light:link, .table_button_light:active, .table_button_light:visited { 
	color: #444; display: inline-block; font-size: 0.9em; background: #fcfcfc; margin-left: 1em; padding: 0.2em 1.5em; 
	border-radius: 0.4em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em;
}
	.table_button_light:hover { color: #000; background: #f1f1f1; }

h3 .table_button_light, h4 .table_button_light { font-size: 0.55em !important; font-weight: normal; text-transform: uppercase; }

.gray_pill, .gray_pill:link, .gray_pill:active, .gray_pill:visited { 
	color: #fff; display: inline-block; font-size: 0.9em; background: #666; margin-left: 1em; padding: 0.2em 1.5em; 
	border-radius: 0.4em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em;
}
	.gray_pill:hover { color: #fff; background: #333; }

.content_table td { font-size: 0.9em; }

h3 .gray_pill, h4 .gray_pill { font-size: 0.55em !important; font-weight: normal; text-transform: uppercase; }

td .gray_pill { font-size: 0.7em !important; }

h4 .gray_pill { position: relative; top:-0.3em; }

.addresses_table td { vertical-align: top; 	}

.c_message { height: 10em; }

.admin_table { width: 100%; }
.admin_table th { text-align: left; font-size: 1em; font-weight: 400; }
.admin_table th.text-center { text-align: center; }
.admin_table td { font-size: 0.9em; padding: 0.4em 0.7em; font-weight: 400; }

.amount_td { text-align: right !important; }

.border_table { width: 100%; border: 1px solid #ddd; }
.border_table th { text-align: left; font-size: 1em; font-weight: 400; }
.border_table td { font-size: 0.9em; padding: 0.4em 0.7em; font-weight: 400; }


.admin_table td .has-tip { border-bottom: none; cursor: default; }
.status_circle { background: #666; width: 15px; height: 15px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; display: inline-block; }
	.status_pending { background: #ccc; }
	.status_approved { background: orange; }
	.status_paid { background: green; }
	.status_fulfilled { background: black; }
	.status_cancelled { background: red; }
	.status_fulfilled-not-paid { background: #B25900; }

.row_cancelled { display: none; }

#inventory_table { border-right: none !important; }

#inventory_table td { border-bottom: 1px solid #ddd !important; border-right: 1px solid #ddd !important; }

#inventory_table td p { margin-bottom: 0.5em !important; }

.inv_title_col, .inv_desc_col { background: #fff !important; }

.chosen-choices .search-field { height: 2.7em !important; }

.chosen-choices input { height: 2.7em !important;}

#main_modal { height: 100%; }

.order_icon { width: 40px; height: auto; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }

	/* pagination */

	.pagination a, .pagination strong { 	
		background: #f8f8f8; border: 1px solid #f8f8f8;
		color: #555; display: inline-block; padding: 0.5em; 
	}

		.pagination a:hover { color: #000; background: #FFF;  border: 1px solid #FFF; }

		.pagination strong { color: #000; background: #FFF; border: 1px solid #FFF; font-weight: bold; }

	/* admin - topbar */

	#topbar_logo { height: 1em; width: auto; }

	.menu_logout, .menu_logout:link, .menu_logout:active, .menu_logout:visited { color: #777 !important; }
		.menu_logout:hover { color: #fff !important; }

	.menu_place_order, .menu_place_order:link, .menu_place_order:active, .menu_place_order:visited { 
		font-size: 0.75em !important; display: inline-block; padding: 0.4em 0.6em; 
		background: #777; position: relative; top:0.1em; color: #fff;
		margin-right: 0.7em; 
		border-radius: 0.4em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em;
	}
		.menu_place_order:hover { background: #555 !important; }
	
	.top-bar { padding: 0.2em 0; background: #000; }

	.top-bar-left, .top-bar-right, .top-bar li { background: #000; }

		.top-bar li a { color: #ccc; line-height: 1em; font-size: 0.9em; padding-top: 0.8em; padding-bottom: 0.8em; }

			.top-bar li a:hover { background: #000; color: #fff; }


	.is_home h3 { color: #000; text-transform: uppercase; }

	.is_home .top-bar { position: absolute; top:0; left: 0; width: 100%; background: #fff !important; }

	.is_home .top-bar { padding: 0; background: #fff; }

	.is_home #menu_title a:hover { background: #fff; cursor: default; }

	.is_home .top-bar-left, .is_home .top-bar-right, .is_home .top-bar li, .is_home .top-bar .menu { background: #fff !important; }

		.is_home .top-bar li a, .is_home .top-bar li a:link, .is_home .top-bar li a:active, .is_home .top-bar li a:visited { 
			color: #000; line-height: 1em; background: #fff;
		}

			.is_home .top-bar li a:hover { background: #f6f6f6; }


	.is_catalogue .top-bar { padding: 0; /* background: #fff !important; */}

	/*.is_catalogue .top-bar-left, .is_catalogue .top-bar-right, .is_catalogue .top-bar li, .is_catalogue .top-bar .menu { background: #fff !important; }*/

		/*.is_catalogue .top-bar li a, .is_catalogue .top-bar li a:link, .is_catalogue .top-bar li a:active, .is_catalogue .top-bar li a:visited { 
			color: #000; line-height: 1em; background: #fff;
		}*/

			/*.is_catalogue .top-bar li a:hover { background: #f6f6f6; }*/

	
	/* Submenu */

	.has-submenu { position: relative; }

		.has-submenu .submenu { position: absolute !important; top: 100%; left: 0; }
	


.is_admin fieldset { 
	/*border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;*/ 
	margin-bottom: 0.5em; 
}

	.is_admin fieldset legend { 
		font-weight: bold;
		background: #fff; padding: 0 0.5em 0.2em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.side-nav { list-style: none; margin-left: 0; margin-top: 1em; }

hr { width: 99% !important; max-width: 99% !important; }

.alert-box { padding: 0.5em 2em; background: #f1f1f1; margin-bottom: 1em; }

.alert a { color: #000 !important; }
.alert a:hover { color: #555 !important; }

/* admin */

#popup_contents p, #popup_contents li { font-size: 0.9em; }

#uc_province_row, #uc_state_row, #uc_hst_row, #uc_tax_id_row { display: none; }

.low_inventory { background: #FFBFBF !important; }

textarea#o_notes { height: 5em; }

.reset_foundation td, .reset_foundation tr, .reset_foundation th { background: #fff !important; }

#cwp { box-shadow: 0 0 4px #fff; -moz-box-shadow: 0 0 4px #fff; -webkit-box-shadow: 0 0 4px #fff; }

#cwp:hover { 
	box-shadow: 0 1px 3px #999 !important; -moz-box-shadow: 0 1px 3px #999 !important; -webkit-box-shadow: 0 1px 3px #999 !important; }

.black_bg { background: #000; }

.gray_bg { background: #ddd; }

.admin_submenu { background: #ddd; }

.admin_submenu a { font-size: 0.75em; text-transform: uppercase; }

	.admin_submenu .active a { background: #ccc; color: #000; }

.input-group-field { position: relative; right: 1px; }
.input-group-label { position: relative; left: 1px; }

.mp_img_wrap { width:50px; height: 50px; position: relative; }

	.mp_overlay { 
		display: block; width: 50px; height: 50px; line-height:50px;
		position: absolute; top: 0; left: 0;
		font-size: 1.4em;
		background: rgba(256,256,256,0.95); color: #000; text-align: center;
		opacity: 0;  
	}

.repeat_order_link { 
	font-size: 0.5em; text-transform: uppercase; color: #FFF !important; background: #444; padding: 0.4em 0.8em; position: relative; top: -4px;
	border-radius: 1em; white-space: nowrap;
}
	.repeat_order_link:hover { background: #000; color: #FFF !important; }

.admin_table th, .admin_table td { border: none !important; margin: 0 !important; }

.admin_table th { font-family: 'Helvetica Neue', 'Arial Narrow', sans-serif; text-transform: uppercase; background: #000; color:#fff; font-size: 0.9em; }

.admin_table thead tr th a { 
	font-family: 'Helvetica Neue', 'Arial Narrow', sans-serif; display: inline-block;
	text-transform: uppercase; background: #000; color:#fff; 
	font-size: 0.8em; padding: 0 4px; 
}

.admin_table thead tr th a:hover { background: #444; }

#additional_notes_ta { height: 5em; }

.order_form .variant_title { font-size: 0.9em; }

.with_discount { color: #FF6; }

.order_form .input-group-field { font-size: 1em; }

.order_form .input-group-label { font-size: 0.8em; padding: 0.8em !important; background: none; border: none; }

.order_form td { font-size: 0.85em !important; }

.product_title_row, .product_title_row td { background: #000; color: #fff; }

.show_variants { text-decoration: underline; }
	.show_variants:hover { text-decoration: none; }

.variants_tr { display: none; }

.d0 { width: 2.5em; }
.d1 { width: 3.9em; }
.d2 { width: 4.5em; }
.d3 { width: 5.5em; }
.d4 { width: 6.5em; }
.d5 { width: 7.5em; }

.admin_wrap { min-height:100vh !important; }

.chosen-drop { z-index: 999; }

.edit_inline { font-size: 0.5em; padding: 0 0.3em; }
	.edit_inline:hover { background: #f3f3f3; }

.mfp-bg { }

.gallery_thumbnails { list-style: none; }

	.gallery_thumbnails, .gallery_thumbnails li { margin: 0 0 0.5em 0; padding: 0; }

	.gallery_thumbnails li img { border: 1px solid #ddd; }

		.gallery_thumbnails li img:hover { border: 1px solid #666; }

#current_color_tag { font-size: 0.9em; color: #999; }

.is_admin p, .is_admin li, .is_admin label, .is_admin input, .is_admin div { font-weight: 400; }

.size_box { 
	display: inline-block; border: 1px solid #ddd; padding: 0.1em 0.5em; min-width: 3.3em;
	text-transform: uppercase; font-size: 0.8em;  text-align: center; color: #999;
}

.swatch { display: inline-block; width: 3em; font-size: 0.9em; padding: 0 0.4em; border: 1px solid #ddd; }

.reveal-overlay { background-color: rgba(256, 256, 256, 0.8); }

.reveal { outline: none !important; }


.accordion-title { font-family: 'Helvetica Neue', 'Arial Narrow', 'sans-serif'; text-transform: uppercase; font-size: 1em; }

td.actions { font-size: 1.4em !important; line-height: 0.4em; width: 197px !important; }

th.actions { width: 197px !important; min-width: 197px !important; }

td.actions i { margin-left: 0.1em; }

#additional_images_set { display: none; }

.square_icon { 
	width: 300px; max-width: 100%; height: 120px; max-height: 100%; padding: 0 10px; 
	border: 1px solid #231f20; color: #231f20 !important;
	display: block;  
	margin-bottom: 1.2em;
}

.square_icon:hover { background: #231f20; color: #fff !important; }

	.dashboard_icon, .icon_label { display: block; text-align: center; margin-top: -0.05em; }

	.dashboard_icon { font-size: 3.5em; }

	.icon_label { font-size: 0.9em; }

.mini_thumb { height: 40px; width:  auto; }

.with_discount_label { display: none; }

.order_form td { padding-top: 0.3em !important; padding-bottom: 0.3em !important; margin-top: 0; margin-bottom: 0; }

	.order_form .qty_field { width: 4em; margin-bottom: 0; }

.small_ta { height: 70px !important; }

.stats_summary { clear:both; }

	.stat_box { float: left; margin-right: 1em; padding: 0.5em 1em; border: 1px solid #ddd; }
	.stat_number { font-weight: bold; color: #000; }
	.stat_label { font-size: 0.9em; }

/* sortable */

.sortable_wrap { background: #f3f3f3; }

#reorder_form .sortable li { float: left; width: 33%; }

	.sortable li.not_published { opacity: 0.44; -moz-opacity: 0.44; -webkit-opacity: 0.44; }

.sortable, .sortable li { list-style: none; margin: 0; padding: 0; cursor: move; }
	
	.sortable { margin: 0.5em auto; background: #eee !important; padding-bottom:0; }

	.sortable li { background: #fff; padding: 0.2em 0.5em; border-top: 1px solid #ddd; height: 100%; }

	.sortable2 li { border-top: none; }

/* tabs */

.horizontal_tabs, .horizontal_tabs li { margin:0; padding: 0;  }

	.horizontal_tabs { margin-bottom: 1em; }

	.horizontal_tabs li { display: inline; }

.vertical_tabs2, .vertical_tabs2 li { margin:0; padding: 0; list-style: none; }

	.vertical_tabs2 { margin-bottom: 1em; }

	.vertical_tabs2 li { margin-bottom: 0.3em; }

	.vertical_tabs2 li img { margin-right: 1em; }



.tabs2, .tabs2 li { list-style: none; margin: 0; padding: 0; }

.tabs2 { margin-bottom: 0; margin-top: 1em; display: block; }

	.tabs2 li { display: inline; }
	.tabs2 li a { font-size: 0.8em; padding: 0.5em 1em; display: inline-block; text-transform: uppercase; }
	.tabs2 li.active a { background: #f2f2f2; }

.tabs li { }



/* tools */

.admin_bar { border-top: 1px solid #222; background: #111; padding: 0.2em 0.5em 0.3em; color: #bbb; font-size: 0.9em; }
	.admin_bar a { color: #bbb; }
	.admin_bar a:hover { color: #fff; }

.aligncenter { text-align: center; }
	.aligncenter * { margin: 0 auto; }
.alignleft { float: left; margin-right: 1.5em; margin-bottom: 1em; }
.alignright { float: right; margin-left: 1.5em; margin-bottom: 1em; }

.bigger { font-size: 1.2em; }
.biggest { font-size: 1.4em; }

.small_button { font-size: 1.3em; }

.small { font-size: 0.9em }
.smaller { font-size: 0.8em; }
.small_status { font-size: 0.8em !important; font-weight: 400; }

.lh { line-height: 1em !important; }

.no_mb { margin-bottom: 0 !important; }
.half_mb { margin-bottom: 0.5em !important; }
.quarter_mb { margin-bottom: 0.25em !important; }

.cover { 
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.animate {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.aspect-ratio {
	position: relative;
	max-width: 100%;
	height: auto;
}

.aspect-ratio > * {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.aspect-ratio-16-9 {
	padding-top: 56.25% !important;
}

.float_right { float: right; }

.float_left { float: left; }

.inline_ul { list-style: none; display: inline; margin: px 0 0; padding: 0; }

	.inline_ul li { margin: 0; padding: 0; display: inline; }

.outline_link_black { 
	border: 1px solid #000; color:#000 !important; display: inline-block; padding: 0.2em 0.4em; 
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.outline_link_black:hover { background: #000 !important; color: #fff !important; }

.outline_link_white { 
	border: 1px solid #fff !important; color: #fff; display: inline-block; padding: 0.2em 0.4em;
	color: #fff; text-transform: uppercase;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.outline_link_white:hover { background: #fff !important; color: #000 !important; }

/* HOUSE OF BLANKS */

html, body, .container, .content_wrap {
    min-height:100vh !important;
}

.container * { z-index: 3; }

.top-bar-left ul li a, .top-bar-right ul li a { text-transform: uppercase; font-size: 0.8em; }

.top-bar #menu_title, .top-bar #menu_title:link, .top-bar #menu_title:active, .top-bar #menu_title:visited { 
	font-size: 1em; font-weight: 600; color: #fff; 
}

/* WHOLESALE FORM */

.currency_symbol { font-size: 0.9em !important; color: #999 !important; }





/* OPAQUE FORM */
#wholesale_order_form { opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; }






#loading { font-size: 0.4em; color: #999; }

input[disabled=disabled] { background: #fff; }

.disabled { opacity: 0.3; -moz-opacity: 0.3; -webkit-opacity: 0.3; }


/* OFF-CANVAS - OFFCANVAS */

#off-canvas-content, .container { min-height: 100%; height: 100%; }

#login_nav_wrap { position: fixed; width: 100%; bottom: 0; left: 0; }

#home_title { position: relative; top: 40vh; }
#home_catalogue { position: relative; top: 40vh; }
#home_maintenance { position: relative; top: 39.25vh; }


.ct_img_wrap { width: 100%; height: 0; line-height: 0; padding-bottom: 100%; }

.grid_product_wrap { position: relative; display: block; }

	.grid_product_wrap:hover > .product_overlay { display: block; }

	.product_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(256, 256, 256, 0.85); z-index: 1; display: none; }

		.overlay_text { 
			position: relative; 
			top: 50%; transform: translateY(-50%); 
			color: #999; text-transform: uppercase; 
			font-weight: bold !important; font-size: 0.8em; text-align: center;
			padding-left: 3em; padding-right: 3em;
		}

.featherlight-close { font-size: 3em; top: 10px !important; right: 15px !important; font-weight: 300; }

.featherlight { background: rgba(256, 256, 256, 0.75) !important; z-index: 10 !important; }

.featherlight-content { box-shadow: 0 0 5px #ddd; -moz-box-shadow: 0 0 5px #ddd; -webkit-box-shadow: 0 0 5px #ddd; max-width: 1350px; }

#order_wrap table td { background: #fff; border: none; }

#print_order_button, #print_order_button:link, #print_order_button:active, #print_order_button:visited { 
	padding: 0.4em 1em !important; margin-bottom: 0 !important; margin-left: 0.5em;
	font-size: 0.4em !important; color: #fff !important;  }

/* reports */

#results_table tr, #results_table td { background-color: #fff !important; }

#results_table tr.variant_total_row td { background-color: #f6f6f6 !important; font-weight: 600; }

#results_table th { text-transform: uppercase; background-color: #000; text-align: left; color: #fff; font-weight: normal; }



/* cancel order */

textarea.medium_ta { height: 5em; font-size: 0.9em; color: #555; }


/* edit order - edit prices/quantities */

.eo_ppu { text-align: center; }
.eo_qty, .item_qty { text-align: center; }


/* product price in dashboard popup */

.pp_product_price { font-size: 1.2em !important; font-weight: bold !important; }
	.bulk_prices_note { font-size: 0.65em !important; line-height: 0.8em !important; font-weight: normal; text-transform: uppercase; }

/* hide popup */

#ordering_process_popup {
	display:none;
}
.featherlight .featherlight-inner {
	display: block !important;
}

/* referral codes */
.ref_code_field { text-transform: uppercase; font-weight: 700 !important; }

/* user in orders */
.o_user { font-size: 0.8em; text-transform: lowercase; margin-bottom: -3px; display: block; }
.o_ship_to { font-size: 0.8em; }


@media only print {
	.no_print { display: none; }
}


@media only screen and (max-width: 40.063em) {

	.featherlight-content { max-width: 90%; padding: 1em 1.5em 0 !important; }

	.admin_table td, .admin_table th {
	    display: block !important;
	    width: 100% !important;
	    max-width: 100% !important;
	    direction: ltr !important;
	    padding: 0.2em 0.5em !important;
	    border-bottom: 1px solid #ddd !important;
	}

}

/* Medium and up */
@media screen and (min-width: 40em) {

	.featherlight-content { max-width: 90%; padding: 1em 1.5em 0 !important; }

}


/* Large and up */
@media screen and (min-width: 64em) {
	.featherlight-content { max-width: 72%; padding: 1em 1.5em 0 !important; }
}


::-webkit-input-placeholder { /* Edge */
  color: black !important;
  opacity: 0.4 !important;
  -moz-opacity: 0.4 !important;
  -webkit-opacity: 0.4 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: black !important;
  opacity: 0.4 !important;
  -moz-opacity: 0.4 !important;
  -webkit-opacity: 0.4 !important;
}

::placeholder {
  color: black !important;
  opacity: 0.4 !important;
  -moz-opacity: 0.4 !important;
  -webkit-opacity: 0.4 !important;
}

#search_sales .input-group-label { font-size: 0.9em !important; }

#search_sales .input-group { margin-bottom: 0.5em; }

#search_sales input[type="checkbox"] { margin-bottom: 0.5em; position: relative; top: -2px; }

.sales_status_label { font-size: 0.9em; }

#search_sales { border: 1px solid #ddd; padding: 5px 10px 10px; }

.slim_button, .slim_button:active, .slim_button:hover { padding-top: 0.5em !important; padding-bottom: 0.5em !important; }

select[name=ref_id] { margin-bottom: 0; }

input.fd_right { text-align: right; }



/* commercial, usmca, b13 forms */

table.wired_table tbody th, table.wired_table tbody td { padding: 0.25rem 0.625rem 0.25rem; }

.wired_table td { background: #fff; border: 1px solid #ddd; vertical-align: top; font-size: 0.9em; }

.wired_table label { 
	display: inline-block; 
	border: 1px solid #ddd; 
	border-left: none; border-top: none; 
	position: relative; 
	left: -10px; top: -8px; 
	padding-left: 8px; padding-right: 8px;
	text-transform: uppercase; 
	font-size: 0.7em;
}
	.wired_table td li { font-size: 0.9em; }

.wired_table th { background: #f2f2f2; font-size: 0.8em; border: 1px solid #ddd;  }

.customs_title { line-height: 1em; margin-bottom: 0.5em; }

h2.customs_title { font-size: 25px; }

.light_gray { background: #f2f2f2 !important; }

ul.dashed {
    list-style:none;
    margin-left:20px;
    padding-left:10px;
}

ul.dashed li:before {
    display:inline-block;
    content:"–";
    width:20px; /* control space between dash and text */
    margin-left:-20px; /* width x -1 for indent */
}

.ncase { font-weight: bold; width: 20px; display: inline-block; border-right: 1px solid #ddd; text-align: center; }

.small_mb { margin-bottom: 0.2em !important; }

.small_text, .small_text p, .small_text li { font-size: 12px; }

#pp_users { margin-top: 0.5em; }