.modal.modal-white.fg-cart-modal-container {
  background-color: rgba(34, 36, 38, .3);
}

.fg-cart-modal-content-loader-container {
  position: relative;

  width: 100%;
}

.fg-cart-modal-content-loader {
  position: absolute;
  top: 100px;
  left: calc(50% - 17.5px);
}

.fg-cart-modal-content-container {
  position: relative;
  z-index: 1;

  width: 412px;
  height: 100vh;

  margin: auto;

  box-shadow: 0 0 0 15px rgba(255, 255, 255, .5);
  background-color: #FFFFFF;
  cursor: default;
}

.fg-cart-modal-content-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  display: flex;
  align-items: center;
  justify-content: flex-end;

  width: 100%;
  height: 65px;

  padding: 15px;

  background-color: #FAFAFA;
  border-bottom: 1px solid #DDDDDD;

  font-family: 'AzoSans-Medium';
}

.fg-cart-modal-content-header-button {
  min-width: 100px;
  height: 35px;

  margin-left: 15px;

  border-radius: 5px;
  background: #08B58E;
  border: none;
  outline: none;
  color: #FFFFFF;

  font-size: 12.5px;
  line-height: 1;

  transition: background .4s ease;
}

.fg-cart-modal-content-header-button:hover {
  background: #1B7C66;
}

.fg-cart-modal-content-header-total-cost-text {
  font-size: 18px;
}

.fg-cart-modal-content-body {
  padding: 80px 15px 30px;
}

.fg-cart-modal-payment-message {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;

  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  visibility: visible;

  color: #FFFFFF;

  font-size: 36px;
  text-align: center;

  transition: opacity .4s ease, visibility .4s ease;
}

.fg-cart-modal-payment-message--success {
  background: #08B58E;
}

.fg-cart-modal-payment-message--failure {
  background: #EA4335;
}

.fg-cart-modal-payment-message.ng-hide {
  opacity: 0;
  visibility: hidden;
}

@media screen and (max-width: 767px) {
  .fg-cart-modal-content-container {
    width: 290px;
  }
}