.basket-openclose-icon:not(.collapsed) {
  background-color: #cdced0;
}

.basket-openclose-icon {
  background-color: red;
}

.basket-openclose-icon:before {
  font-family: 'FontAwesome';
  content: "\f077";
}

.basket-openclose-icon-right:after {
  font-family: 'FontAwesome';
  content: "\f077";
  position: absolute;
  right: 25px;
  background-color: green;
}

.basket-openclose-icon.collapsed:before {
  content: "\f078";
}

.basket-openclose-icon-right.collapsed:after {
  content: "";
  position: absolute;
  right: 25px;
}

[data-toggle="collapse"].collapsed .basket-not-collapsed {
  display: none;
}

[data-toggle="collapse"]:not(.collapsed) .basket-collapsed {
  display: none;
}

.basket-containerbox {
  padding: 15px;
  color: #004278;
  font-size: 1.2em;
}

.basket-font {
}

.basket-font-bold {
  font-weight: bold;
}

.basket-spacer {
  margin-top: 10px;
}

.basket-total {
  margin-top: 15px;
  font-weight: bold;
  float: right;
}

.basket-paymentbutton {
  width: 100%;
  background-color: #004278;
  font-size: 1.5em;
  white-space: normal;
  text-align: right !important;
  margin-top: 15px;
  color: #fff !important;
}
  .basket-paymentbutton > img {
    position: relative;
    width: 40px;
    height: 20px;
    float: right;
    top: 10px;
  }