/*
* FOB Custom CSS
*/

:root{
	--fob-color-primary: #e09020;
}

a.dynamic-filter-expander {
	font-size: 1.1em;
}

[class*=widget-color-] > .widget-header > .widget-toolbar > .widget-menu > [data-action=settings], [class*=widget-color-] > .widget-header > .widget-toolbar > [data-action=settings] {
	color: #fff;
}


.widget-color-blue {
	border-color: #ca8320;
}

.widget-color-blue > .widget-header {
	background: #ca8320;
	border-color: #ca8320;
}

.widget-color-blue2 {
	border-color: #ffffff;
}

.widget-color-blue2 > .widget-header {
	background: #e09020;
	border-color: #e09020;
}

.widget-color-blue3 {
	border-color: #e0a046;
}

.icon-color-fob-primary{
	color: var(--fob-color-primary);
}

.category-light{
	font-weight: lighter;
}

.widget-color-blue3 > .widget-header {
	background: #e0a046;
	border-color: #e0a046;
}

.skin-3 .nav-list > li.active, .skin-3 .nav-list > li.active + li
{
	border-color: #ffffff !important;
}

.skin-3 .nav-list > li.active.highlight > a, .skin-3 .nav-list > li.active > a {
	background-color: #f3faff !important;
	color: #e09020 !important;
}

.skin-3 .nav-list > li.active:before {
	display: block;
	background-color: #ca8320 !important;
}

.btn-white.btn-primary {
	border-color: #bababa;
}

.btn.btn-bold, .btn.btn-round {
	border-bottom-width: 1px;
}

.btn.btn-white {
	background-color: #f4f4f4 !important;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f4f4f4)) !important;
	background-image: -webkit-linear-gradient(#fff, #f4f4f4) !important;
	background-image: -moz-linear-gradient(#fff, #f4f4f4) !important;
	background-image: -ms-linear-gradient(#fff, #f4f4f4) !important;
	background-image: -o-linear-gradient(#fff, #f4f4f4) !important;
	background-image: linear-gradient(#fff, #f4f4f4) !important;
}

.table-condensed2 > thead > tr > th, .table-condensed2 > tbody > tr > th, .table-condensed2 > tfoot > tr > th, .table-condensed2 > thead > tr > td, .table-condensed2 > tbody > tr > td, .table-condensed2 > tfoot > tr > td {
	padding: 5px 3px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border-top: 2px solid #e09020;
}

select.input-sm {
	height: 27px !important;
	line-height: 27px !important;
	padding: 2px 6px !important;
}
select {
	xpadding: .1em .25em .25em .25em;
	border: 1px solid #bababa;
	border-radius: 4px !important;
	margin: 0;
	text-decoration: none;
	color: #333333;
	background-color: #f4f4f4;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f4f4f4));
	background-image: -webkit-linear-gradient(#fff, #f4f4f4);
	background-image: -moz-linear-gradient(#fff, #f4f4f4);
	background-image: -ms-linear-gradient(#fff, #f4f4f4);
	background-image: -o-linear-gradient(#fff, #f4f4f4);
	background-image: linear-gradient(#fff, #f4f4f4);
	background-clip: padding-box;
	border-radius: 0.2em;
	/* IE hacks */
	zoom: 1;
	*display: inline;
}

select:focus {
	outline: none;
}

input, textarea, .main-menu ul li a {
	position: relative;
	overflow: visible;
	display: inline-block;
	padding: 0.5em 1em;
	border: 1px solid #bababa;
	margin: 0 .2em 0 0;
	text-decoration: none;
	text-align: center;
	font-weight: 600;
	color: #333333;
	white-space: nowrap;
	cursor: pointer;
	outline: none;
	background-color: #ececec;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
	background-image: -moz-linear-gradient(#f4f4f4, #ececec);
	background-image: -ms-linear-gradient(#f4f4f4, #ececec);
	background-image: -o-linear-gradient(#f4f4f4, #ececec);
	background-image: linear-gradient(#f4f4f4, #ececec);
	background-clip: padding-box;
	border-radius: 0.2em;
	/* IE hacks */
	zoom: 1;
	*display: inline;
}

textarea {
	white-space: pre-wrap;
	overflow: auto;
	overflow-wrap: normal;
}

input:hover,
input:focus,
input:active,
.main-menu ul li a:hover,
.main-menu ul li a:focus,
.main-menu ul li a:active,
select:hover {
	border-color: #e09020;
	border-bottom-color: #ca8320;
	text-decoration: none;
	color: #fff;
	background-color: #e09020;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0a046), to(#e09020));
	background-image: -webkit-linear-gradient(#e0a046, #e09020);
	background-image: -moz-linear-gradient(#e0a046, #e09020);
	background-image: -o-linear-gradient(#e0a046, #e09020);
	background-image: linear-gradient(#e0a046, #e09020);
}

input:active,
.main-menu ul li a:active {
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	border-color: #ca8320;
	border-bottom-color: #e09020;
	background-color: #e09020;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e09020), to(#e0a046));
	background-image: -webkit-linear-gradient(#e09020, #e0a046);
	background-image: -moz-linear-gradient(#e09020, #e0a046);
	background-image: -ms-linear-gradient(#e09020, #e0a046);
	background-image: -o-linear-gradient(#e09020, #e0a046);
	background-image: linear-gradient(#e09020, #e0a046);
}

input[type="text"],
input[type="password"],
textarea {
	background: #ffffff;
	font-weight: 400;
	color: #646464;
	cursor: auto;
	text-shadow: none;
	text-align: left;
}

input[type="text"]:hover,
input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="password"]:active,
textarea:hover,
textarea:focus,
textarea:active {
	border-color: #e09020;
	color: #e09020;
}

/* overrides extra padding on button elements in Firefox */
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}