/*  Styling for Osclass Ultimate Payments https://osclass-pro.com/en/ */
.banner-wrapper {
width: 100%;
margin: 5px 0;
padding: 10px 0;
background-color: #ff9900;
text-align: center;
}
.banner-wrapper a {
    color: #000;
    text-decoration: none;
}
.banner-publish-fee-block { 
    background-color: #35c3d9; 
    color: #FFF; 
    padding: 5px 15px;
    margin-bottom: 15px;
}
.banner-upload{
margin-top: 10px;
margin-bottom: 10px;	
}
.banner-publish-fee-block h2 {
    color: #FFF !important;
    margin-top: 15px !important;
}
.banner-publish-fee-block p {
    margin: 10px 0;
}
.banner-publish-block .qq-upload-button {
height:50px;
}
a.ebuy-btn {
    text-decoration: none;
    color: #FFF;
    background-color: #F44336;
    height: 36px;
    display: inline-block;
    line-height: 34px;
    font-size: 1em;
    padding: 0 15px;
    border-radius: 5px;
    box-shadow: inset 0 1px 0 0 #F44336;
    text-shadow: 0 1px 0 rgba(255,255,255,0.3);
    border: 1px solid #F44336
}
.rupayments h2{
float: none;
}
.rupayments h3{
text-align:center;
}
.upay_admin input {
height:10px!important;
}
.upay_adminspan {/* 
/border: solid 1px #20819c; */
margin: 0 1em 0 1em;
}
.upay_servicespan {/* 
/border: solid 1px #20819c; */
}
#upay_adminnotice{
border: 1px solid #aaa;
background-color: #dff0d8; 
width: 50%; 
padding: 2em; 
text-align:center;
}
.close_upay {
  color: #777;
  font: 14px/100% arial, sans-serif;
  right: 5px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  top: 5px;
}
.close_upay:after {
  content: 'X'; /* UTF-8 symbol */
}
.upay_usermenu{
	/*
 width: 100%;
float: left;
*/
}
.upay_userh{
 font: 18px/100% arial, sans-serif;
}
.upay_userhd{
 color:#FFF;
 padding-left:3px;
 font: 18px/100% arial, sans-serif;
}

.upay_item{
padding: 10px 10px 0 10px!important;
border-radius: 0!important;
border: 1px solid #ddd!important;
text-align: left!important;
margin-bottom: 10px!important;
display: table!important;
width: 100%!important;
background-color: #fff!important;
}
.upay_itemform input{
height: auto !important;	
}
.upay_item_info h3{float:left!important;}
.upay_usermenu,.upay_itemform {
font-family:Verdana!important;
font-weight:300!important;
font-size:16px!important;
margin-bottom: 0!important;
margin-top: 3px!important;
padding-top: 0!important;
line-height: normal!important;}
.upay_usermenu,.upay_itemform {
margin-bottom: 5px!important;
}
.upay_item_info .bottomtext {
    font-family: Verdana!important;
    font-weight: 300!important;
    font-size: 14px!important;
    margin-bottom: 0!important;
    padding-top: 0!important;
    line-height: normal!important;
}
.upay_item h3{
margin:0!important
}
.upay_item_info{
float:left!important;
height: auto;
padding-right: 10px!important;
padding-left: 10px!important;
min-width: 300px;
display: block!important;
margin-top: 8px!important;
}
.usermenu_button{margin-top: 10px!important;margin-bottom: 10px!important;}
.usermenu_button button,.ubutton_from {
    display: inline-block!important;
    margin-bottom: 0!important;
    font-weight: 400!important;
    text-align: center!important;
    -ms-touch-action: manipulation!important;
    touch-action: manipulation!important;
    cursor: pointer!important;
    border: 1px solid transparent!important;
	height: 40px!important;
    padding: 10px 19px!important;
    font-size: 14px!important;
    line-height: 1!important;
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
	background-color: #03a9f4!important;
	background-image: none!important;
    color: #fff!important;
    text-transform: uppercase!important;
    transition: all 150ms ease-in-out;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.ubutton_from{margin-top: 10px;}
.upay_item_service td{padding-left: 5px;}
.usermenu_button button:hover {
	background-color: #0298DB!important;
	color: #fff!important;
}
@media(max-width: 550px){
.upay_item_info{
width: 100%!important;
text-align: center!important;
}
.upay_usermenu {
    margin-top: 5px!important;
}
}
.upay_item_sevice{
border-bottom: 1px solid #cfcfcf;
float:left!important;
height: 100%;
display: table;
}
.upay_item input{
height: 15px;
}
.upay_item h3{
font-size:16px!important;
border:none!important;
padding:0!important;
}
.upay_item_service h2,.uservicepayh2form{
font-family: 'Verdana',sans-serif!important;
font-size:24px!important;
border:none!important;
padding:0!important;
margin:0 auto!important;
text-transform: uppercase!important;
margin-top: 10px!important;
margin-bottom: 10px !important;
text-align: center!important;
}
.upay_payments{
float: left;
margin: 0.2em;
}
.upay_payments input{
border:none;
}
.payumoney input {
height: 25px;
}
.payumoney td {
padding: 5px;
}
/*
#card-number, #first-name, #last-name, #address, #postal-code {
    line-height: 1em;
    height: 2em;
    margin-bottom: 2em;
    width: 25em;
    border: 1px solid #333;
    -webkit-transition: border-color 160ms;
    transition: border-color 160ms;
}
*/
.payment-method-options {
    display: none!important;
}
.braintree-form div {
    text-align: left;
}
.braintree-form label {
    display: inline-block;
    width: 125px;
}
.has-placeholder {
    display: inline-block!important;
    float: none!important;
}
.has-placeholder label {
    position: inherit!important;
    display: none;
}
.has-placeholder::placeholder {
    display: block!important;
}
.card-block {
    position: relative;
    background: #eee;
    margin-top: 15px;
    padding: 55px 35px 60px;
    border: 1px solid #ccc;
    border-radius: 10px;
}
#cards-type {
    display: none;
    background: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    text-transform: uppercase;
    color: #167ac6;
    font-weight: bold;
    position: absolute;
    right: 15px;
    bottom: 10px;
}
.card-block #card-cvc #error {
    padding-left: 34px!important;
}
.card-block label {
    color: #767676;
    font-size: 13px;
    text-transform: uppercase;
}
.card-block #card-cvc label {
    width: 70px;
}
.card-number-block #card-number input{
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.card-security-block {
    margin-top: 50px;
}
.card-security-block input {
    height: 40px !important;
    width: 75px!important;
    text-align: center;
    border: 1px solid #ccc!important;
    border-radius: 5px;
}
.card-security-block #card-expiration {
    float: left;
}
.card-security-block #card-cvc {
    float: right
}
#card-number input, #first-name input, #last-name input, #address input, #postal-code input {
    line-height: 1em;
    height: 2em;
    margin: 5px 0;
    padding: 0 15px;
    width: 25em;
    border: 1px solid #333;
    -webkit-transition: border-color 160ms;
    transition: border-color 160ms;
}
#card-expiration input, #card-cvc input {
    line-height: 1em;
    height: 2em;
    margin: 5px 0;
    padding: 0 15px;
    width: 10em;
    border: 1px solid #333;
    -webkit-transition: border-color 160ms;
    transition: border-color 160ms;
}
#cvv input {
    line-height: 1em;
    height: 2em;
    margin: 5px 0;
    padding: 0 15px;
    width: 3em;
    border: 1px solid #333;
    -webkit-transition: border-color 160ms;
    transition: border-color 160ms;
}
#expiration-date input {
    line-height: 1em;
    height: 2em;
    margin: 5px 0;
    padding: 0 15px;
    width: 4em;
    border: 1px solid #333;
    -webkit-transition: border-color 160ms;
    transition: border-color 160ms;
}
#card-number.braintree-hosted-fields-focused {
    border-color: #777;
}
#card-number.braintree-hosted-fields-invalid {
    border-color: tomato;
}
#card-number.braintree-hosted-fields-valid {
    border-color: limegreen;
}
.braintree-form__field {
    width: 250px;
}
.braintree-form-postal-code {
    margin-top: 23px!important;
}
input.error {
    border: 1px solid #ca2a2a!important;
}
div.error {
    font-size: 12px;
    color: #ca2a2a;
    padding-left: 135px;
    line-height: 1.4;
    letter-spacing: 0.3px;
}
/*
#cvv {
    line-height: 1em;
    height: 2em;
    margin-bottom: 2em;
    width: 3em;
    border: 1px solid #333;
    -webkit-transition: border-color 160ms;
    transition: border-color 160ms;
}
*/
#cvv.braintree-hosted-fields-focused {
    border-color: #777;
}
#cvv.braintree-hosted-fields-invalid {
    border-color: tomato;
}
#cvv.braintree-hosted-fields-valid {
    border-color: limegreen;
}
/*
#expiration-date {
    line-height: 1em;
    height: 2em;
    margin-bottom: 2em;
    width: 4em;
    border: 1px solid #333;
    -webkit-transition: border-color 160ms;
    transition: border-color 160ms;
}
*/
#expiration-date.braintree-hosted-fields-focused {
    border-color: #777;
}
#expiration-date.braintree-hosted-fields-invalid {
    border-color: tomato;
}
#expiration-date.braintree-hosted-fields-valid {
    border-color: limegreen;
}

.scrilpack a{display: block!important;height: 40px!important;box-sizing: border-box;}
.scrill img{width: 127px!important; height: 50px!important; border:none;vertical-align: top;border:none;}
#stripe-form input{margin-bottom:0;padding-left:0;}
#payumoney-form input{margin-bottom:0;padding-left:0;}
.co2b input{margin-bottom:0;padding-left:0;}
#braintree-form input{margin-bottom:0;padding-left:0;}
.fixpay{    
    display: inline-block!important;
	box-sizing: border-box;
    margin-bottom: 0!important;
    text-align: center!important;
    -ms-touch-action: manipulation!important;
    touch-action: manipulation!important;
    cursor: pointer!important;
    border: 1px solid rgba(0, 0, 0, 0)!important;
    height: 40px!important;
    padding: 5px 10px!important;
    line-height: 1!important;
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
    background-color: #fff!important;
    background-image: none!important;
    color: #fff!important;
    transition: all 150ms ease-in-out;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    min-width: 0!important;}
/*user menu*/
.menu_ppaypal{
text-align: center!important;
}
.paypal_h{
font-size:20px!important;	
font-weight:600!important;
margin-top: 20px!important;
margin-bottom: 10px!important;
float: none!important;
text-transform: uppercase!important;
border:none!important;	
}
.menupremium .mdi,.menuhigh .mdi,.menutop .mdi,.upay_item .mdi,.upay_itemform .mdi{
    vertical-align: middle!important;
    margin-bottom: 3px!important;
}
.menuhigh .mdi-format-color-fill,.upay_item .mdi-format-color-fill,.upay_itemform .mdi-format-color-fill,.uservicepayh2 .mdi-format-color-fill{margin-bottom: -3px!important;}
.uservicepayh2 .mdi-star,.uservicepayh2 .mdi-near-me,.uservicepayh2 .mdi-arrow-up-thick {
    vertical-align: middle!important;
    margin-bottom: 7px!important;
}

.upay_item_info h3{
    text-transform: uppercase!important;
}
.upay_item_info .title{
    font-family:'Verdana'!important;
	font-weight: 400!important;
	font-size:18px!important;
	text-decoration:none!important;
	color: #cc420b!important;
	border:none!important;
}
.upay_item_info .title::after{
display:none!important;
}
.upay_item_info .img{
    text-align: center!important;
	min-height: 220px!important;
	min-width: 300px!important;
}
.menupack{
background:#ff9900 repeat-x scroll 0px 0px!important;text-align: center!important;display:inline-block;width:100%;margin-bottom:5px!important;height:40px!important;
}
.menupremium{
background:#d80027 repeat-x scroll 0px 0px!important;text-align: center!important;display:inline-block;width:100%;margin-bottom:5px!important;height:40px!important;
}
.menutop{
background:#14A7D1 repeat-x scroll 0px 0px!important;text-align: center!important;display:inline-block;width:100%;margin-bottom:5px!important;height:40px!important;
}
.menuhigh{
background:#1AAF5D repeat-x scroll 0px 0px!important;text-align: center!important;display:inline-block;width:100%;margin-bottom:5px!important;height:40px!important;
}
.menuimg{
background:#018be3 repeat-x scroll 0px 0px!important;text-align: center!important;display:inline-block;width:100%;margin-bottom:5px!important;height:40px!important;
}
.menupremium h2,.menutop h2,.menuhigh h2,.menuwallet h2, .menuimg h2, .menupack h2{font-family:'Verdana',sans-serif;color:#FFF!important;padding-left:3px!important;font-size:18px!important;letter-spacing:1px!important;margin-top:5px!important;margin-bottom:3px!important;background:none!important;border-bottom:none!important;padding:0!important;float:none!important;
font-weight: 400!important;
    line-height: normal!important;}
.paypal_detail{text-align:left!important;font-size:16px!important;margin-top:0px!important;margin-bottom:10px!important;float:none!important;}
.paypal_detail img{vertical-align:middle!important;}
.scrilpack{float:left!important;padding-left:5px!important;padding-top:5px!important;}
.paginaterupayments .searchPaginationSelected,.paginaterupayments .searchPaginationSelected:hover {
    border: 1px solid #F2F2F2!important;
    border-radius: 3px!important;
    margin: 0 5px 9px 0!important;
    color: #fff!important;
    padding: 12px 16px!important;
    line-height: 1!important;
    background-color: #03a9f4!important;
	height: 40px!important;
}
.paginaterupayments .searchPaginationSelected,.paginaterupayments .searchPaginationNonSelected{
   border: 1px solid #F2F2F2!important;
    border-radius: 3px!important;
    margin: 0 5px 9px 0!important;
    color: #333!important;
    padding: 12px 16px!important;
    line-height: 1!important;
	height: 40px!important;
}
.menuwallet{text-align: center!important;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px!important;
	margin-top: 5px!important;
    height: 40px!important;}
.menuwallet h2	{
	font-family: 'Verdana',sans-serif!important;
    color: #FFF!important;
    padding-left: 3px!important;
    font-size: 18px!important;
    letter-spacing: 1px!important;
    margin-top: 5px!important;
    margin-bottom: 3px!important;
    background: none!important;
    border-bottom: none!important;
    padding: 0!important;
    float: none!important;
    font-weight: 400!important;
    line-height: normal!important;}
.rupayments{text-align: center!important;}
.rupayments h2 {
    font-size: 20px!important;
    font-weight: 600!important;
    margin-top: 20px!important;
    text-align: center!important;
    margin: 0!important;
	margin-bottom:10px!important;
	float: none!important;
    text-transform: uppercase!important;
	border:none!important;
}
.udisbutton{
    display: inline-block!important;
	box-sizing: border-box;
    margin-bottom: 0!important;
	font-family: 'Verdana',sans-serif!important;
    font-weight: 400!important;
    text-align: center!important;
    -ms-touch-action: manipulation!important;
    touch-action: manipulation!important;
    cursor: pointer!important;
    border: 1px solid rgba(0, 0, 0, 0)!important;
    height: 40px!important;
    padding: 10px 19px!important;
    font-size: 16px!important;
    line-height: 0.8!important;
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
    background-image: none!important;
    color: #fff!important;
    transition: all 150ms ease-in-out;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	min-width:0!important;
	text-decoration: none!important;
}
.chekout,.stripe,.wallet {
background-color: #03a9f4!important;
}
.wallet{

}
.chekout:hover,.stripe:hover,.wallet:hover{
color: #fff!important;
background-color: #008DD5!important;
}
.chekout:before,.stripe:before  {
    font-family: "Material Design Icons";
    content: "\F19B";
	font-size: 24px!important;
	vertical-align: middle!important;
	padding-bottom: 3px!important;
    display: inline-block!important;
}
.wallet:before  {
    font-family: "Material Design Icons";
    content: "\F584";
	font-size: 24px!important;
	vertical-align: middle!important;
	padding-bottom: 3px!important;
    display: inline-block!important;
}
.bitcoin{
background-color: #FF9900!important;
	}
.bitcoin:before {
	font-family: "Material Design Icons";
	content:"\F1AC";
	font-size: 24px!important;
	vertical-align: middle!important;
	padding-bottom: 3px!important;
    display: inline-block!important;
	}
.fortumo{
background-color: #e8392e!important;
	}
.fortumo:before {
	font-family: "Material Design Icons";
	content:"\F120";
	font-size: 24px!important;
	vertical-align: middle!important;
	padding-bottom: 3px!important;
    display: inline-block!important;
}
.yaform{
margin-top:0!important;
height: 30px!important;
width: 180px!important;
min-width: 180px!important;
}
.yaformbutton{
margin-top: 0 !important;
height: 35px !important;
width: 180px !important;
min-width: 180px !important;
padding: 10px 10px 10px 10px;
line-height: 1em!important;
}
.alertultimate {
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
    margin-bottom: 15px;
}
.closebtnultimate {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}
.closebtnultimate:hover {
    color: black;
}
.stripe-button-el {	
	height:auto;
}
.custompaument{
text-align: center;	
}