.cart {
	/*background: #f2f2f2;*/
}
#paypalText{
	display: none;
}
#swishText{
	display: none;
}
#SveaText{
	display: none;
}
.cart.checkout {
	margin-top: 52px;
}
#paypalForm{
	display: none;
}
.cart.shopping-cart {
	height: 0;
	overflow: hidden;
	transition: height 0.4s ease-in-out;
	-webkit-transition: height 0.4s ease-in-out;
	margin-top: 52px;
}

.cart > .inner {
	padding: 65px 0;
  border-bottom: 10px solid #fff;
}
.cart .width {
	max-width: 980px;
}
.cart.checkout .cart-top {
  padding-bottom: 55px;
}
.cart .cart-extra {
  padding-top: 45px;
  border-top: 1px solid #e3e3e3;
}
.cart .cart-title {
	font-size: 30px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin: 0 0 45px;
	text-align: center;
}
.cart .cart-empty {
	text-align: center;
}
.cart .cart-empty .text {
	font-size: 16px;
	margin-bottom: 15px;
}

.cart.loading .btn-checkout .fa-spin {
	display: inline-block;
}

.cart-item {
	background: #1F5A9F;
	padding: 18px 35px;
	border-bottom: 2px solid #fff;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
}
.cart-item > div {
	padding-top: 32px;
}
.cart-item div.image {
	float: left;
	width: 110px;
	line-height: 80px;
	text-align: center;
	font-size: 0px;
	letter-spacing: 0px;
	padding: 0;
}
.cart-item .image .middle-image {
	display: inline-block;
	width: 0px;
}
.cart-item .image img {
	vertical-align: middle;
}
.cart-item .title {
	float: left;
	width: 515px;
	margin-left: 25px;
}
.cart-item .title a {
	color: inherit;
	text-decoration: none;
}
.cart-item .quantity {
	width: 100px;
	text-align: right;
	float: left;
}
.cart-item .price {
	float: right;
  margin-right: 20px;
	text-align: right;
}
.cart-item .delete {
	float: right;
}
.cart-item .delete .cart-remove {
  background: url("../images/close-white.png") no-repeat center center;
  background-size: 10px 10px;
	display: block;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.cart .checkout-btn {
	text-align: center;
	margin-top: 40px;
}

.quantity-edit {
	position: relative;
	padding: 0 20px;
	line-height: 20px;
	display: inline-block;
}
.quantity-edit .quantity-value {
	width: 40px;
	padding: 0;
	text-align: center;
	border: none;
	font-size: inherit;
	background: transparent;
}
.quantity-edit .quantity-math {
	position: absolute;
	top: 0;
	border: 1px solid #dedddc;
	width: 18px;
  height: 18px;
	text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	transition: border-color 0.2s ease;
}
.quantity-edit .quantity-math:hover {
	border-color: #FFF;
}
.quantity-edit .quantity-increase {
  background-image: url("../images/plus-white.png");
  background-size: 7px 7px;
	right: 0;
}
.quantity-edit .quantity-decrease {
  background-image: url("../images/minus-white.png");
  background-size: 7px 1px;
	left: 0;
}

.cart .fees-title {
  font-size: 20px;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-align: center;
}
.cart .fees {
  margin: 15px auto;
  max-width: 635px;
}
.cart .fee {
	background: #1F5A9F;
	padding: 20px;
	border-bottom: 2px solid #fff;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	cursor: pointer;
}
.cart .fee-selector {
	float: left;
	margin-right: 8px;
}
.cart .fee-details {
	float: left;
	background: #1F5A9F;
	padding: 20px;
	width: 90%;
}
.cart .fee-title {
  float: left;
}
.cart .fee-amount {
  float: right;
  letter-spacing: 1px;
  font-weight: 600;
}
.cart .info {
  text-align: center;
  font-weight: 300;
}
.cart .info strong {
  font-weight: 600;
}



/* CHECKOUT */
.checkout-error {
  text-align: center;
  font-size: 16px;
  padding: 80px 0;
}
.payment-info {
  text-align: center;
  margin: 50px auto 0;
  max-width: 480px;
}
.payment-info .field-text {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 20px;
  margin-bottom: 5px;
}
.payment-info .field-textarea {
  font-weight: 300;
}
#checkout {
  margin: 50px auto 75px;
  max-width: 635px;
}
#checkout ul {
	list-style: none;
	padding: 0;
}
.form-order-checkout .form-name-firstname,
.form-order-checkout .form-name-lastname {
  float: left;
  width: 310px;
}
.form-order-checkout .form-name-firstname {
  margin-right: 15px;
}
.form-order-checkout .form-type-address {
  border: none;
  padding: 0;
  clear: both;
  width: auto;
}
.form-order-checkout .form-type-address .form-name-line {
  width: auto;
}
.form-order-checkout .form-type-address .form-name-postal-code {
  width: 140px;
  max-width: 100%;
  margin: 0;
}
.form-order-checkout .form-type-address .form-name-locality {
  width: 260px;
  margin: 0 15px;
}
.form-order-checkout .form-type-address .form-name-country {
  width: 205px;
  float: left;
  clear: none;
  margin: 0;
}
.form-order-checkout .order-total {
  text-align: center;
  letter-spacing: 3px;
  font-size: 30px;
  margin: 25px 0;
}
.form-order-checkout .form-type-actions {
  width: auto;
}
.form-order-checkout .form-type-actions .form-item {
  float: none;
  margin: 0;
  width: auto;
  text-align: center;
}
.form-order-checkout .btn {
	width: 460px;
	letter-spacing: 1px;
	background: #419641;
	height: 50px;
	font-size: 20px;
}
.form-order-checkout .form-name-stripe-open {
  animation: fade 1s, frombelow 1s;
  -webkit-animation: fade 1s, frombelow 1s;
}
.form-order-checkout .form-name-stripe-open .btn {
  background: #3ea8e5;
}
.form-order-checkout .form-name-stripe-open .btn:hover {
  background: #54b7f0;
}
.form-order-checkout.stripe-ready .form-name-submit,
.form-order-checkout .form-name-stripe-open {
  display: none;
}
.form-order-checkout.stripe-ready .form-name-stripe-open {
  display: block;
}
.shopping-bag-checkout {
	padding: 0 !important;
	color: #FFF;
}
.shopping-bag-checkout:hover {
	background: transparent !important;
	color: #FFF !important;
}

.delivery-notification input {
	color: black;
	padding: 5px;
	margin-left: 10px;
}

.hide-dueto-invalid-data{
	visibility: hidden;
}

#payBtnHidden{
	color: red;
	font-size: 1.2em;
}

.red-dueto-invalid-data input {
	background-color: red;
}

/* Stil för bollen */
.ball {
	width: 20px;
	height: 20px;
	background-color: #3498db;
	border-radius: 50%;
	position: relative;
	animation: roll 1s linear infinite;
}

/* Stil för rullande rörelse */
@keyframes roll {
	0% { left: 0; }
	50% { left: 50px; }
	100% { left: 0; }
}

/* Stil för nedräkningstext */
.countdown {
	font-size: 24px;
	margin-top: 20px;
	color: #333;
}