.pricpay-hidden {
  display: none;
}

:root {
  --link-color-background-gray: rgb(246, 246, 246);
  --link-color-background-white: rgb(255, 255, 255);
  --link-color-gray: rgb(112, 112, 112);
}

.pricpay_payment_methods {
  display: flex;
  flex-direction: column;
  /*border: 1px solid #dedede;*/
  border-bottom: none;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
ul.pricpay_payment_methods li img {
  max-width: 100% !important;
  padding-left: 1em !important;
  padding-right: 1em !important;
  max-height: 60px;
}

ul.pricpay_payment_methods li input:focus {
  outline-style: none;
}
.wc_payment_method {
  margin-bottom: 0 !important;
}
.wc_payment_method.active .pricpay-method-radio {
  /* border: 1px solid #999; */
  /* border-bottom: 1px solid #999; */
  background-color: var(--link-color-background-gray);
  /* margin-left: -1px; */
  /* margin-right: -1px; */
}

.wc_payment_method.active .pricpay-method-content {
  /* border-bottom: 1px solid #dedede; */
  background-color: var(--link-color-background-gray);
  /* height: 179px;
  padding: 16px; */
}

.pricpay-method-radio {
  background-color: var(--link-color-background-white);
  padding: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  /*border-bottom: 1px solid #dedede;*/
}

.pricpay-method-radio > label {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.pricpay-method-content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;

  text-align: center;
  /* padding: 16px; */
  /* height: 0; */
  /* overflow: hidden; */
  box-sizing: border-box;
  background-color: var(--link-color-background-white);
  transition: height 0.4s;
  -webkit-transition: height 0.4s;
  border-bottom: 1px solid #dedede;
}

.pricpay-method-content input {
  width: 100%;
  display: block;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #dee2e6;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin: 0;
  font-family: inherit;
  box-sizing: border-box;
}

.pricpay-method-content select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.pricpay-method-content-card-number {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 16px;
  width: 100%;
}

.pricpay-method-content-card-expire {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 16px;
  width: 100%;
}

.pricpay-method-content-card-cvv {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 16px;
  width: 100%;
}

.pricpay-method-content-card-cvv #card_csc {
  width: 50%;
}

.pricpay-method-content-card-cvv .aCvv {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.pricpay-method-content-card-cvv .aCvv img {
  height: 38px;
  display: inline-block;
}

.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;

  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

#screenLoading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  z-index: 999;
  opacity: 0.75;
}
#screenLoading.active {
  display: flex;
}