label, .control-label {
    font-weight: 600;
}

		/*   @media only screen and (max-width: 768px) {
  				.auth {
  				  #background-color: lightblue;
  				  padding-left: 0%;
   				padding-right: 0%;
   				height: 600px;
 				 }
 				 .auth-content{
            padding: 30px 20px; */
            	/* height: 600px; 
            overflow: scroll; */
             
     /*   	 }
		}  	 */
		 @media (min-width:280px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
		
		.auth {
  			padding-left: 0%;
   			padding-right: 0%;
    		background-color: #667280;
    		 height:auto;
 			 }
		 
        .paymentimg{
        height:23px;
        }
        }
 
        @media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
			.auth {
  			 
    		background-color: #667280;
    		 height:auto;
 				 }
 				 .auth-content{
                padding: 30px 20px;
                 
            	/* height: 600px; 
            overflow: scroll; */
            
             
        }
         .imglogo{
        	
        }
        .paymentimg{
        height:30px;
        }
         .allalipays{
        height:20px;
        }
        .allalipays-icon, .allunionpays-icon ,.allwechats-icon{
        	gap: 10px !important;
    		margin-left: 2px !important;
        }
        .fa-camera{
        	font-size: 20px !important;
        }
        .allalipays-icon img,.allunionpays-icon img,.allwechats-icon img {
		  width: 20px !important;
		  height:20px !important;
		}
        }
         @media (min-width:375px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
			.auth {
  			 
    		background-color: #667280;
    		 height:auto;
 				 }
 				 .auth-content{
                padding: 30px 20px;
                 
            	/* height: 600px; 
            overflow: scroll; */
            
     	        }
	        .paymentimg{
	        height:33px;
	        }
	         .allalipays{
        	height:30px;
        }
        .allalipays-icon, .allunionpays-icon ,.allwechats-icon{
        	gap: 10px !important;
    		margin-left: 10px !important;
        }
        .fa-camera{
        	font-size: 22px !important;
        }
        .allalipays-icon img,.allunionpays-icon img,.allwechats-icon img {
		  width: 22px !important;
		  height:22px !important;
		}
        }
        @media (min-width:411px)  {
	        .paymentimg{
	        height:35px;
	        }
	        .allalipays{
        height:32px;
        }
        .allalipays-icon, .allunionpays-icon ,.allwechats-icon{
        	gap: 10px !important;
    		margin-left: 12px !important;
        }
        .fa-camera{
        	font-size: 23px !important;
        }
        .allalipays-icon img,.allunionpays-icon img,.allwechats-icon img {
		  width: 23px !important;
		  height:23px !important;
		}
        }
        @media (min-width:425px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
			.auth {
  			 
    		background-color: #667280;
    		 height:auto;
 				 }
 				 .auth-content{
                padding: 30px 20px;
                 
            	/* height: 600px; 
            overflow: scroll; */
            
             
        }
        .paymentimg{
        height:35px;
        }
        .allalipays{
        height:32px;
        }
        .allalipays-icon, .allunionpays-icon ,.allwechats-icon{
        	gap: 10px !important;
    		margin-left: 12px !important;
        }
        .fa-camera{
        	font-size: 23px !important;
        }
        .allalipays-icon img,.allunionpays-icon img,.allwechats-icon img {
		  width: 23px !important;
		  height:23px !important;
		}
        }
        @media (min-width:625px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
			.auth {
  			 padding-left: 20%;
   			padding-right: 20%;
    		background-color: #667280;
    		 height:auto;
 				 }
 				 .auth-content{
                padding: 30px 20px;
                 
            	/* height: 600px; 
            overflow: scroll; */
            
             
        }
        .imglogo{
         	/* width: 430px; */
        }
        .paymentimg{
        height:32px;
        }
        .allalipays{
        height:28px;
        }
        }
        
         @media (min-width:700px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
			.auth {
  			 padding-left: 23%;
   			padding-right: 23%;
    		background-color: #667280;
    		 height:auto;
 				 }
 				 .auth-content{
                padding: 30px 20px;
                 
            	/* height: 600px; 
            overflow: scroll; */
            
             
        }
        .paymentimg{
         height:35px;
        }
        .allalipays{
        height:32px;
        }
        .allalipays-icon, .allunionpays-icon ,.allwechats-icon{
        	gap: 10px !important;
    		margin-left: 4px !important;
        }
        .fa-camera{
        	font-size: 23px !important;
        }
        .allalipays-icon img,.allunionpays-icon img,.allwechats-icon img {
		  width: 23px !important;
		  height:23px !important;
		}
        }
@media (min-width:768px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */

		.auth {
  			padding-left: 15%;
   			padding-right: 15%;
    		background-color: #667280;
    		 height:auto;
 			 }
 				 .auth-content{
                padding: 30px 20px;
                 
            	/* height: 600px; 
            overflow: scroll; */
            
             
        }
        
         }
 
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */

		 .auth {
  			  padding-left: 20%;
   			padding-right: 20%;
    		background-color: #667280;
    		height:auto;
 				 }
 				 .auth-content{
                padding: 30px 20px;
                 
            	/* height: 600px; 
            overflow: scroll; */
            
             
        }
        
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */
.auth {
  			  padding-left: 30%;
   			padding-right: 30%;
    		background-color: #667280;
    		height:auto;
 				 }
 				 .auth-content{
                padding: 30px 20px;
                 
            	/* height: 600px; 
            overflow: scroll; */
            
             
        } }
@media (min-width:1281px) { /* hi-res laptops and desktops */
.auth {
  			 padding-left: 30%;
   			padding-right: 30%;
    		background-color: #667280;
    		 height:auto;
 				 }
 				 .auth-content{
                padding: 30px 20px;
                 
            	/* height: 600px; 
            overflow: scroll; */
            
             
        }  }
				
			/* Let's get this party started */

				::-webkit-scrollbar {
  						width: 7px;
  						height: 7px;
				}

				/* Track */

				::-webkit-scrollbar-track {
  				border-radius: 0;
				}

					/* Handle */

				::-webkit-scrollbar-thumb {
 					 border-radius: 0;
 					 background: #976eef;
 					 ;
				}

					::-webkit-scrollbar-thumb:window-inactive {
						  background: #5e35b7;
				}
				
				*, ::after, ::before {
    box-sizing: border-box;
}

.card {
    box-shadow: 0px 0px 25px black;
    width:100%;
    border: none;
}
.form-check{
    margin-left: 25px;
}
.control-label {
    font-weight: 600;
}
#choosepaymentGatewayId3, #choosepayment{
	/* padding-left: 25px; */
	    padding-top: 5px;
	        padding-left: 15px;
	border: 1px solid #ced4da;
}

input[type="text"], .form-control {
    border-left: green 5px solid;
}  
.new-header {
    background: #2c2cff;
    background: linear-gradient(to right, #593392, #854ddc);
    color: white;
    margin-top: 0;
    padding: 15px;
    font-size: 20px;
    font-weight: 500;
}
.new-body {
    /* padding: 15px 30px; */
    padding: 0px 0px;
}         
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 5px 0.2rem rgba(0,123,255,.25);
}
input:required:valid, textarea:required:valid, select:required:valid, input[readonly]:required:valid {
  border-left: 5px solid green;
}
input:invalid, textarea:invalid, select:invalid,  input[readonly]:invalid {
  border-left: 5px solid red;
}
input:focus:valid, textarea:focus:valid select:focus:valid,  input[readonly]:focus:valid{
  border-left: 5px solid green;
}
input:focus:invalid, textarea:focus:invalid, select:focus:invalid, input[readonly]:focus:invalid {
  border-left: 5px solid red;
}
.alert {
	  padding: 20px;
	  background-color: #f44336;
	  color: white;
	  opacity: 1;
	  transition: opacity 0.6s;
	  margin-bottom: 15px;
	}
/* .card .card-header .control-label{
	color:white;
}    */
body{
	background: #667280;
}

@media screen and (min-width: 319px) and (max-width: 425px) {
  .image-container-l{
   width: 100% !important;
	height:100% !important;
  }
}

@media screen and (min-width: 425px) and (max-width: 625px) {
  .image-container-l{
   transform:scale(1.3);
  }
}

@media screen and (min-width: 625px) and (max-width: 768px) {
  .image-container-l{
   transform:scale(1.12);
  }
}

@media screen and (min-width: 425px) and (max-width: 768px) {
  .image-container {
    transform: scale(1.1);
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .image-container {
    transform: scale(1.15);
  }
  .image-container-l{
   transform:scale(1.25);
  }
}

.image-container {
  display: inline-block;
}

@media screen and (min-width: 250px) and (max-width: 280px) {
	label[data-opt-pay="allvisas"] {
		width: 90%;
	}

	label[data-opt-pay="allvisas"] img.paymentimg {
		width: 90%;

	}
}

@media screen and (min-width: 625px) and (max-width: 776px) {
	label[data-opt-pay="allvisas"] {
		width: 80%;
	}

	label[data-opt-pay="allvisas"] img.paymentimg {
		width: 100%;

	}
}
@media screen and (min-width: 320px) and (max-width: 360px) {
	label[data-opt-pay="allvisas"],label[data-opt-pay="allcryptoPayment"],label[data-opt-pay="allcentrapay"] {
		width: 90%;
	}

	label[data-opt-pay="allvisas"] img.paymentimg,label[data-opt-pay="allcryptoPayment"] img.paymentimg,
	label[data-opt-pay="allcentrapay"] img.paymentimg {
		width: 90%;

	}
}
@media screen and (min-width: 700px) and (max-width: 735px) {
	label[data-opt-pay="allcryptoPayment"] {
		width: 90%;
	}

	label[data-opt-pay="allcryptoPayment"] img.paymentimg{
		width: 90%;

	}
}
@media screen and (min-width: 250px) and (max-width: 280px) {
    input[data-set="Credit Card1"] + img.paymentimg,
	input[data-set="Cards-Debit/Credit2"] + img.paymentimg,
	input[data-set="Crypto Payments1"] + img.paymentimg,
	input[data-set="Ewallet1"] + img.paymentimg {
	        width: 70%;
   }
}
@media screen and (min-width: 625px) and (max-width: 776px) {
    input[data-set="Credit Card1"] + img.paymentimg,
	input[data-set="Cards-Debit/Credit2"] + img.paymentimg,
	input[data-set="Crypto Payments1"] + img.paymentimg,
	input[data-set="Ewallet1"] + img.paymentimg {
		width: 70%;

	}
}
@media screen and (min-width: 625px) and (max-width: 765px) {
	div>input[name="amount"] {
		margin-top: 20px;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1090px) {
	div>input[name="amount"] {
		margin-top: 20px;
	}
}

@media screen and (min-width: 350px) and (max-width: 625px) {
	div>input[name="amount"] {
		margin-top: 20px;
	}
}