/* Bootstrap overrides. */
body {
	color: #888;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 0.5em;
}

h1, h2, h3, h4, h5 {
    color: #0088cc;
}

.modal-xl {
	width: 90%;
}

/*
.navbar-inverse {
	background-color: #0088cc !important;
}
*/
.navbar-text {
	color: #fff !important;
}

.well-white {
	background-color: #fff;
}

.extras-tooltip {
	position:absolute;
	top:18px;
}

/*  TableSorter styles. */
table.tablesorter thead tr .header {
	background-color: #ccc;
	background-image: url( "/images/bg.gif" );
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url( "/images/asc.gif" );
}
table.tablesorter thead tr .headerSortDown {
	background-image: url( "/images/desc.gif" );
}

#internal-schedule-container, #awaiting-scheduling-container {
	height: 55vh;
	overflow-y: auto;
	overflow-x: none;	
}

#external-schedule-container {
	height: 70vh;
	overflow-y: auto;
	overflow-x: none;	
}

/* Borders. */
#workspace-1, #workspace-2 {
	border-left: 1px solid #ddd;
}

/* Table display. */
.order-row,
.quote-row,
.customer-row,
.supplier-row,
.product-row,
.discount-coupon-row,
.print-method-row,
.user-row,
.purchase-order-row,
.image-list-row,
.sample-order-row,
.bespoke-order-row,
.bespoke-product-row,
.bespoke-quote-row,
.order-archive-search-row,
.quote-contact-amend {
	cursor: pointer;
}

.table-header {
	background-color: #ccc;
}

.table-header-light {
	background-color: #eee;
}

/* Hiding and showing things. */
.hidden {
	display: none;
}

.shown {
	display: block;
}

.shown-inline {
	display: inline;
}

.shown-table-row {
	display: table-row;
}

.shown-table-cell {
	display: table-cell;
}

.shown-table {
	display: table;
}

.feedback-hidden {
	visibility: hidden;
}

.feedback-shown {
	visibility: visible;
}

.borderless tbody tr td {
    border: none;
}

.bordered {
    border-bottom: 1px solid #ddd !important;
}

.no-top-border td {
	border-top: none !important;
}

/*  Colours. */
.invalid-value {
    color: #c53b3f !important;
    background-color: #f5dddd !important;
}

a.danger-link {
	color: #c53b3f;
}

a.danger-link:hover {
	color: #a3191d;
}

a.warning-link {
	color: #ea9d3e;
}

a.warning-link:hover {
	color: #c87b1c;
}

a.success-link {
	color: #54aa54;
}

a.success-link:hover {
	color: #328832;
}

.white-text {
	color: #ffffff;
}

.blue-text {
	color: #0071c3;
}

.red-text {
	color: #c53b3f;
}

.pink-text {
	color: #f60080;
}

.orange-text {
	color: #ea9d3e;
}

.green-text {
	color: #54aa54;
}

.grey-text {
	color: #ddd;
}

.disabled-text {
	color: #ddd;
}

.red-background {
	background-color: #efd6d6;
}

.blue-background {
	background-color: #3275c1;
}

.white-background {
	background-color: #fff;	
	border: 1px solid #ddd;
	  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.grey-background {
	background-color: #eee;	
	border: 1px solid #ddd;
	  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.feedback-success {
    color: #54aa54;
}

.feedback-error {
    color: #c53b3f;
}

.feedback-warning {
    color: #ea9d3e;
}

.font-normal {
	font-weight: normal;
}

.dragged-item {
	background-color: #000;
	color: #fff;
	padding: 2px;
}

/* Spacing. */
.top-plus-10pc {
	margin-top: 10%;
}

.top-plus-1em {
	margin-top: 1em;
}

.top-plus-2em {
	margin-top: 2em;
}

.top-plus-5em {
	margin-top: 5em;
}

.top-plus-5px {
	margin-top: 5px;
}

.bottom-plus-2em {
	margin-bottom: 2em;
}

.bottom-plus-5em {
	margin-bottom: 5em;
}

.left-space {
	margin-left: 2em;
}

.left-double-space {
	margin-left: 4em;
}

.right-space {
	margin-right: 2em;
}

.right-double-space {
	margin-right: 4em;
}

.right-plus-5px {
	margin-right: 5px !important;
}

.left-plus-5px {
	margin-left: 5px !important;
}

li.extra-space {
	line-height: 200% !important;
}
/*
.print-schedule-date {
	margin-left: 5px !important;
}
*/
/* Alignment. */
.text-right {
	text-align: right;
}

.text-left {
	text-align: left !important;
}

.text-centre {
	text-align: center !important;
}

.text-large {
	font-size: 100%;
}

.text-x-large {
	font-size: 150%;
}

.text-xx-large {
	font-size: 170%;
}

.v-middle {
	vertical-align: middle !important;
}

.v-top {
	vertical-align: top !important;
}

label.left-label {
	text-align: left !important;
}


.table-narrow {
	width: 66%;
}

/* Table rows. */
.related-product-row,
.upsell-product-row,
.downsell-product-row,
.print-schedule-row td:first-child,
.print-waiting-row td:first-child {
	cursor: pointer;
}

td.csv-cell div.table-header {
	cursor: pointer;
}

td.lead-time-cell {
	cursor: pointer;
}

.btn-file {
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}

.btn-file > input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  font-size: 23px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  direction: ltr;
}


/* Typeahead styles */
.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}


  
.tt-dropdown-menu {
  min-width: 422px;
  margin-top: 4px;
  padding: 4px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}


span.twitter-typeahead {
  width: 100%;
}
.input-group span.twitter-typeahead {
  display: block !important;
}
.input-group span.twitter-typeahead .tt-dropdown-menu {
  top: 32px !important;
}
.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
  top: 44px !important;
}
.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
  top: 28px !important;
}

.web-image {
	display: block; 
	max-width: 200px; 
	max-height: 200px; 
	width: auto; 
	height: auto;
}