@import url(displaytag.css);

@media screen {
     .print-only, .print-only-inline, .print-show { display: none; }
     .noprint { display: block; }
     .noprint-inline {display: inline}
}

body {
	background-color: transparent;
}

body, td, div, li, ul {
	/*
	color:		black;
	font-family: Montserrat, Roboto, Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	*/
	font-family:	"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-family:	Verdana, Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Montserrat, Roboto, Verdana, Helvetica, Arial, sans-serif;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}

body {
	padding-bottom: 20px;
}

.top-gap {
	margin-top: 10px;	
}

     
h1 {
    position: relative;
	padding: 20px 0 10px 10px;
	font-size: 22px;
	font-weight: 500;
	text-transform: uppercase;
	color: #444;
    margin: 0;
}


.print-page {
	position: fixed;
	top: 15px;
	right: 15px;
}
.btn-print {
	padding: 0;
	height: 30px;
	width: 30px;
}

.print-icon {
	display: inline-flex;
    vertical-align: middle;
	font-size: 18px;
    color: #555;
    margin: 0;
    padding: 0;
}

.print-icon:hover {
	color: #1279e9;
}

.header-buttons {
    position: fixed;
    /*
    top: 10px;
    right: 20px;
    */
    padding-top: 10px;
    top: 66px;
    left: 10px;
    right: 15px;
    height: 38px;
    background: #fff;
    z-index: 200;
}

thead th {
	color: #333;
	font-size: 12px;
	font-weight: 500;
}

.thead {
	font-family: Helvetica, Arial;
	font-size: 9pt;
	font-weight: bold;
	height: 24px;
}

.datarow {
	background: #eee;
}

.drow {
	background: #e8e8e8;
}

.formlabel {
	font-weight: bold;
}
td.lab {
    padding-bottom: 5px;
    text-color: #efefef;
    font-weight: bold;
    border-bottom: 1px dotted #eee;
    vertical-align: top;
    padding-top: 6px;
}
td.label-warn {
    padding-bottom: 5px;
    color: red;
    font-weight: bold;
    border-bottom: 1px dotted #eee;
}

td.data {
    padding-bottom: 5px;
    text-color: #ccc;
    border-bottom: 1px dotted #eee;
}

.error {
	color: red;
	font-weight: bold;
}

.error-small {
	color: red;
	font-weight: bold;
	font-size: 12px;
}

ul.errors li.error-line {
	color: red;
	font-weight: bold;
}

ul.info li.info-line {
	color: blue;
	font-weight: bold;
}


.info {
	color: blue;
	font-weight: bold;
}

.important {
	color: blue;
	font-weight: bold;
}

.text-important {
	color: #e69372;	
}

/*
.openlinkTitle {
	font-family: verdana, helvetica, arial;
	font-size: 10pt;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 99%;
	background: #b5c1cc;
	text-align: center;
	vertical-align: middle;
}
*/

td,select,input,li {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333;
}

select {
	padding: 2px;
	font-size: 14px;
}


select, input {
	margin-top: 0;
	margin-bottom: 0;	
}

input[type="text"], input[type="password"], input[type="search"], isindex {
-webkit-appearance: textfield;
padding: 3px;
background-color: white;
border: 1px solid #bbb;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}

/*
h1, .openlinkTitle {
	background: none;
	padding-left: 0;
	border: none;
	color: #698ea9;
	border-bottom: 1px solid #eee;
	font-size: 22px;
	font-weight: 500;
	padding: 0 0 10px 0;
	margin-left: 0;
	margin-bottom: 10px;
}
*/


h2 {
	font-size: 20px;
	font-weight: 500;
	background: none;
	padding-left: 0;
	border: none;
	margin-top: 10px;
	margin-bottom: 15px;
	line-height: 20px;
	color: #666;
	color: #fe9300;
	text-transform: uppercase;
}

table.report-criteria {
	margin-top: 30px;	
	margin-bottom: 20px;	
	width: 100%;
}

table.report-criteria td 
{
	font-size: 1.05em;
	font-weight: 600;
	text-transform: uppercase;
	text-align: left;
	color: #444;
}

table.report-criteria th 
{
	text-transform: uppercase;
	text-align: left;
	color: #fe9300;
}

h3 {
	padding: 2px 2px 2px 0;
	margin-top: 14px;
	margin-bottom: 10px;
	color: #999 !important;
	background: none;
	font-weight: 500;
	font-size: 16px;
	border: none;
	border-bottom: 1px dotted #ccc;
}

table {
	font-size: 13px;
}

table.form {
	border: 1px #000000 dotted;
	width: 300px;
}
	
table.fields {
	margin: 0;
	border: 0;
	width: 300px;
}

table.buttons { 
	margin: 2;
	border: 0;
	/*
	width: 300px;
	*/
}

table.buttons td { 
	/*
	text-align: right;
	*/
}

table.buttons td input[type=submit] { 
	min-width: 90px;
	background: #298bea;	
	border: 1px solid #298bea;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
	

.formTable {
	padding-right: 15px;
	padding-left: 15px;
}

.smallTable {
	width: 400px;
}

.dataTable {
	/*
	background: #b5c1cc;
	*/
	background: #eee;
	border: 1px solid #eee;
	border-collapse: collapse;
	margin-top: 5px;
}

.dataTable td {
	padding: 7px;
}

.dataTable {
	background: #b5c1cc;
	border: none;
	border-collapse: none;
}

.drow {
	background: #e8e8e8;
}

table.dataTable td, table.dataTable th {
	border: 1px solid #ddd;
	border: 1px solid #b5c1cc;
	padding: 4px 5px;
}


.openlinkSubmitBar {
	font-family: verdana, helvetica, arial;
	font-size: 10pt;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	width: 99%;
	/* background: #99CCCC; */
	background: #fafafa;
}

.dataTable tr.odd, tr.odd{
  background-color: #eee;
  background-color: #F8FBFC;
}

.dataTable tr.even, tr.even {
  background-color: #ddd;
  background-color: #eee;
}

tr.total {
  background-color: #fff;
}

.fieldError {
	color: red;
	font-family: verdana, helvetica, arial;
	font-size: 8pt;
}

fieldset {
	/*
	padding: 15px;
	border: 1px solid #ccc;
    border: 1px solid transparent;
	border-color: #e9e9e9;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	*/
	border: none;
	margin-left: 0;
}

table#form-fields {
	/*
    border: 1px solid transparent;
	border-color: #e9e9e9;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    */
}

fieldset.plain {
	border: none;
	padding: 0px;
}

input.readonly {
	border: 0;
	font-weight: bold;
}

ul.info li {
	color: blue;
	font-weight: bold;
}

ul.errors li {
	color: red;
	font-weight: bold;
}

.table td.text-right, .table th.text-right,
.table td.number, .table th.number {
	text-align: right;
}


/* Bootstrap Custom */

/* Table
------------------------------------------------------------*/
/* Huy New Styles
.table {width: 100%;border-bottom: 1px solid #b4ddf5; border-collapse: collapse; margin-top: 15px;}
.ie6 .table, .ie7 .table, .ie8 .table  {border-right: 1px solid #b4ddf5;}
.table tbody tr {background: #fff;border-top:1px solid #fff;}
.table tbody tr:nth-child(even) {background: #dff3fa;}

.table tbody tr.marked {background: #fffb8e;}
.table tbody tr.marked:hover {background: #ffd154;}
.table tbody tr.empty td {color: #acacac; font-style: italic;}
.table td, .table th {padding: 5px;text-align: left;}
.table tbody td:first-child {border-left: 1px solid #b4ddf5;}
.table tbody td:last-child {border-right: 1px solid #b4ddf5;}
.table tbody td.view {width: 51px;padding: 0;margin-right: 1px;}
.table tbody td.view a {padding: 5px;float:left;}
.table tbody td.delete {padding: 0;}
.table tbody td.delete a {padding: 10px 0 10px 20px;float:left;}
.table tbody td.delete img {float:left;}
.table tbody td.right {text-align: right;}
.table thead th {
	background: #b4ddf5;
	border-right: 1px solid #b4ddf5;
}

.btn-panel {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fafafa;
    margin-top: 15px;
    padding: 5px;
    text-align: left;
}
*/

th.num, td.num,
table.list th.num,
.table th.number, td.number {
	text-align: right;	
}

table.table > thead > tr > th.text-center,
table.table > tbody > tr > td.text-center
table.table th.ac,
table.table td.ac,
th.ac, td.ac {
	text-align: center;	
}

.table-fit {
	width: auto;
}

h4 {
	font-size: 16px;
	font-weight: normal;
	color: #222;
}

span.warn {
	font-weight: bold;
	color: red;
}

tr.total td, tr.subtotal td {
	font-weight: bold;	
}

fieldset[disabled].view-mode .input-group-addon,
fieldset[disabled].view-mode input,
fieldset[disabled].view-mode select,
fieldset[disabled].view-mode textarea,
input[disabled].view-mode,
select[disabled].view-mode,
textarea[disabled].view-mode,
textarea.view-mode,
select.view-mode,
input[type].view-mode {
    border: 1px solid transparent;
    background-color: transparent;
    box-shadow: none;
    cursor: default;
    -webkit-appearance: none;
}

fieldset[disabled].view-mode input[type="checkbox"],
input[disabled][type="checkbox"].view-mode {
    padding: 0px;
    margin: 0px;
    padding-left: 4px;
}

fieldset[disabled].view-mode input[type="checkbox"]:after,
input[disabled][type="checkbox"].view-mode:after {
    content: "\2714";
    font-size: 18px;
}

fieldset[disabled].view-mode select,
select[disabled].view-mode,
select.view-mode {
	line-height: normal;
	padding-left: 6px;
}

.user-notify-box .clickable:hover {
	cursor: pointer;
	text-decoration: underline;
}

.user-notify-box {
	margin-bottom: 10px;
	z-index: 2000;
}

.clickable {
	cursor: pointer;
}

.clickable:hover,
tr.clickable:hover,
tr th.clickable:hover,
tr td.clickable:hover {
	text-decoration: underline;
}

.uppercase,
.user-list .username,
.user-form .username {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

.user-list tr:hover .clickable {
	text-decoration: underline;
}

.modal-header h3 {
	border-bottom: none
}

.order-in-progress span.item {
	display: block;
}

.btn.save-btn {
	width: 100px;
}

.btn.copy-btn.btn-mini i {
	font-size: 14px;
}

form.modal-wrapper {
	display: inline;
}

input.ng-dirty:not(.clean) {
	border-color: #c09853;
	background-color: #fcf8e3;
}

form.form-horizontal .control-group {
	margin-bottom: 10px;
}

form.form-horizontal .control-group.button-group-bottom {
	margin-top: 10px;
}

form.form-horizontal .control-group .input-replace {
	margin-top: 5px;
}

table.stock-take-detail-all tr {
	page-break-inside: avoid;
}

table.stock-take-detail-all .item,
table.stock-take-detail-all .batch,
table.stock-take-detail-all .expiry,
table.stock-take-detail-all .status {
	font-size: 11px;
}

.progress-text {
	color: #468847;
	font-weight: bold;
	font-size: 16px;
}

.progress-image {
	width: 30px;
	display: inline-block;
}

.progress-image img{
	width: 100%;
	height: auto;
}

.checkbox-selection label.selected {
	background-color: #d9edf7;
	width: 256px;
}

.form-horizontal .control-label {
float: left;
width: 140px;
padding-top: 5px;
text-align: left;
}

.form-horizontal .controls {
margin-left: 140px;
}

.dl-horizontal dt {
		color: #444;
		font-weight: bold;
		font-size: 12px;
		width: 140px;
		text-align: left;
		padding: 2px 0;
}

.dl-horizontal dd {
	margin-left: 155px;
		padding: 2px 0;
}

label {
	font-weight: bold;
	font-size: 12px;
	color: #444;
	text-align: left;
}

.stock-take-info {
	display: inline-block;
}

.well {
	background-color: #fff;
	-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}


.btn-top-align {
	margin-top: -4px;
}
	
.panel-heading .btn-small {
	margin-top: -4px;
}

td > .btn-small {
	margin-top: 2px;
	margin-bottom: 2px;
}

.modal-backdrop, .modal-backdrop.fade.in {
	opacity: .2;
	filter: alpha(opacity=20);
}
.modal-backdrop {
	background: #000;
}

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	font-size: 13px;
	color: #1c1c1c;
	margin: 0;
	padding: 4px 6px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #ccc;
	background: #fff;
	outline: none;
	/*float: left;*/
	-webkit-border-radius: 0;
	border-radius: 0;
	height: auto;
	/* height: 25px;
	line-height: 25px;
	*/
}

.input-append input[type="text"],
.input-append input[type="datetime"],
.input-append input[type="number"],
.input-append input[type="email"],
.input-append input[type="url"],
.input-append input[type="tel"] {
	padding: 4px 6px;
}

.control-label {
	font-weight: bold;
	color: #444;
}

.form-horizontal .control-group {
	margin-bottom: 5px;
}



input, textarea, .uneditable-input {
	width: 226px;
}


input[type="button"], input[type="submit"], input[type="checkbox"], input[type="radio"] {
		width: auto;
		padding: 4px 8px;
}

input.checkbox {
	transform: scale(1.5);
}

input.btn-summary {
	width: 100px;
}

select {
	-webkit-border-radius: 0;
	border-radius: 0;
	/*
	line-height: 14px;
	height: 28px;
	*/
	width: 244px;
	height: 30px;
}

div.cds_header > select {
	height: 20px;	
	padding: 0;
	margin: 0;
	margin-top: -3px;
}

tr.fields input, tr.fields select {
	width: auto;
	padding: 4px 6px;
	/* margin: 2px 6px;
	*/
}

select.input-mini {
	line-height: 12px;
	height: 22px;
	padding: 2px;
}

textarea {
	-webkit-border-radius: 0;
	border-radius: 0;
}

input.datepicker {
	width: 94px;
	z-index: 1;
}

.table-fit {
	width: auto !important;
	min-width: 620px;
}

.table-fit .input-append, .table-fint .input-prepend {
	margin-bottom: 0;
}

td.label {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #fff;
	color: #1c1c1c;
	text-shadow: none;
}

table th.amt, table td.amt, input.amt {
	text-align: right;
}


td, th {
	white-space: normal;
}

th.nowrap,
tr.fields td, tr.fields td.fields {
	white-space: nowrap;
}


.nowrap {
	white-space: nowrap;
}


table.fields {
	width: 420px;
	margin-top: 0;
}

table.fields span.required {
	padding-left: 4px;
		margin-top: 8px;
}

td.fields label {
	/*
	float: left;
	*/
	display: inline-block;
	margin-top: 6px;
}

tr.fields > td:nth-child(2) {
	padding-left: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.menu-container {
	margin-bottom: 15px;
}

.menuGridData {
	background: #3a6781;
	padding: 6px 5px;
	color: #fff;
}

.menuGridData a {
	color: #fff;
}

.menuTable {
	border-width: 0;
}

.menustyle {
	background: #3a6781;
	height: 30px;
}

.menustyle .topitem {
	background: #3a6781;
}

.menustyle .topitem a, .menustyle .topitem a:visited {
	color: #fff;
	border: none;
	outline-color: none;
}

.menustyle .topitem a:hover {
	border: none;
	background: #b4ddf5;
	color: #000;
}

.innerTable {
	/*
	background: #b4ddf5;
	border-radius: 5px; 
	*/
	padding: 10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

.alert {
	margin-bottom: 15px;
}

.alert-error, .alert-danger {
	text-shadow: none;
	background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  font-weight: bold;
}

.alert-success {
  font-weight: bold;
	background-color: #effde9;
}

.alert-error .error {
	color: #fff;
}


.navbar-inner {
	background: #698ea9;
	color: #fff;
	border: none;
	filter: none;
}

.navbar {
	background: #698ea9;
	border: 1px solid #698ea9;
	border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.ie8 .navbar {
	background: none;
	border: none;
	radius: none;
}


caption {
	padding: 10px 5px;	
	background: #fff;
	color: #698ea9;
	font-size: 20px;
	font-weight: normal;
	text-shadow: none;
	text-align: left;
}

input[type="number"].number,
.enclose-type-tbl input[type="number"] {
	text-align: right;
}

.enclose-type-tbl .enclose-type {
	text-transform: uppercase;
}

.toast {
	position: fixed;
	z-index: 500;
	top: 15px;
	left: 50%;
	margin-left: -300px;
	width: 680px;
	text-align: center;
}

.toast .toast-message {
	position: relative;
	display: inline-block;
	padding: 8px 12px 8px 8px;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	/*
	background-color: #fff;
	border: 1px solid #b4ddf5;
	*/
	border: 1px solid #f0c36d;
    background-color: #f9edbe;
}

.toast-message.info {
	color: #3a87ad;
}

.toast-message.error {
	color: #b94a48;
}

button.toast-close-button {
	padding: 0px;
	cursor: pointer;
	background: 0 0;
	border: 0;
	-webkit-appearance: none;
}

.toast-close-button {
    position: absolute;
    right: 0;
    top: -3px;
    font-size: 18px;
    font-weight: 700;
    color: #666;
    opacity: .8;
}

.label-value {
    float: left;
    padding-top: 5px;
    text-align: left;
    padding-left: 4px;
    font-size: 13px;
}

input[type="text"].ng-invalid:not(.clean),
input[type="password"].ng-invalid:not(.clean),
input[type="number"].ng-invalid:not(.clean),
input[type="email"].ng-invalid:not(.clean),
select.ng-invalid,
select.ng-invalid + .chosen-container .chosen-choices {
	border-color: #b94a48;
}

input[type="text"].ng-dirty:not(.clean),
input[type="password"].ng-dirty:not(.clean),
input[type="number"].ng-dirty:not(.clean),
input[type="email"].ng-dirty:not(.clean),
select.ng-dirty:not(.clean) {
	background-color: #fcf8e3;
}

.kit-item-built-stock {
	max-width: 572px;
}

.kit-item-stock .header {
	font-weight: bold;
}

.kit-item-stock .kit-stock .kit-stock-info {
	padding-top: 5px;
}


.kit-stock-line {
	margin-bottom: 4px;
}

.kit-stock-qty {
	display: inline;
	margin-bottom: 2px;
	margin-right: 8px;
}

.kit-stock-qty input {
	padding: 2px 5px;
	font-size: 12px;
	line-height: 12px;
	margin-top: -2px;
	width: 40px;
}

.pending {
color: red;
font-weight: bold;
}

.kit-item-stock .kit-item-header {
	font-weight: bold;
	border-top: 1px solid #eee;
}

select.label-printer {
	width: 320px;
}

.page-dropdown {
	margin-bottom: 0px;
}

.stock-take-progress.progress,
.table-cell.progress {
	margin: 0px;	
	margin-top: 2px;
}

.progress.contains-text {
    position: relative;
}

.progress.contains-text > .bar {
    z-index: 1;
    position: absolute;
}

.progress.contains-text > .bar-text {
    position: absolute;
    top: 0;
    z-index: 2;
    text-align: center;
    width: 100%;
}

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

.carton-type-list .fill-cubic {
	font-weight: bold;
}

.list .highlight td,
.list .hover-highlight:hover td {
	color: #fff;
	background-color: #0088cc;
}

.list .hover-highlight:hover a:not(.btn) {
	color: #333;
}

.location-list-tbl .zone-select {
	margin-bottom: 0px;
	font-size: 12px;
}


h1 .pointer {
	color: #2a7fdb;
}

.breadcrumb-sep {
	color: #adadb2;
	font-size: 22px;
}

div.page-header {
	display: flex;
	align-items: center;
	height: 43px;
	padding: 0;
	margin: 0;
	border: none;
}

div.company-name {
	position: absolute;
	top: 25px;
	font-size: 13px;
}

/* breadcrumb link colour */
h1 a  {
	color: #1279e9;
	text-decoration: none;
}

h1 a:hover, h1 a:focus {
	color: #1279e9;
	text-decoration: none;
	text-shadow: 1px 1px 3px rgba(150, 150, 150, 1);
}

h1 a.home-icon {
	padding: 0; 
	margin: 0; 
	height: 34px;
	text-shadow: none;
}

h1 a.home-icon:hover {
	color: #1279e9;
}

.pointer {
	cursor: pointer;
}

.fluid-header {
    /*
	position: relative;
    background: #fff;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    */
}

body.fixed-header {
	/*
	position: relative;
	top: 20px;
	left: 0;
	right: 0;
	 */
}

h1.top-header {
	display: none;
}

.header-buttons-spacer {
	height: 40px;
	background: #fff;
}

.spacer {
	height: 15px;
}


.header-buttons .btn {
	float: left;
	margin-left: 5px;
}

.header-back-btn {
    position: fixed;
    top: 10px;
    right: 10px;
}

.nav-tabs {
	color: rgb(118, 118, 118);
    background-color: rgb(246, 246, 246);
    border-color: rgb(233, 233, 233);
    border: none;
}

.nav-tabs > li > a {
	/*
	text-transform: uppercase;
	*/
	color: #767676;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	font-family: "Monserrat", "Roboto", "Arial";
}

.tab-pane {
    border: 1px solid rgb(233, 233, 233);
    padding: 15px;
}

.nav-tabs-receive {
	position: sticky;
	top: 50px;
}

.btn-fixed-width {
	width: 90px;
}

#transfer-edit-item .transfer-item {
	font-weight: bold;
	font-size: 16px;
}

input[type="checkbox"].checkbox-large {
	width: 20px;
	height: 20px;
}

input[type="checkbox"], input[type="radio"] {
	width: 20px;
	height: 20px;
}

.input-fill {
	width: 95%;
}

.modal .modal-header h3 {
	font-size: 18px;
	font-weight: bold;
}

.modal-header .close {
    margin-top: 6px;
    font-size: 32px;
}

.allocate-stock-modal .modal,
.allocate-stock-modal.modal {
	width: 840px;
	margin-left: -420px;
}

.allocate-stock-modal .modal .modal-body,
.allocate-stock-modal.modal .modal-body {
	max-height: 500px;
}

.transfer-table tr td:first-child {
	font-weight: bold;
	font-size: 12px;
	width: 150px;
}

.transparent {
	background-color: transparent;
}

.recv-putaway { color: #41be41; }
.recv-received { color: #08c; }
.recv-unpacked { color: #30ae8e; }
.recv-eta { color: #f89406; }
.recv-arrived { color: #f11308; }
.recv-created { color: #aaa; }

.bold {
	font-weight: bold;	
}
.color-green { color: #41be41; }
.color-blue { color: #08c; }
.color-aqua { color: #30ae8e; }
.color-orange { color: #f89406; }
.color-red { color: #f11308; }
.color-gray { color: #aaa; }

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 4px 6px; white-space: nowrap; overflow: hidden;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #3399FF; }
.autocomplete-group { padding: 4px 56x; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.config-icepack-matrix {
	display: inline-block;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #b4ddf5
}

.config-icepack-matrix .matrix-row {
	display: block;
}

.config-icepack-matrix .matrix-cell {
	display: inline-block;
	min-width: 50px;
}

.config-icepack-matrix .matrix-cell.target {
	background-color: #b4ddf5;
}

.config-icepack-matrix .matrix-cell.heading.state {
	min-width: 50px;
}

.config-icepack-matrix .matrix-cell.heading.carrier {
	min-width: 200px;
}

.config-icepack-matrix .matrix-cell.heading {
	font-weight: bold;
}

input[type="checkbox"].large-checkbox,
.config-icepack-matrix .matrix-cell input[type="checkbox"] {
	height: 20px;
	width: 20px;
	margin-bottom: 3px;
}

input[type="checkbox"].large-checkbox {
    width: 18px;
    height: 18px;
}

.label-induct {
    background-color: #61c57f;
}

.label-printed {
    background-color: #9c20c9;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.panel-default {
    border-color: #e9e9e9;
}

.panel .panel-heading {
		/*
    text-transform: uppercase;
    */
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
		font-family: "Monserrat", "Roboto", "Arial";
		font-size: 14px;
		font-weight: 600;
}

.panel-default>.panel-heading {
    color: #767676;
    background-color: #f6f6f6;
    border-color: #e9e9e9;
}

.panel-body {
    padding: 15px;
}

.panel .panel-btn-panel {
	padding-bottom: 5px;
}

.suggestion-box .instruction {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 2px 4px;
}

.suggestion-box .post-code-data-suggestion:hover {
	text-decoration: underline;
}

.transparent {
	background-color: transparent;
}
.alert.compact {
	padding: 0px 4px;
	font-size: 11px;
}
.order-line-tbl .alert.compact {
	margin-bottom: 2px;
}
form.modal-form {
	margin: 0px;
}

.panel-heading .dropdown.pull-right {
	margin-left: 5px;
}

.panel h3.sub-header {
	border: none;
	padding: 0px;
	margin: 0px;
}


.table tbody.list>tr>td>select {
    margin-bottom: 0px;
}

.square-border,
.input-prepend .square-border.add-on:first-child,
.input-prepend.input-append .square-border.btn {
	border-radius: 0 0 0 0;
}

.strike-through {
	text-decoration: line-through;
}

.ajax-loader {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url('data:image/gif;base64,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')
                50% 50%
                no-repeat; 
}

.loading .ajax-loader {
    display: block;
}

/*
 * NEW THEME: MOVE TO NEW FILE AND UPDATE DECORATORS
 */

.square.dropdown-menu {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.square.dropdown-menu>li>a:hover,
.square.dropdown-menu>li>a:focus {
    background-color: #dddddd;
    background-image: none;
    color: #333;
}

.square.dropdown-menu>li>a.dropdown-option-success:hover,
.square.dropdown-menu>li>a.dropdown-option-success:focus {
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	color: #fff;
}
 
.square.dropdown-menu>li>a.dropdown-option-warning:hover,
.square.dropdown-menu>li>a.dropdown-option-warning:focus {
    background-color: #faa732;
    background-image: linear-gradient(to bottom,#fbb450,#f89406);
    color: #fff;
}
 
.square.dropdown-menu>li>a.dropdown-option-danger:hover,
.square.dropdown-menu>li>a.dropdown-option-danger:focus {
    background-color: #da4f49;
    background-image: linear-gradient(to bottom,#ee5f5b,#bd362f);
    color: #fff;
}

.table.table-bordered,
.table.table-bordered thead th,
.table.table-bordered tbody td,
.table.table-bordered tfoot th {
    border: none;
}

.table,
.table.table-bordered,
.light-theme.table {
    border-bottom: 1px solid transparent;
}

.table tbody td:first-child,
.table.table-bordered tbody td:first-child,
.light-theme.table tbody td:first-child {
    border-left: 1px solid transparent;
}

.table tbody td:last-child,
.table.table-bordered tbody td:last-child,
.light-theme.table tbody td:last-child {
    border-right: 1px solid transparent;
}

/*
.table tbody tr:nth-child(even),
.table.table-bordered tbody tr:nth-child(even) {
*/
.table-striped tbody>tr:nth-child(odd)>td,
.table-striped tbody>tr:nth-child(odd)>th {
	background: #fff;	
}

.table-striped tbody>tr:nth-child(even)>td,
.table-striped tbody>tr:nth-child(even)>th
{
	background: #fafafa;
}

.table tbody tr,
.table.table-bordered tbody tr,
.light-theme.table tbody tr {
    background: #fff;
    border-top: 1px solid #ddd;
}

.table th,
.table td,
.table.table-bordered thead th,
.table.table-bordered tbody td,
.table.table-bordered tfoot th,
.light-theme.table th,
.light-theme.table td {
    border-top: 1px solid #f3f3f3;
}

/* Not sure why the border top was defined on the td? legacy stuff maybe,
 * but it appears to result in a double border in the service table
 */
.service-entity-list.table.light-theme td {
	border-top: none;
}

.table tbody tr:hover,
.table tbody tr.hover-highlight:hover td,
.table tbody tr.highlight td,
.table.table-striped tbody tr:hover,
.table.table-striped tbody tr:hover td,
.table.table-bordered tbody tr:hover,
.light-theme.table tbody tr:hover,
.light-theme.table tbody tr.highlight {
    background: #f5f5f5;
    background: #d3ecff;
    color: #333;
}

.table tbody tr,
.table.table-bordered tbody tr,
.light-theme.table tbody tr {
    background: #fff;
}

.table thead th,
.table.table-bordered thead th,
.light-theme.table thead th {
    background: #f5f5f5;
    border-right: none;
}

.small-info {
	font-size: 10px;
}

.label-text-highlight {
	text-decoration: underline;
}

.text-highlight {
	color: green		
}

.chosen-container .chosen-choices li.search-choice {
	border-radius: 0px;
}

.order-views-btns .view-btn {
	text-transform: none;
}

#carrier-matrix-form.form-horizontal .control-label {
	width: 320px;
}

#carrier-matrix-form.form-horizontal .controls {
	margin-left: 320px;
}

.form-label.label {
	margin-top: 4px;
}

.print-orders-item-list {
	height: 200px; 
	width: 500px; 
	overflow: auto; 
	border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 6px;
    padding-bottom: 6px;
}

.thumbnail-viewport {
    width: 100%;
    height: 100px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.thumbnail-viewport img.image {
	height: 100%;
}

.thumbnail-viewport .document-icon {
	font-size: 85px;
}

.view-grid .view-row + .view-row {
	padding-top: 25px;
}

.view-grid .view-element {
	border: 1px solid #e9e9e9;
	padding: 3px;
}

.loading-image-container {
    display: none;
}

.loading-image-container.visible {
    display: block;
    text-align: center;
    height: 100%;
}

.loading-image-container .loading-image {
    display: inline;
    vertical-align: middle;
}

.vertical-align-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.document-upload .file-queue .file {
	padding-bottom: 10px;
}

.nav.nav-tabs.nav-tabs-order {
	margin-bottom: 0px;
}

/* -------------- Select 2  Styling START--------------------------*/
.select2 > .select2-choice.ui-select-match {
    /* Because of the inclusion of Bootstrap */
    height: 29px;
}



.selectize-input {
    padding: 4px;
    border-radius: 0;
}

.selectize-dropdown-content {
    max-height: 400px;
}

.selectize-control > .selectize-dropdown {
    top: 36px;
}
/* Some additional styling to demonstrate that append-to-body helps achieve the proper z-index layering. */
.select-box {
  background: #fff;
  position: relative;
  z-index: 1;
}
.alert-info.positioned {
  margin-top: 1em;
  position: relative;
  z-index: 10000; /* The select2 dropdown has a z-index of 9999 */
}

.option .item-key {
    font-weight: bold;
}

.option .item-desc {
    color: #666;
}

.ui-select-highlight {
    color: green;
}

/* more styling to fit with openlink theme */
.ui-select-container .selectize-input .clear-btn::before {
	content: "\00D7";
	font-size: 12px;
	padding-left: 5px;
}

.view-mode .selectize-input.disabled .clear-btn {
	display: none;
}

.view-mode .selectize-input.disabled::after {
    display: none;
}
.view-mode .selectize-input.disabled {
	border: none;
	opacity: unset;
	background-color: transparent;
	background-image: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

div.order-status span {
	font-size: 11px;
	font-weight: bold;
}
div.order-status {
	font-size: 10px;
}

.table tbody tr.error td { 
	background-color: #ddd; font-weight: normal; 
}
.table tbody tr.printed td { 
	background-color: #d3ebfe; 
}
.table tbody tr.cancelled td { 
	background-color: #fff; color: grey; 
}
.table tbody tr.scanned td { 
	background-color: #ffcc99; 
}
	
.errors { color: red; }
.cancelled { color: red; }
.shipped { color: #222; }
.labelled { color: #008080;  }
.packed { color: #2e94ab; }
.packing { color: #c435ce; }
.picked { color: #008040; }
.scanned { color: #3a87ad; }
.inducted { color: #61c57f; }
.printed { color: #f89406; }
.print_queue { color:  orange; }
.allocated { color: #0080ff; }

.chep { color: #0078bf }


/* -------------- Select 2  Styling END--------------------------*/

/* The item selector */
.add-asn-item-modal .modal-body {
	overflow-y: visible;
}

/* ------- bootstrap overrides ------------- */

.input-max-width .input-block-level {
	max-width: 400px;
}

.btn, .btn:hover, .btn:visited, .btn:active, .btn:focus, .btn.sqr-btn, .input-append .btn.sqr-btn {
	text-shadow: none;
	-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
	background: #1870c8;
	border: 1px solid #1870c8;
	color: #fff;
}

.btn-primary.disabled, .btn-primary[disabled], 
	.btn-success.disabled, .btn-success[disabled],
	.btn-warning.disabled, .btn-warning[disabled],
	.btn-info.disabled, .btn-info[disabled] 
{
	background: #f6f6f6;
	border: 1px solid #e9e9e9;
	color: #767676;
}

.btn-primary {
	background: #298bea;	
	border: 1px solid #298bea;
	min-width: 80px;
}

.btn-warning {
	background: #ffa04f;
	border: 1px solid #ffa04f;
	color: #fff;
}

.btn-success {
	background: #00cc69;
	border: 1px solid #00cc69;
	color: #fff;
}
.btn-success:hover {
	background: #02b55e;
}

.btn-info {
	background: #d3ecff;
	border: 1px solid #d3ecff;
	color: #1e82d8;
}

.btn-info:hover {
	background: #7fb7e8;
	border: 1px solid #7fb7e8;
	color: #fff;
}

.table-bordered thead:first-child tr:first-child>th:first-child, .table-bordered tbody:first-child tr:first-child>td:first-child, .table-bordered tbody:first-child tr:first-child>th:first-child {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	
}
.table-bordered thead:first-child tr:first-child>th:last-child, .table-bordered tbody:first-child tr:first-child>td:last-child, .table-bordered tbody:first-child tr:first-child>th:last-child {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

/* End bootstrap */