* { box-sizing:border-box; }
html, body { height:100%; }
body { margin:0; padding:0; background:#f4f4f4; background:#f2f3f7; font-family:Verdana, Geneva, sans-serif; color:#333; font-size:12px; }
a, a:visited { color:#08708e; color:#007cba; outline:none; text-decoration:none; }
a:hover { text-decoration:none; }
a img { border:none; }
hr { height:0; border-collapse:collapse; border:none; border-top:1px solid #ccc; }
img { max-width:100%; height:auto; vertical-align:middle; }

input[type=text], input[type=number], select, input[type=password], textarea, input[type=time] { padding:0 8px; background:#fff; border:1px solid #c2c2c2; font-family:Verdana, Geneva, sans-serif; font-size:12px; width:100%; outline:none; border-radius:4px; min-height:30px; line-height:30px; color:#444; }
textarea { line-height:1.5; padding:5px 8px; }
select option { line-height:28px; font-family:Verdana, Geneva, sans-serif; }
input[type=text]:focus, input[type=number]:focus, input[type=password]:focus, textarea:focus, select:focus-visible { border:1px solid #616161; }
input[type=submit] { background:#549fba; background:#007cba; border:none; font-family:Verdana, Geneva, sans-serif; font-size:12px; padding:8px 15px; color:#fff; cursor:pointer; border-radius:4px; min-height:30px; }
input[type=submit]:hover { background:#0071a1; }
select {  padding:6.5px 8px; min-height:inherit; font-family:Verdana, Geneva, sans-serif; color:#444; }

.wrap {width:1280px; margin:0 auto; }

.header { position:relative; }
.nav { background:#000; margin-bottom:5px; padding:5px; overflow:hidden; }
.nav ul { margin:0; padding:0; list-style:none; }
.nav li { float:left; }
.nav a { display:block; height:38px; line-height:38px; color:#e2e2e2; text-decoration:none; padding:0 20px; background:#202020; border:1px solid #333333; text-align:center; min-width:90px; margin-right:5px; }
.nav a:hover {  background:#2f2f2f; }
.nav li.current a { background:#fff; color:#202020; border-color:#fff; }

.subNav a.current { color:#333; font-weight:700; }

.content { background:#fff; padding:20px; margin:15px 0; }
.content h2 { margin-top:0; font-weight:normal; }
.content h2 span { font-size:12px; font-weight:400; }

.main_table { background:#eafaff; width:100%; border:none; border-collapse:collapse; }
.main_table td { padding:10px; border:1px solid #d8f5ff; color:#444; }
.main_table tr.head td { background:#b2ebff; background:#f7f8fa; font-weight:bold; }

img.pThumb { max-width:80px; }

h2.next_heading {  margin-top:20px; text-align:center; }
h2.last { margin-bottom:0; }

.currency-query { text-align:left; font-size:14px; color:#000; display:none; }
.currency-query pre { border-top:1px dashed #ccc; padding-top:15px; }
a.trigger-currency-query { cursor:pointer; }



.form input, .form select, .form textarea { margin-top:3px; }
.form .field { /* line-height:30px; */ margin:5px 0; }
input[type=text].search-field { width:220px; }

.in_light { color:#666; font-style:normal; }

tr.pQty-0 td, tr.tr-orderStatus-0 td { background:#f7f1f1; }

.search-box { float:right; }
.main-title { float:left; line-height:30px; }

.user_area { float:right; font-weight:bold; position:absolute; color:#fff; right:0; top:0; padding:5px; line-height:38px; padding-right:15px; }
.user_area a { color:#fff; font-weight:normal; }

.showin_title { float:right; margin-top:3px; }
.error { padding:10px; background:#ea6a6a; border:1px solid #c93a3a; margin:10px 0; }
.filter_box { padding:5px 10px; }

.datepicker { background:#fff url(../img/icon-calendar.png) right center no-repeat !important; }

.success { padding:10px; background:#6aea7f; border:1px solid #39a34a; margin:10px 0; }

.footer { background:#202020; height:38px; padding:0 15px; line-height:38px; margin-top:5px; font-size:11px; color:#e2e2e2; text-align:center; }

input[type=text].desc_field { width:500px !important; }
input[type=text].name_field { width:400px !important; }
input[type=text].edit_field { width:330px !important; }
.pagination_wrap { overflow:hidden; margin:20px 0; }
ul.pagination{ margin:0px; padding:0px; height:100%; overflow:hidden; font:12px Tahoma, Geneva, sans-serif;	list-style-type:none; float:right;}
ul.pagination li.dot{padding: 3px 0;}
ul.pagination li{ float:left; margin:0px; padding:0px; margin-left:5px;}
ul.pagination li:first-child{ margin-left:0px;}
ul.pagination li a{	color:black; display:block; text-decoration:none; padding:7px 10px 7px 10px;}
ul.pagination li a img{	border:none;}
ul.pagination li.details{ color:#699613; color:#888;  }
ul.pagination li a { border-radius:4px;	padding:6px 9px 6px 9px;	}
ul.pagination li a { color:#333; background:#fff; border:1px solid #c4c6cf; }	
ul.pagination li a:hover, ul.pagination li a.current{ color:#333; background:#f7f8fa; border-color:#a0a2ad; }
.pagination_wrap span.details{ font-size:12px; float:left; line-height:28px; color:#888 !important; }

.devide { padding:15px; }
.devide h2 { font-weight:normal; text-align:center; }

#add_content { display:none; }

.total_table { border:none; width:100%; text-align:center; }
.total_table h2, .total_table h3 { margin:15px 0; font-weight:normal; margin-top:0; }
.total_table h3 { font-size:36px; margin-top:25px; }
.total_table h3 small { font-size:12px;  }
.total_table h3 small.again { font-size:25px; }

h3.grand_total { color:#060; }

.titleArea { margin-bottom:15px; }
.titleArea h2 { margin:0; }

.rate_info_wrap { text-align:center; margin:8px 0; padding:10px; line-height:21px; color:#444; }

.sum_table { width:100%; border:none; border-collapse:collapse; margin-bottom:15px; border:1px solid #ccc; }
.sum_table td { border-bottom:1px solid #ccc; padding:5px 10px; }
.sum_table tr.total-line td {  font-weight:700; }
.sum_table tr.total-line { background:rgba(0,0,0,0.045) }

.sum_table tr.head { background:rgba(0,0,0,0.045); font-weight:700; }
.sum_table td.label { width:60% }

table.compact { border:none; width:100%; border:1px solid #ccc; }
table.compact td { border-bottom:1px solid #ccc; padding:5px 10px; }
table.compact tr:nth-child(odd){ background:rgba(0,0,0,0.01) }
table.compact tr.head { font-weight:700; background:rgba(0,0,0,0.045) }

.small-heading { font-size:18px; padding-bottom:5px; border-bottom:1px solid rgba(0,0,0,0.05) }

table.data { width:100%; border:1px solid #e6e7eb; margin:20px 0 0; border-collapse:collapse; line-height:1.4; }
table.data .head { font-weight:700; background:rgba(0, 0, 0, 0.02); background:#f7f8fa; }
table.data td { padding:15px; border:1px solid #e6e7eb; }

table.miniStats td em { font-style:normal; }

.pLineList ul { margin:0; padding:0; list-style:none; line-height:21px; }
.pLineList li { border-bottom:1px solid #eee; padding:10px 0; }
.pLineList li:last-child { border:none; }
.pLineList li a { color:#333; }

/* -------------------------------------------- MISC */
.left { float:left; }
.right { float:right; }
.clear { clear:both; }

/* --- new -- */

.text-center { text-align:center; }
.text-right { text-align:right; }

.alert { border:1px solid #ccd0d4; margin:0 0 15px; padding:8px 12px; font-size:13px; line-height:1.4em; border-left-width:4px; border-left-color:#46b450; box-shadow:0 1px 1px rgba(0,0,0,.04); background:rgba(0,0,0,0.009) }
.alert.alert-danger { border-left-color:#dc3232; }
.alert.alert-success { border-left-color:#46b450; }

ul.products { margin:30px 0; padding:0; list-style:none; }
ul.products li { display:inline-block; vertical-align:top; max-width:19.5%; text-align:center; padding:10px; background:#f4f4f4; margin:3px; }
ul.products h3 { margin:15px 0; font-weight:400; font-size:13px; }
ul.products .pStock { margin-bottom:10px; font-size:15px; }
ul.products .pStock.pStock-0 { color:red; }

body.noWrap { display:flex; align-items:center; justify-content:center; }
.loginWrap { max-width:300px; background:#fff; padding:30px 30px 20px; flex:0 auto; }
.loginWrap .field { margin:0 0 10px; }
.loginWrap input { margin-top:3px; }

.littleTopMargin { margin-top:15px; }

a.toggleItems { font-size:18px; color:#333; cursor:pointer; }
tr.TRorderItems { background:#f7f8fa; background:#f6f6f6; display:none; }
tr.TRorderItems td.TRtd { padding:20px 15px; }
tr.TRorderItems table.data { background:#fff; }
a.delLink, .delLink { color:#b32d2e !important; }

.select2-container { margin-top:3px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height:30px !important; }
.select2-container .select2-selection--single { height:32px !important; line-height:30px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height:30px !important; }
.select2-container--default .select2-selection--single { border-color:#c2c2c2 !important; }

.orderNote { margin:15px 0 0; background:#fcf9e8; border:1px solid #f1eee1; padding:15px; }

.addItemsWrap { margin:15px 0; }
img.imgThumb { max-width:60px; vertical-align:middle; border:1px solid #eee; }
a.addItem { display:inline-block; color:#007cba; line-height:30px; min-height:30px; border-radius:4px; margin-top:3px  }
.addedItem { margin-top:10px; }
a.removeItem { font-size:18px; color:#b32d2e !important; cursor:pointer; line-height:30px; margin-top:3px; display:inline-block; }

.orderRow .la-comment, .orderRow .la-calendar-day { color:#007cba; font-size:18px; vertical-align:middle; margin-top:-3px }

.oNote { font-size:12px; display:inline-block; background:#fcf9e8; border:1px solid 1px solid #f1eee1; padding:5px; }

.orderDetails { line-height:1.5; }

.OSItem { display: flex; padding:5px 0; }
.OSItem > div { flex:1 100%; }
.OSItem > .iRight { text-align:right; }
.OSItem.OSItemTotal { border-top:1px solid #eee; font-weight:700; }

.searchCols { display: flex; gap:5px;  } 
.searchCols .field { flex: 0 auto;  }
.searchCols select { margin: 0; }
.searchCols .select2-container { margin-top: 0 !important; }

tr.isStockRemoved-1 { background:#f7f1f1; }
tr.isStockRemoved-1 td { color:#999; }
tr.isStockRemoved-1 td .dark { color:#b32d2e; }
tr.isStockRemoved-1 td .dark span { color:#333; }

.select2-container { width:100% !important; }
select.inline + .select2-container  { max-width:200px !important; margin-top:-3px !important; }
.optionInline { display:inline-block; top:-3px; position:relative; width:200px; vertical-align:middle;  }

.orderStatus { background:#f7f1f1; color:#b32d2e; font-weight:700; padding:5px 15px; border-radius:4px; display:inline-block; }
.orderStatus.status-shipped { background:#fbfade; color:#333; }
.orderStatus.status-completed { background:#f2ffea; color:#142906; }

table.blank { width:100%; border-collapse:collapse; margin:15px 0; }
table.blank td { padding:3px 15px; }
table.blank tr.head td { padding:10px 15px; }

table.blank .orderStatus { display:block; }

.textCebter, .textCenter { text-align:center; }
.textRight { text-align:right; }
.textLeft { text-align:left; }

table.data.calendar { width:50%; margin:20px auto; } 
table.data.calendar td { padding:8px; font-size:12px; color:#999; vertical-align:top; }
table.data.calendar td p strong { font-size:14px; color:#333; display:block; text-align:center; }