/* @import url('https://fonts.googleapis.com/css?family=Libre Franklin:100,200,300,400,600,700,800,900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;400;600;700&display=swap');

html {
	/* background: url(../images/htmlBg.gif) bottom repeat; */
}

body {
	width: 100%;
	/* min-width: 1200px;	 */
	margin: 0;
	/* background: url(../images/bodyBg.gif) top repeat-x; */
	background-color:#f7f7f9;
	min-height: 500px;
	font: 400 14px Libre Franklin;
}

.topBar {
	text-align: right;
	font: normal 12px Libre Franklin;
	min-width: 1200px;
	background-color: #1e4d85;
	color: #fff;
	padding: 8px;
	padding-right: 40px;
}

.topBar a {
	color: #fff;
	text-decoration: none;
}

.topBar a:hover, a.active { 
	color: #f1fa33;
}

.header { 
	/* width: 1200px; */
	margin: 0 auto;
	margin-top: 10px;
}

.header img {
	width: 200px;
}

.clear {
	clear: both
}

.content {
	margin: 0 auto;
	background-color: #fff;
	border-radius:6px;
	padding:20px;
}
.content h1 {
	font: bold 18px Libre Franklin;
	margin:0 0 1.85rem;
}

.formContent {
	/* width: 1170px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 20px; */
}

.formContent h2 {
	font: bold 14px Libre Franklin;
	color: #333;
	border-bottom: 1px solid #333;
	margin: 0;
	padding-bottom: 4px;
	margin-bottom: 2.5rem;
}

.inputDetails {
	padding: 3px;
	width: 98%;
	font-family:'Libre Franklin';
}

.inputAddress {
	max-width: 260px;
	width: 240px;
}

.statusBar {
	width: 150px;
	font-family:'Libre Franklin';
}

.TableHolder {
	margin-bottom: 15px;
}

.Button {
	font: bold 12px Libre Franklin;
	padding: 5px 10px 5px 10px;
	background-color: #288EEC;
	color: #fff;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	text-decoration: none;
}

.goBtn {
	font: bold 11px Libre Franklin;
	padding: 8px 4px;
	background-color: #288EEC;
	color: #fff;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	text-decoration: none;
	line-height:1;
}

.StepsBtn {
	float: right;	
	padding-bottom: 20px;
	padding-top: 20px
}
.nextBtn {
	width: 1200px;
	background-color: #fff
}

.newStatus {
	color: #F00;
}

hr {
	margin-bottom: 20px;
}

.tableItems {
	font: normal 12px Libre Franklin;
}

.tableItems th {
	font: bold 12px Libre Franklin;
}

.tableItems img {
	width: 100px;
	border: 1px solid #C0C0C0;
	margin: 0 auto;
}

.tableItems strong{
	font: bold 12px Libre Franklin;
	color: #1F79D6;
}

.itemNum {
	color: #666;
}

.tableItems ul, li {
	list-style: none;
	padding: 0;
	margin-bottom: 3px;
}

.numHolder {
	width: 35px
}

.priceTd {
	text-align: center;
}

.delete img {
	width: 10px;
	border: none;
	padding-top: 2px;
}

.consist {
	border-bottom: 1px solid #CFD2D6;
}

.alternate {
	background-color: #FFF1DF;
}

.showHide {
	font: bold 12px Libre Franklin;
	color: #1F79D6;
	text-decoration: underline;
	float: right 
}

.SubTotal {
	width: 100%;
	padding: 10px 0 10px 0;
	border-top: 2px solid #918C8C
}

.SubTotalTable{
	float: right
}

.SubTotal strong {
	font: bold 12px Libre Franklin;
	color: #1F79D6
}

.subtotalTxt {
	width: 40px;
}

.subTotalTd{
	padding:0;
	text-transform:uppercase;
}

.AddItemHolder {
	width: 100%;
	margin: 0 auto
}

.AddItem {
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 98%;
}

.categoryDropdown {
	width: 580px;
	font-family:'Libre Franklin';
	width:24.5% !important;
	margin-right:5px;
}

h3 {
	font: bold 12px Libre Franklin;
	background-color: #F0EEBC;
	padding: 8px;
	margin: 0;
	text-align: center;
}

.Quotation {
	background-color: #FFFEE0;
	width: 100%;
	font: normal 11px Libre Franklin;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
}

.quote {
	padding-left: 15px
}

.quoteTitle {
	padding-top: 20px;
}

.quantity {
	text-align: right;
}

.grandTotal {
	padding: 5px;
	background-color: #F0EEBC;
}

.addTH{
	text-align: left;
	background-color: #E9E9E9;
	padding: 5px;
}

.searchInput {
	font: italic 11px Libre Franklin;
	color: #A5A5A5;
	padding: 5px;
	width: 170px
}

.regular {
	font: normal 12px Libre Franklin;
	color: #000;
	padding: 5px;
	width: 170px
}

.autoSign {
	font: italic 11px Libre Franklin;
	color: #A5A5A5;
	padding: 5px;
	width: 240px
}

.autoSign1 {
	font: normal 12px Libre Franklin;
	color: #000;
	padding: 5px;
	width: 240px
}

.ItemContent {
	width: 977px;
}

.itemResult {
	width: 98%;
	margin: 0 auto;
	font: normal 12px Libre Franklin;
	text-align:left
}

.itemResult img {
	width: 100px;
	border: solid 1px #ddd;
}

.itemResult strong {
	color: #1F79D6;
}

.delete {
	cursor: pointer;
}

.summaryHolder {
	margin-bottom: 15px;
}

.sumAmount{
	text-align: center
}

.summaryHolder td {
	border-bottom: 1px solid #ddd;
}

.summaryHolder strong {
	color:  #1F79D6
}

.TotalHolder th{
	text-align: right
}

.TotalHolder td{
	text-align: center
}

.TotalHolder {
	font: normal 12px Libre Franklin;
}

.percentHold {
	width: 40px;
	text-align: center;
}

.discountHold {
	width: 100px;
	text-align: center;
}

.totalHolder {
	width: 60%;
}

.Total {
	width: 70%;
	padding: 10px 0 10px 0;
	float: right;
	font: normal 12px Libre Franklin
}

.Total strong {
	color: #1F79D6
}

.proposalHolder{
	width: 1120px;
	margin: 0 auto
}

.proposal {
	text-align: left;
	font: normal 12px Libre Franklin
	width: 1000px
}

.proposal th{
	padding: 10px 0 10px 0;
}

.ajaxProgress {
	width: 100px;
	height: 100px;
	position: relative;
	left: 50%;
	top: -100px;
}

#searchContainer {
	text-align:center;
}

.slidingProductItems {
	padding:0;
	display: inline-block;
	overflow: auto;
	overflow-y: hidden;
	max-width: 97%;
	width:100%;
	margin: 0 1% 1em;
	white-space: nowrap;
	text-align:center;
	/* margin-left: 70px;	 */
}

.slidingProductItems li {
	display: inline-block;
	vertical-align: top;
	padding-bottom: 10px;
}


/* JQUERY UI TABS */
#categoryTabs {
	border:0 !important;
}

.ui-widget {
	font-family:'Libre Franklin' !important;
}

.ui-widget-header {
	border:0 !important;
	background:transparent !important;
	border-bottom:1px solid #444 !important;
	border-radius:0 !important;
}

.ui-tabs .ui-tabs-nav li {
	font-family:'Libre Franklin' !important;
	font-size:14px !important;
}

.ui-tabs .ui-tabs-panel {
	padding:0 !important;
	padding-top:10px !important;
}

.SubTotalTable tr:last-child {
	background-color:#fff497;
}