* {
 box-sizing: border-box;    
}
body {
 position: relative;
 overflow-x: hidden;
 font-family: "Karla", sans-serif;
 font-size: 16px;
 line-height: 26px;
 color: #fff;   
 background-color: #000000 !important;   
 background-image: url("../img/background-image.png");
 background-size: cover;
 background-repeat: no-repeat;
}
h2 {
 font-family: "Poppins";
 font-style: normal;
 font-weight: 700;
 font-size: 30px;
 line-height: 45px;
 color: #fff;
}
.centered {
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
.pay_window {
 padding: 0 2em;
 border-width: 0;
 border-style: solid;
 border-color: transparent;
 background: rgb(87,51,8);
 background: linear-gradient(130deg, rgba(87,51,8,1) 0%, rgba(0,0,0,0.87718837535014) 87%);
 filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 0.7));
 border-radius: 8px;
 padding: 30px;
 border: 1px solid rgb(255 255 255 / 50%);
 border-style: inset;
 box-shadow: 0 0 30px rgba(87,51,8,0.6);
 min-height: 300px;
}
.pay_window_paid {
 padding: 0 2em;
 border-width: 0;
 border-style: solid;
 border-color: transparent;
 background: rgb(87,51,8);
 background: linear-gradient(130deg, rgba(45,87,8,1) 0%, rgba(0,0,0,0.87718837535014) 87%);
 filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 0.7));
 border-radius: 8px;
 padding: 30px;
 border: 1px solid rgb(255 255 255 / 50%);
 border-style: inset; 
 box-shadow: 0 0 30px rgba(45,87,8,0.6);
 min-height: 300px;
}
.pay_window .pay_window_paid .headline {
 font-family: "Karla", sans-serif;
 font-size: 16px;
 line-height: 28px;
 color: rgb(255 255 255 / 100%);    
}
.textfield {
 padding: 10px 15px;
 border:  none;
 border-bottom: 1px solid transparent;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;    
 width:  100%;
 color: rgb(0 0 0 / 100%);
 font-size: 11px;
 line-height: 19px;
 outline: none;
}
.textfield::placeholder {
 color: rgb(191 191 191 / 87%);
 font-weight: bold; 
}
.selectfield {
 padding: 10px 15px;
 border:  none;
 border-bottom: 1px solid transparent;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;     
 width:  100%;
 color: rgb(191 191 191 / 87%);
 cursor: pointer;
 font-size:  11px;
 font-weight: bold;
 line-height: 19px;
 outline: none;
 background: url("img/small_arrow.png") no-repeat right #fff;
 -webkit-appearance: none;
 appearance: none;
 -moz-appearance:none;
 background-position: calc(100% - 0.90rem) center !important;
}
.selectfield option {
 font-size:  14px;
 color: rgb(0 0 0 / 100%);
}
.pt-10 {
 padding-top: 10px;
}
.pt-20 {
 padding-top: 20px;
}
.click_button {
 color: rgb(255 255 255 / 100%);
 cursor: pointer;
 font-family: "Karla", sans-serif;
 font-size: 14px;
 line-height: 28px;
 outline: none;
 background-color: rgb(222, 129, 22);
 border: 0px;
 width: 100%;
 height: 40px;
 border-radius: 4px; 
 text-decoration: none;  
}
.click_button:disabled {
 color: rgb(255 255 255 / 50%);
 cursor: not-allowed;  
}
.box { 
 position: absolute;
 cursor: pointer;   
 padding:  8px; 
 height: 56px;
 background-color: #fff;
 border-radius: 8px;    
 width: 300px;
 max-width: 300px;
}
.info_box_text {
 position: relative;    
 width: 140px;  
 color: rgb(191 191 191 / 100%);
 font-family: "Karla", sans-serif;
 font-size: 16px;
 top: 8px;
 left: 10px;
}
.info_box_images {
 position: relative;
 width: 140px;  
 top: -21px;
 left: 130px;
}
.orderid {
 position: absolute;
 top: 20px;
 right: 40px;   
 color: rgb(191 191 191 / 100%);
 font-family: "Karla", sans-serif;
 font-size: 16px; 
}
.alert {
 padding: 4px;
 margin-top: 4px;
 border: 1px solid transparent;
 border-radius: 4px;
 text-align: center;
 font-size: 12px;
 font-family: "Karla", sans-serif;
 background-color: #dfdcde;
 color: #515151;
}