.btcpay-form {
   display: inline-flex;
   align-items: center;
   justify-content: center;
}

.btcpay-form--inline {
   flex-direction: row;
}

.btcpay-form--block {
   flex-direction: column;
}

.btcpay-form--inline .submit {
   margin-left: 15px;
}

.btcpay-form--block select {
   margin-bottom: 10px;
}

.btcpay-form .btcpay-custom-container {
   text-align: center;
}

.btcpay-custom {
   display: flex;
   align-items: center;
   justify-content: center;
}

.btcpay-form .plus-minus {
   cursor: pointer;
   font-size: 25px;
   line-height: 25px;
   background: #DFE0E1;
   height: 30px;
   width: 45px;
   border: none;
   border-radius: 60px;
   margin: auto 5px;
   display: inline-flex;
   justify-content: center;
}

.btcpay-form select {
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   color: currentColor;
   background: transparent;
   border: 1px solid transparent;
   display: block;
   padding: 1px;
   margin-left: auto;
   margin-right: auto;
   font-size: 11px;
   cursor: pointer;
}

.btcpay-form select:hover {
   border-color: #ccc;
}

.btcpay-form option {
   color: #000;
   background: rgba(0, 0, 0, .1);
}

.btcpay-input-price {
   -moz-appearance: textfield;
   border: none;
   box-shadow: none;
   text-align: center;
   font-size: 25px;
   margin: auto;
   border-radius: 5px;
   line-height: 35px;
   background: #fff;
}

.btcpay-input-price::-webkit-outer-spin-button,
.btcpay-input-price::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

.submit {
   padding: 0.1em 0.8em;
   height: 40px;
   border-radius: 25px;
   border-style: none;
   cursor: pointer;
   box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.5);
}

.submit:hover {
   box-shadow: 4px 8px 10px rgba(0, 0, 0, 0.6);
   -moz-box-shadow:  4px 8px 10px rgba(0, 0, 0, 0.6); 
   -webkit-box-shadow:  4px 8px 10px rgba(0, 0, 0, 0.6);
   }


.donationtext-container {
   background-color: rgba(255, 255, 255, 0.75) !important;
   border-radius: 5px;
   border-width: 1px;
   border-color: rgba(255, 255, 255, 1) !important;
   position: relative;
   width: 25%;
   left: 50%;
   transform: translateX(-50%);
   margin-bottom: 25px;
   padding: 5px 15px 5px 15px;
}

#loader {
   font-size: 15px;
   width: 1em;
   height: 1em;
   border-radius: 50%;
   position: relative;
   text-indent: -9999em;
   animation: mulShdSpin 1.5s infinite linear;
   transform: translateZ(0);
 }

 @keyframes mulShdSpin {
   0%,
   100% {
     box-shadow: 0 -3em 0 0.2em, 
     2em -2em 0 0em, 3em 0 0 -1em, 
     2em 2em 0 -1em, 0 3em 0 -1em, 
     -2em 2em 0 -1em, -3em 0 0 -1em, 
     -2em -2em 0 0;
   }
   12.5% {
     box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 
     3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, 
     -2em 2em 0 -1em, -3em 0 0 -1em, 
     -2em -2em 0 -1em;
   }
   25% {
     box-shadow: 0 -3em 0 -0.5em, 
     2em -2em 0 0, 3em 0 0 0.2em, 
     2em 2em 0 0, 0 3em 0 -1em, 
     -2em 2em 0 -1em, -3em 0 0 -1em, 
     -2em -2em 0 -1em;
   }
   37.5% {
     box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
      3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, 
      -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
   }
   50% {
     box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
      3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, 
      -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
   }
   62.5% {
     box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
      3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, 
      -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
   }
   75% {
     box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 
     3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, 
     -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
   }
   87.5% {
     box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 
     3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, 
     -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
   }
 }


.loader-container {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center;
   z-index: 9999;
}

#loader-container{
   position: fixed;
   top: 0;
   left: 0;
   backdrop-filter: grayscale(50%) blur(5px);
   -webkit-backdrop-filter: grayscale(50%) blur(5px);
   -moz-backdrop-filter: grayscale(50%) blur(5px);  
   z-index: 12;
   width: 100%;
   height: 100%;
}