#left-column-checkout { width: 900px; margin: 0 auto; }
#left-column-checkout .views-field-commerce-total { text-align: right; }
#left-column-checkout tr td { vertical-align: middle; }
.views-field-edit-delete input { background: url(/sites/all/themes/retailshop/images/delete-product.png) center center no-repeat; border: 0; width: 13px; height: 19px; }
#right-column-checkout { float: right; width: 134px; margin: 0 10px 0 10px; padding: 0 0 10px 10px; border-left: 1px solid #ccc; }
.right-column-checkout-hdr { font: bold 17px edosz; text-transform: uppercase; text-align: center; margin: 10px 0 6px 0; padding: 0; }
#right-column-checkout .prd { margin: 0 0 10px 0; border: none; background: #fff; }

.page-checkout ul#header-menu
{ width: auto; height: auto; }

input.delete-line-item { font-size: 0 !important; }

input.matsmart-error { border: 1px solid #b20000 !important; -webkit-box-shadow: rgb(251, 197, 197) 0px 0px 4px 2px; }

fieldset.matsmart_cart_form_checkout_pane {
  padding-bottom: 0;
}

.commerce-price-formatted-components .component-type-swiftwick-commerce-total-saved { color:red; font-weight: bold; }
tr.even, tr.odd { border-bottom: 0; border-top: 1px solid #ccc; background: #fff; }
tr.odd + tr.offer-row { border-top: #f7f7f7; }
tr.odd + tr.offer-row td { background: #f7f7f7; border-bottom: 1px solid #ccc; }

#edit-matsmart-cart-form-checkout-pane .messages { display: none; }

.view-commerce-cart-form tbody:last-child { border-bottom: 0; border-top: 0; }

#checkout-content .view-commerce-cart-form tr { border-bottom: 1px solid #e3e3e3; }
#checkout-content .view-commerce-cart-form tr:last-of-type { border-bottom: 0; }

.view-commerce-cart-form .attachment { display: none; }

.view-commerce-cart-summary .views-row { clear: both; overflow: hidden; border-bottom: 1px solid #D6D2CD; }

.view-commerce-cart-summary .views-row-hdr { font: bold 14px "Trebuchet MS", Arial, Tahoma; overflow: hidden; padding: 0 0 2px 0; }
.view-commerce-cart-summary .views-field-line-item-title-hdr { width: 349px; float: left; }
.view-commerce-cart-summary .views-field-commerce-unit-price-hdr { width: 108px; float: left; }
.view-commerce-cart-summary .views-field-quantity-hdr { width: 101px; float: left; }
.view-commerce-cart-summary .views-field-commerce-total-hdr { width: 111px; float: left; }

.view-commerce-cart-summary .views-field-field-image { width: 60px; float: left; height: 43px; }
.view-commerce-cart-summary .views-field-field-image .field-content { margin: 4px; }
.view-commerce-cart-summary .views-field-line-item-title { width: 289px; float: left; height: 43px; line-height: 43px; }
.view-commerce-cart-summary .views-field-commerce-unit-price { width: 108px; float: left; height: 43px; line-height: 43px; }
.view-commerce-cart-summary .views-field-quantity { width: 101px; float: left; height: 43px; line-height: 43px; }
.view-commerce-cart-summary .views-field-commerce-total { width: 111px; float: left; clear: right; height: 43px; line-height: 43px; }
.view-commerce-cart-summary .views-field-matsmart-offer-information { height: auto; float: left; clear: left; margin-left: 60px; padding: 0 0 3px 0; }

.view-commerce-cart-summary .views-row-odd  { background: #f7f7f7; }

#checkout-content .views-field.views-field-edit-quantity input {
  border: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

@media screen and (max-width: 800px){
#checkout-content .commerce-order-handler-area-order-total {
  padding: 20px;
  background: #f7f7f7;
  margin: 0 15px;
}
}
#checkout-content .commerce-price-formatted-components {
  font-size: 12px;
  font-weight: 100;
  color: #9e9e9e;
}
@media screen and (max-width: 800px){
#checkout-content .commerce-price-formatted-components {
  width: 100%;
}
}
@media screen and (max-width: 800px){
#checkout-content .commerce-price-formatted-components tr td{
  padding: 8px 0;
}
}
#checkout-content .component-total {
  color: #4e4e4e;
}
#checkout-content .component-type-commerce-price-formatted-amount td {
  font-size: 18px;
  font-weight: bold;
  color: #4e4e4e;
  padding: 10px 0;
}
#checkout-content .commerce-price-formatted-components [class^="component-type-vat"] td {
  font-weight: 300;
  color: #9e9e9e;
}
.component-type-matsmart-commerce-total-saved td {
  font-weight: bold !important;
}
.component-type-matsmart-commerce-total-saved .component-total,
.component-type-matsmart-commerce-total-saved .component-title {
  color: #FF273E !important;
}

#checkout-content { float: left; padding: 0; background: #ffffff; width: 100%; margin-top: 35px; }
#checkout-content #edit-checkout { display: none; }
.page-cart #checkout-content #edit-checkout { display: block; }
@media (min-width: 800px) {
.page-cart #checkout-content #edit-checkout { width: 45%; float: right; }
}
.page-cart .commerce-line-item-actions { overflow: hidden; }

#matsmart-checkout-shipping-services-wrapper {
  position: relative;
}

#edit-commerce-payment-payment-details-klarna { border: 0; margin: 0 0 0 30px; }
#edit-commerce-payment-payment-details-klarna .fieldset-legend { font-weight: bold; }
.checkout-buttons#edit-buttons a:link { text-decoration: underline; }
#klarna-invoice-terms a:link { text-decoration: underline; }
#payment-details { clear: both; }

#edit-commerce-payment-payment-method:lang(nb) { display: none; }
.views-field-matsmart-offer-information, .component-type-matsmart-multiprice { color: rgb(232,1,21) }

.link-submit-btn {
  height: 43px;
  line-height: 43px;
  width: 99px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin-left: 2px;
}
@media screen and (max-width: 800px){
  .link-submit-btn {
    width: calc(40% - 2px);
  }
}

#checkout-content .commerce-line-item-views-form {
  background: #fff;
  padding: 40px;
  padding-bottom: 10px;
}
@media screen and (max-width: 800px) {
#checkout-content .commerce-line-item-views-form {
  padding: 0;
}
}  
@media screen and (max-width: 800px) {
.commerce-line-item-views-form .tablewrap {
  padding: 15px;
  padding-top: 0;
}
}  

#edit-matsmart-cart-form-checkout-pane legend {
  margin-left: 20px;
}
@media screen and (max-width: 800px){
#edit-matsmart-cart-form-checkout-pane legend {
  position: absolute;
  top: -40px;
}
}

.page-cart .commerce-line-item-views-form {
  background: #fff;
}


/* coupon */
@media all and (min-width: 320px) and (max-width: 800px) {
    fieldset.commerce_coupon, .matsmart_coupons.form-wrapper {
        padding: 0;
        margin-bottom: 0;
        margin-left: 0;
    }
}
.form-item-commerce-coupon-coupon-code { display: inline; }
fieldset.commerce_coupon input[type=text] { width: 250px; vertical-align: bottom; }
fieldset.commerce_coupon input[type=submit],
.coupon-submit-btn {
        display:inline-block;
        width: 80px;
        height: 29px;
}
.view-order-coupon-list { margin-top: 15px; }
.matsmart_coupons .modal-open-button {
  width: 200px;
  height: 50px;
  line-height: 50px;
}
@media screen and (max-width: 800px){
#matsmart-checkout-coupon-ajax-wrapper .modal-open-button {
  width: calc(50vw - 17px);
}
}
@media screen and (min-width: 801px){
.matsmart_coupons .content {
  width: 320px;
  left: -150px;
}
}
@media screen and (max-width: 800px){
.matsmart_coupons .content {
  top: -40px;
  left: 16px;
}
}
.matsmart_coupons .coupon-form-wrapper {
  margin-top: 15px;
}
.matsmart_coupons .content .ms-input {
  height: 43px;
}
@media screen and (min-width: 801px){
.matsmart_coupons .content .ms-input {
  width: 210px;
}
}
.matsmart_coupons .content .ms-button {
  height: 43px;
  line-height: 42px;
}
@media screen and (max-width: 800px){
#matsmart-checkout-coupon-ajax-wrapper {
  display: inline-block;
}
}
.coupon-block-origin input {
    display: none !important;
}
.coupon-data-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 800px){
  .coupon-data-wrapper {
    width: calc(50vw - 17px);
    left: 15px;
  }
}
.coupon-data-table {
  height: 50px;
  line-height: 50px;
}
.coupon-data-table:hover {
  background: #f7f7f7;
}
.coupon-data-table a {
  position: absolute;
  top: 18px;
  right: 10px;
  font-size: 0;
  background: url(../images/icons/clear.svg) no-repeat;
  width: 15px;
  height: 15px;
  cursor: pointer;
  transition: background 0.5s;
}
.coupon-data-table a:hover {
  background: url(../images/icons/clear.svg) no-repeat;
}


#edit-matsmart-dhl-shipping-options-matfyndet-shipping-options-pane-zipcode {vertical-align: bottom;}

@media screen and (max-width: 800px){
  #matsmart-checkout-shipping-services-wrapper {
    margin-top: 65px;
  }
}

.form-item-commerce-shipping-shipping-service {
  position: relative;
}
.form-item-commerce-shipping-shipping-service input {
  margin-top: 6px;
}
#edit-commerce-shipping-shipping-service-warehouse-pickup {
  margin-top: 13px
}
#views-form-commerce-cart-form-default {
  
}
#ms-my-cart {
  border: none;
  padding: 0px 10px;
}
#ms-my-cart .commerce-line-item-actions {
  text-align: right;
}
#ms-my-cart #edit-checkout {
  -moz-box-shadow: inset 0px 0px 0px 0px #a4e271;
  -webkit-box-shadow: inset 0px 0px 0px 0px #a4e271;
  box-shadow: inset 0px 0px 0px 0px #a4e271;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #009900));
  background: -moz-linear-gradient(top, #89c403 5%, #009900 100%);
  background: -webkit-linear-gradient(top, #89c403 5%, #009900 100%);
  background: -o-linear-gradient(top, #89c403 5%, #009900 100%);
  background: -ms-linear-gradient(top, #89c403 5%, #009900 100%);
  background: linear-gradient(to bottom, #89c403 5%, #009900 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#009900',GradientType=0);
  background-color: #89c403;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #74b807;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Trebuchet MS;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 1px 1px 0px #528009;
  margin-left: 15px;
}

#hdr-basket-full .offer-row { display: none; }
#checkout-content td.views-field-matsmart-offer-information { display: table-cell; }
.view-commerce-cart-form .views-field-matsmart-offer-information { display: none; }


@media all and (min-width: 320px) and (max-width: 679px) {

	.form-item-commerce-shipping-shipping-service label {
		width: auto;
	}
	.form-item-commerce-shipping-shipping-service label[for^="edit-commerce-shipping-shipping-service-warehouse-pickup"] {
		width: auto;
	}
	#edit-account-login-mail {
		width: 93%;
		max-width: 304px;
	}
  .form-item-commerce-shipping-shipping-service label,
  .form-item-commerce-shipping-shipping-service label[for^="edit-commerce-shipping-shipping-service-warehouse-pickup"] {
    padding: 0 0 10px 84px;
    background-position: 0px 0px;
  }
  .form-item-commerce-shipping-shipping-service input {
    float: left;
    position: absolute;
    left: 29px;
    top: 25px;
  }
  #edit-commerce-shipping-shipping-service-warehouse-pickup {
    top: 34px;
    left: 29px;
  }
  #ms-my-cart #edit-checkout {
    border: medium none rgb(112, 112, 112);
    display: block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 16px;
    height: 40px;
    border-radius: 0px;
    background: rgb(56, 153, 31) none repeat scroll 0% 0%;
    color: rgb(255, 255, 255);
    margin-left: 0px;
    line-height: 40px;
    text-align: center;
  }
}

.cart-actions {
  background: #fff;
  position: relative;
  padding: 40px;
  padding-top: 0;
  text-align: right;
}
@media screen and (max-width: 800px) {
.cart-actions {
  padding: 15px;
  padding-top: 0;
  text-align: left;
}
}
@media screen and (max-width: 800px){
.matsmart-checkout-cart-share-wrapper {
  display: inline-block;
  width: calc(50vw - 17px);
  vertical-align: bottom;
  margin-left: 0;
}
}
.matsmart-checkout-cart-share-wrapper .ms-secondary {
  height: 50px;
}
@media screen and (min-width: 801px){
  .matsmart-checkout-cart-share-wrapper .ms-secondary {
    width: 200px;
    display: inline-block;
  } 
}
.matsmart-checkout-cart-share-wrapper .ms-secondary:before {
  content: '';
  display: inline-block;
  background: url("../images/icons/email-icon.png") no-repeat center center;
  background-size: contain;
  width: 22px;
  height: 16px;
  margin-right: 5px;
  vertical-align: middle;
}
.matsmart-checkout-cart-share-wrapper .status-message {
  position: static;
  display: block;
  padding: 0;
}
.matsmart-checkout-cart-share-wrapper .ms-input {
  height: 43px;
}
@media screen and (min-width: 801px){
.matsmart-checkout-cart-share-wrapper .ms-input {
  width: 280px;
}
}
.matsmart-checkout-cart-share-wrapper .ms-button {
  display: inline-block;
  width: 110px;
  height: 43px;
  line-height: 42px;
}
.matsmart-checkout-cart-share-wrapper.modal-box .content {
  left: -180px;
}
.matsmart-checkout-cart-share-wrapper.modal-box .content .success {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s;
  transition-delay: 0.5s;
}
.matsmart-checkout-cart-share-wrapper.modal-box .content .success p {
  font-size: 14px;
  font-weight: 600;
  margin-top: 5px;
  color: #0a4a18;
}
.matsmart-checkout-cart-share-wrapper.modal-box .content h2,
.matsmart-checkout-cart-share-wrapper.modal-box .content .actions {
  transition: opacity 0.5s, visibility 0.5s;
}
.matsmart-checkout-cart-share-wrapper.modal-box .content.success h2,
.matsmart-checkout-cart-share-wrapper.modal-box .content.success .actions {
  visibility: hidden;
  opacity: 0;
}
.matsmart-checkout-cart-share-wrapper.modal-box .content.success .success {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 800px){
.matsmart-checkout-cart-share-wrapper.modal-box .content {
  left: 15px;
  top: -70px;
}
}

/* Payment method link styles */
.set-payment-method {
    border: 0;
    padding: 0 0 10px 17px;
    color: #4a4a4a;
}
@media (max-width: 679px) and (min-width: 320px) {
    .set-payment-method {
        padding: 0;
        position: absolute;
        top: 60px;
        z-index: 1;
        left: 20px;
    }
}
/*Hide payment methods form elements*/
.commerce_payment.form-wrapper .form-radios{
    display: none;
}
.set-payment-method div {
  display: inline;
}
.set-payment-method a {
    padding-left: 10px;
}

/* Shipping services styling in checkout page */
.matsmart_checkout_shipping.form-wrapper {
    width: 100%;
    border: none;
    background: #fff;
    padding: 40px;
    box-sizing: border-box;
}
@media screen and (max-width: 800px){
  .matsmart_checkout_shipping.form-wrapper {
    overflow: initial;
    position: relative;
    padding: 15px;
  }
}
.matsmart_checkout_shipping .titling {
    font-size: 14px;
    font-weight: bold;
    color: #4a4a4a;
}

#edit-matsmart-checkout-shipping legend {
  position: absolute;
  top: -40px;
  left: 20px;
}
.matsmart_checkout_shipping.form-wrapper .updating{
    opacity: 0.5;
    pointer-events: none;
}
@media screen and (max-width: 800px){
  .matsmart-shipping-top {
    max-width: 320px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}
.matsmart-shipping-top .ms-input {
  height: 43px;
}
.shipping-col-wrap {
    position: relative;
}
.shipping-left-col {
    float: left;
    width: 50%;
}
.shipping-left-col .inside-wrapper {
    overflow: hidden;
}
.service-row {
    background: #f8f8f8;
    border-radius: 3px;
    margin-bottom: 3px;
    font-size: 15px;
    clear: both;
    color: #aaa;
    font-weight: 300;
    transition: height 0.5s;
    height: 40px;
    overflow: hidden;
    border: 1px solid #d5d5d5;
}
.service-row .title-wrap {
    position: relative;
    cursor: pointer;
}
.service-row.active-row {
    border: 1px solid #0f6c29;
    color: #009555;
}
@media screen and (max-width: 800px) {
    .service-row.active-row {
        color: #aaa;
        background: #f8f8f8;
    }
}
@media screen and (min-width: 801px) {
  .service-row:hover {
      background: #eee;
  }
  .service-row.active-row:hover {
    background: #f8f8f8;
  }
}  
.service-row:last-child {
}
.service-row .inputUI-wrap {
    display: inline-block;
    position: absolute;
    top: 11px;
    left: 8px;
    height: 14px;
    width: 14px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
}
.service-row.active-row .inputUI-wrap:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: #0f6c29;
  top: 2px;
  left: 2px;
  border-radius: 50%;
}
.service-row .inputUI-wrap input {
    position: relative;
    opacity: 0;
}
.service-row .title-wrap label {
    width: 100%;
    display: inline-block;
    line-height: 40px;
    font-size: 12px;
    font-weight: 500;
    height: 40px;
    cursor: pointer;
}
@media screen and (max-width: 800px) {
    .service-row.active-row .title-wrap label {
        font-weight: bold;
        color: #0f6c28;
    }
}
.service-row .shipping-title {
    margin-left: 30px;
}
.service-row .shipping-title img {
    max-width: 80px;
    max-height: 20px;
    margin-right: 5px;
    vertical-align: middle;
}
.service-row .shipping-price {
    float: right;
    margin-right: 20px;
}
.service-row .description {
    padding: 10px;
    font-size: 13px;
    color: #9e9e9e;
    line-height: 18px;
    font-weight: 100;
}
.service-row .description > :first-child {
    margin-top: 0;
}
.service-row .description .ms-input {
    height: 43px;
}
.service-row .description select {
    width: 100%;
}
@media screen and (min-width: 801px) {
    .service-row .description {
        position: absolute;
        top: 0;
        right: 0;
        width: 40%;
        width: calc(50% - 45px);
        padding: 0;
        font-size: 12px;
    }
}

#matsmart-dhl-box p { padding: 0; margin: 3px 0; }
#matsmart-dhl-box p a { text-decoration: underline; }
#matsmart-dhl-box p select { margin: 0; width: 100%;}
.matsmart-shipping-top {
  margin-bottom: 10px;
}

@media (max-width: 800px) and (min-width: 320px) {
    .shipping-left-col {
        width: 100%;
        margin: 0;
    }
}
@media (max-width: 425px) and (min-width: 320px) {
    .service-row {
        font-size: 13px;
    }
}

.zipcode-block {
    margin-bottom: 10px;
}
.entry-code-msg {
    padding-top: 5px;
    color: #43a629;
}

.matsmart-waybill-option {
  margin-top: 15px;
  position: relative;
}
.matsmart-waybill-option > div:first-of-type {
  margin-bottom: 10px;
  display: inline-block;
}
.matsmart-waybill-option input[type="radio"] {
  display: none;
}
.matsmart-waybill-option label {
  cursor: pointer;
  font-weight: 300;
  color: #9e9e9e;
}
.matsmart-waybill-option .box {
  width: 23px;
  height: 23px;
  border-radius: 2px;
  background: #eee;
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
  color: transparent;
  text-align: center;
  line-height: 28px;
  vertical-align: middle;
  transition: background 0.3s, color 0.3s;
}
.matsmart-waybill-option .box img {
  opacity: 0;
  transition: opacity 0.3s;
}
.matsmart-waybill-option input:checked + label .box {
  background: #0f6c28;
  font-size: 16px;
  color: #fff;
}
.matsmart-waybill-option input:checked + label .box img {
  opacity: 1;
}
@media screen and (max-width: 800px){
  .matsmart-waybill-option .modal-box .content {
    top: -60px;
  }
}

#edit-commerce-payment {
    position: relative;
    margin-top: 45px;
}
#edit-commerce-payment legend {
    position: absolute;
    top: -35px;
    left: 20px;
}
#edit-commerce-payment-payment-details-klarna legend {
  position: static;
}
#edit-commerce-payment-payment-details-klarna legend span {
  margin: 0;
  color: #000;
}
#edit-commerce-payment-payment-details-klarna legend span:before {
  display: none;
}

fieldset.commerce_payment legend > span, .matsmart_checkout_shipping legend > span, .matsmart_cart_form_checkout_pane legend >span {
        color: #0a4a16;
}
fieldset.commerce_payment legend,
.matsmart_checkout_shipping legend,
.matsmart_cart_form_checkout_pane legend {
  margin-bottom: 13px;
}
fieldset.commerce_payment legend > span:before,
.matsmart_checkout_shipping legend > span:before,
.matsmart_cart_form_checkout_pane legend >span:before {
  width: 25px;
  height: 25px;
  content: ' ';
  display: inline-block;
  vertical-align: bottom;
  margin-right: 5px;
}
fieldset.commerce_payment legend > span:before {
  background: url(../images/icons/3.svg) no-repeat
}
.matsmart_checkout_shipping legend > span:before {
  background: url(../images/icons/2.svg) no-repeat;
}
.matsmart_cart_form_checkout_pane legend > span:before {
  background: url(../images/icons/1.svg) no-repeat;
}

/* ORDER TABLE */

#left-column-checkout .view-commerce-cart-form .views-field-field-image img {
  width: 100px;
  height: 100px;
}
@media (min-width: 800px) and (max-width: 1000px) {
.page-cart #left-column-checkout .view-commerce-cart-form .views-field-field-image img {
  width: 70px;
  height: 70px;
}
}
.offer-row {
	display: none !important;
}
#checkout-content .quantity-wrapper .button {
  width: 42px;
  height: 42px;
}
.views-field-edit-delete input {
	background: url("../images/icons/clear.svg") no-repeat;
	width: 14px;
  cursor: pointer;
}

@media (max-width: 800px) and (min-width: 320px) {

#left-column-checkout .view-commerce-cart-form .views-field-field-image img {
  width: 42px;
  height: 42px;
}
#left-column-checkout .view-commerce-cart-form .views-table tr {
  display: block;
  position: relative;
  height: auto;
  padding: 20px 0px;
  padding-left: 50px; /* allocate room for image and margin */
}
#left-column-checkout .view-commerce-cart-form .views-table td {
  display: block;
}
#left-column-checkout .view-commerce-cart-form td.views-field-field-image {
  position: absolute;
  top: 20px;
  left: 0;
}
#left-column-checkout .view-commerce-cart-form td.views-field-line-item-title {
  display: block;
  vertical-align: top;
  margin-top: 5px;
  width: calc(100% - 40px); /* leave 40px for delete button */
  margin-bottom: 15px;
}
#left-column-checkout .view-commerce-cart-form td.views-field-edit-quantity {
  display: inline-block;
}
#left-column-checkout .view-commerce-cart-form td.views-field-commerce-unit-price {
  display: none;
}
#left-column-checkout .view-commerce-cart-form td.views-field-commerce-total {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  text-align: right;
  width: calc(100% - 138px); /* remove the width of the quantity spinner */
  margin-left: 5px;
  color: #4a4a4a;
}
#left-column-checkout .view-commerce-cart-form td.views-field-edit-delete {
  position: absolute;
  top: 25px;
  right: 0;
}
tr.offer-row {
  display: none !important;
}

fieldset.matsmart_cart_form_checkout_pane {
  padding-bottom: 0;
  background: #fff;
}
.page-checkout #header-bottom .continue-shopping {
  float: right;
  margin-top: 3px;
}
.page-checkout #header-bottom .continue-shopping a {
  width: 160px;
  width: calc(100vw - 184px);
  display: block;
  line-height: 50px;
}


}

#header-bottom .continue-shopping a {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #0f6c28;
  text-decoration: none;
}
#checkout-content .commerce-line-item-actions {
  text-align: right;
  display: none;
}

@media (min-width: 801px) {
#header-bottom .continue-shopping {
  float: left;
  margin-left: 10px;
  margin-top: 6px;
}
#header-bottom .continue-shopping a {
  width: 300px;
  display: block;
  line-height: 45px;
  border-radius: 5px;
  background: #F7F7F7;
}
#header-bottom .continue-shopping a:lang(nb) {
  width: 270px;
}
#commerce-checkout-form-checkout {
  position: relative;
}
#matsmart-checkout-shipping-services-wrapper {
  margin-top: 60px;
}
#checkout-content th {
  border-bottom: 2px solid #e3e3e3;
}
th.views-field.views-field-field-image, 
th.views-field.views-field-edit-quantity,
th.views-field.views-field-commerce-unit-price,
th.views-field.views-field-commerce-total {
  text-align: center !important;
  padding: 0;
  color: #9e9e9e;
  font-weight: 300;
  text-transform: uppercase;
}

#checkout-content td.views-field.views-field-commerce-total.price .discounted-price span {
  position: absolute;
  width: 150px;
  right: 0;
}

#left-column-checkout th.views-field-commerce-total {
  width: 110px;
  text-align: right !important;
}
#checkout-content .commerce-order-handler-area-order-total {
  padding: 20px 50px;
  background: #f7f7f7;
}
}
#checkout-content tr.component-type-matsmart-multiprice {
  display: none;
}

/* Hide zipcode selector for FI */
html[lang="fi"] .zipcode-block { display: none; }

#matsmart-stock-checkout-dialog {display: none;}
.matsmart-checkout-terms {
  max-width: 89%;
  margin: 0 auto;
  padding-bottom: 15px;
}
.matsmart-checkout-terms a {
  text-decoration: underline;
}
.matsmart-checkout-terms .modal-box .content {
  left: -220px;
  top: 25px;
}

@media screen and (max-width: 800px) {
  .page-commerce-klarna-checkout-return #content {
    padding: 5px;
    box-sizing: border-box;
  }
  .page-commerce-klarna-checkout-return .wrap-title-black {
    display: none;
  }
  .typeform-mobile-button {
    background: #fff;
    padding: 12px;
  }
  .typeform-mobile-button h2 {
    margin: 0;
    margin-bottom: 5px;
    text-align: center;
    color: #0f6c28;
  }
  .typeform-mobile-button .ms-button {
    text-transform: none;
  }

  .matsmart-checkout-terms .modal-box .content {
    left: 13px;
    top: 85px;
  }
}
.typeform-wrapper {
  margin-top: 10px;
}

.matsmart-checkout-terms .modal-box .content a {
  display: inline;
}