/**
 * Copyright (c) 2011-2018 Felix Gnass [fgnass at gmail dot com]
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
 * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
 * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
 * the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
 * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
 * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
 * IN THE SOFTWARE.
 */

/**
 * Spin.js styles
 */
@keyframes spinner-line-fade-more {
  0%,
  100% {
    opacity: 0; /* minimum opacity */
  }
  1% {
    opacity: 1;
  }
}

@keyframes spinner-line-fade-quick {
  0%,
  39%,
  100% {
    opacity: 0.25; /* minimum opacity */
  }
  40% {
    opacity: 1;
  }
}

@keyframes spinner-line-fade-default {
  0%,
  100% {
    opacity: 0.22; /* minimum opacity */
  }
  1% {
    opacity: 1;
  }
}

.container-enrol-payment #spin-container {
  display: block;
  height: 150px;
  text-align: center;
}

.container-enrol-payment #spinner {
  display: inline-block;
  position: relative !important;
}

.shopping {
  display: flex;
  flex-direction: column;
  position: relative;
}
/* Shopping heard */
.shopping .shopping-heard {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  border-bottom: solid #f1f1f1ad 2px;
}
.shopping-heard {
  padding: 10px 0;
}
.shopping-heard .shopping-title {
  padding: 0;
  margin: 0;
}
.shopping-heard .shopping-description {
  color: #d2d2d2;
  font-size: 1em;
  padding: 0;
  margin: 0;
}

/* Shopping courses */
.shopping-courses {
  padding: 16px 0;
  display: flex;
  flex-direction: column;
}
/* Shopping card */
.shopping-card {
  display: flex;
  padding: 10px;
  border-radius: 6px;
  border: solid 2px #d2d2d224;
}
.shopping-card {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
  transition: box-shadow 0.2s ease;
  -webkit-box-shadow: 0px 0px 8px 0px rgb(223 223 223 / 22%);
  -moz-box-shadow: 0px 0px 8px 0px rgb(223 223 223 / 22%);
  box-shadow: 0px 0px 8px 0px rgb(223 223 223 / 22%);
}
.shopping-card:hover {
  -webkit-box-shadow: 0px 10px 25px -3px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0px 10px 25px -3px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 10px 25px -3px rgba(0, 0, 0, 0.22);
}
.shopping-card .shopping-img {
  background-color: rgba(218, 218, 218, 0.639);
  border-radius: 4px;
  display: flex;
  overflow: hidden;
  /* align-items: center; */
  /* justify-content: center; */
  width: 60px;
  height: 60px;
}
.shopping-card .shopping-img > img {
  width: 100%;
}

.shopping-card .shopping-content-info {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shopping-card .shopping-info {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
}
.shopping-card .shopping-info .title {
  color: black;
  font-weight: 500;
  font-size: 1.5em;
}
.shopping-card .shopping-info .sub-title {
  color: #d2d2dd;
}
.shopping-card .shopping-price {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  margin-right: 30px;
}
.shopping-card .shopping-price .price {
  font-weight: 700;
  font-size: 1.2em;
}
.shopping-card .shopping-price .sub-price {
  color: #d2d2dd;
  text-decoration-line: line-through;
}
.shopping-card .shopping-price .shopping-delete {
  top: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  display: flex;
  align-items: center;
  background: rgba(230, 230, 230, 0.2);
  /* padding: 10px 5px; */
}
/* Shopping amounts */
.shopping-amount {
  padding: 18px 0;
}
.shopping-amount .amounts {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.shopping-amount .amounts.max {
  font-size: 1.5em;
  font-weight: 600;
}
.shopping-amount .amounts.min {
  font-size: 1.1em;
  color: #d2d2db;
}

/* Shopping actions */
.shopping-action {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-width: 500px;
  max-width: 750px;
  margin: auto;
  width: 100%;
}
.shopping-action button {
  width: 100%;
  padding: 18px 0;
  border-radius: 0;
  /*text-transform: uppercase;*/
}
.shopping-action button.checkout-button {
  background: #7656c3;
  border-color: #593aa6;
  border-radius: 4px;
  font-weight: 700;
  font-size: 1.5em;
  display: flex;
  justify-content: center;
  line-height: 1.2;
}

button.checkout-button:hover {
  background: #593aa6;
}

button.autorize.checkout-button {
  background: #202a44 !important;
  border-color: #0f1a35 !important;
}
button.autorize.checkout-button:hover {
  background: #0f1a35 !important;
}

.paypal-powered-by {
  display: none;
}

.shopping-not_found {
  margin: 20px 0;
  color: #c7c7c7;
}
.shopping-not_found img {
  width: 100px;
  margin: 20px;
  border-radius: 50%;
  opacity: 0.5;
}