body {
	padding-top: 70px;
}

.line-qty {
	text-align: center;
	width: 120px;
}

.line-right,
.line-msrp,
.line-remove,
.line-total {
	text-align: right;
}

.checkout .col-md-4,
.checkout input {
	text-align: right;
	font-size 2em;
}

.checkout .col-md-8 {
	font-size 2em;
}

.transaction-total,
.transaction-outstanding {
	font-weight: bold;
}

.tenders {
	text-transform: capitalize;
}

.small-gutter {
	margin-left: -5px;
	margin-right: -5px;
}

.small-gutter .col-md-3,
.small-gutter .col-md-4,
.small-gutter .col-md-6 {
	padding-left: 5px;
	padding-right: 5px;
}

.img-product {
	cursor: pointer;
}

.lds-dual-ring {
	display: none;
	position: absolute;
	top: 20%;
	left: 45%;
  width: 164px;
  height: 164px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 146px;
  height: 146px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #fff;
  border-color: #ccc transparent #ccc transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

body.background {
	background-size: cover;
	background-position: 0 55px;
	background-image: url('../img/background.jpg');
	background-repeat: no-repeat;
	min-height: 100%;
}

/* // Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap */

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { ... }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { ... }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { ... }

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }

/* Pagination links */
.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
}

/* Style the active/current link */
.pagination a.active {
  background-color: dodgerblue;
  color: white;
}

/* Add a grey background color on mouse-over */
.pagination a:hover:not(.active) {background-color: #ddd;}