/*
	Userpay Donate Form
*/

.userpay_donate_form {
    padding: 25px;
    min-width: 280px;
	min-height:430px;
	width:100%;
	height:100%;
	box-sizing:border-box;
	overflow:hidden;
}

.userpay_donate_form h4,
.userpay_donate_form h5{ margin:0; padding:0; text-align:center; }
.userpay_donate_form h6{ margin:0; padding:0; text-align:center; font-size:16px!important; }
.userpay_donate_form h4{ font-size:22px; margin-bottom:15px;  }
.userpay_donate_form h5{ font-size:14px; }
h5.userpay_payments_change_label{ margin-top:35px;margin-bottom:15px; }

.userpay_donate_form h5{  font-size:16px!important; }

.userpay_payments_buttons{
	
}

.userpay_payments_buttons .userpay_payments_buttons_hidden{
	display:none;
}
.userpay_payments_buttons .userpay_payments_show_hidden{
	display:block;
	text-decoration:none;
	text-align:center;
	padding:10px;
}

.userpay_payment_button {
	width: 123px;
    height: 53px;
    margin: 3px;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #cccccc5c;
    border-radius: 4px;
}

.userpay_payment_button:hover{
	border:1px solid #fdcb31;
}

.userpay_payments_inputs{
	margin-top:10px; 
	margin-bottom:10px;
}
.userpay_payments_inputs .input-has-suffix{
	display:flex;
    align-items:center;
}
.userpay_donate_form.userpay_donate_form_modal .userpay_payments_inputs .input-has-suffix{
	width:100%;
}
.userpay_payments_inputs .input-has-suffix .prefix,
.userpay_payments_inputs .input-has-suffix .suffix,
.userpay_payments_inputs .input-has-suffix input.input {
    height: auto !important;
    line-height: 28px !important;
    padding: 6px 8px !important;
	box-sizing:border-box;
	margin:0 !important;
	font-size:14px !important
}
.userpay_payments_inputs .input-has-suffix .prefix,
.userpay_payments_inputs .input-has-suffix .suffix {
    color: #fff;
}
.userpay_payments_inputs .input-has-suffix .prefix {
    border-right: none;
}
.userpay_payments_inputs .input-has-suffix .suffix{
    border-left: none; 
}
.userpay_payments_inputs .input-has-suffix input.input {
    min-width: 100px;
	font-size:18px !important;
}

.userpay_donate_form .userpay_payments_inputs .input-has-suffix input.input {
	text-align:center;
}

.userpay_donate_form.userpay_donate_form_modal .userpay_payments_buttons{
	text-align:center;
}



/*
	Userpay Donate Form Payments List Style = default
*/

.userpay_payments_panel_wrapper{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	background:rgba(0,0,0,.85);
	transition: all 0.5s ease;
}

.userpay_payments_panel_wrapper.is_hidden{
	left: -150vh;
}

.userpay_payments_panel_list{
	padding:25px 15px 25px 15px;	
	text-align:center;
}


.userpay_payments_change_wrapper{
	display:flex;
    align-items:center;
	margin:0 auto;
	background:#fff;
	padding:5px 0;
	border:1px solid rgba(0,0,0,.3);
}
.userpay_payments_change_wrapper .userpay_payments_change{
	padding:0 15px;
	height: 31px;
	line-height:31px;
	text-decoration:none !important;
	color:#c00 !important;
	margin-right:5px;
}
.userpay_payments_change_wrapper .userpay_payments_change i{ margin-left:-5px; }

.userpay_payments_change_wrapper .userpay_payment_button {
    width: 88px;
    height: 31px;
    margin: 0;
	cursor:default;
}
.userpay_payments_change_wrapper .userpay_payment_button:hover{
	box-shadow:   none;
}

.userpay_payments_button_wrapper{
	margin-top:20px;
	text-align:center;
}
.userpay_payments_button_wrapper .userpay_payment_button_puy{
	display:inline-block;
    padding:0 55px;
    height: 34px;
	line-height:34px;
	text-decoration:none !important;
	color:#fff !important;
	background:#c00;
	text-align:center;
	margin:0 auto;
}

.userpay_payments_change_hint{
	text-align:center;
	padding-top:15px;
}

.field-pay-btn {
    background: cornflowerblue;
    color: white;
    text-decoration: none;
    font-size: 12px;
    display: inline-block;
    padding: 3px 7px;
    opacity: 0.7;
    border-radius: 4px;
}

.field-pay-btn:hover {
    opacity: 1;
    color: white;
}

table.history {
    width: 100%;
}

table.history tr {
    height: 32px;
}

table.history tr:first-child {
    background: #0000001f;
    border-bottom: 1px solid #3d4354;
    font-size: 12px;
    color: #ffffff;
}

table.history tr:nth-child(2n) {
    background: #0000001f;
}

table.history tr > th {
    text-align: left;
    padding: 10px;
    font-size: 14px;
	width:fit-content;
}

table.history tr > td {
    font-size: 13px;
    text-align: left;
    padding: 10px;
	white-space: nowrap!important;
}

table.history tr > td:last-child {

}

table.history .negative {

}

.up_partner_tbl {
    width: 100%;
}

.up_partner_tbl tr:first-child {
    background: #0000001f;
}

.up_partner_tbl th {
    font-weight: normal;
    font-size: 13px;
	padding: 8px;
	white-space: nowrap!important;
}

.up_partner_tbl td {
    padding: 8px;
	font-size: 15px!important;
	white-space: nowrap;
}

.up_partner_tbl td a {
	font-size: 15px!important;
}

@media screen and (max-width: 800px) { 
	.up_partner_tbl td {
		font-size: 14px!important;
	}
	.up_partner_tbl td a {
		font-size: 13px!important;
	}
}

.up_pre_link {
    margin: -5px 0 0 0;
    color: silver;
    font-style: italic;
    font-size: 13px;
}

.up_post_link {
    margin: 5px 0 0 0;
    font-size: 13px;
    line-height: 15px;
    font-style: italic;
    color: silver;
}

a.paid_field {
    background-color: #2980b9;
    color: white;
    text-decoration: none;
    padding: 4px;
    padding-left: 25px;
    font-size: 13px;
    border-radius: 3px;
    background-position-y: center;
    background-position-x: 5px;
    background-repeat: no-repeat;
    background-image: url("/templates/default/images/icons/coins.svg");
    opacity: 0.8;
}

a.paid_field:hover {
    opacity: 1;
}

#user_profile_tab_content table { margin-bottom:40px; }


.userpay_payout_form_modal { 	
	width:100%;
	overflow:hidden; 
	padding:20px;
	max-width:450px;
}


@media screen and (min-width: 800px) {
	.userpay_payout_form_modal { 	
		width:450px;
	}
}



.modal.show~*:not(.ui-widget):not(.tox)>* {
    -moz-filter: none!important;
    -ms-filter: none!important;
    -o-filter: none!important;
	-webkit-filter: none!important;
	filter: none!important;
}





.total_bonus { 
    margin-top: 15px;
    padding: 14px 12px 14px 12px;
    background: #0000001f;
    width: 100%;
    border-radius: 5px;
}

.total_bonus span {
    background-image: url(/templates/modern/images/icons/coins.svg);
    background-repeat: no-repeat;
    padding-left: 35px;
    background-size: 21px;
	display: block;
	font-size: 17px;
}

.referals_table { 
	margin:15px 0 10px 0;
}

.referals_table_inner { overflow:hidden; margin:10px 0 10px 0; }

.referals_table_header { padding:10px; color:#fff; text-align:center; }

.referals_table_title {
	width:100%;
	font-family: "ProximaNova-Bold",sans-serif;
	font-size: 22px;
	color: #ffffff;
	line-height: 0.825;
	padding:10px;
	font-weight:bold;
}

.referals_table_content { 
	padding: 12px 8px 15px 8px;
}



/* Share Buttons  */

.share_buttons {
	padding: 10px 0px 10px 0px;
	overflow:hidden;
}

.share_button {
	padding:15px 15px 15px 40px;
	overflow:hidden;
	display:block;
	color:#fff;
	border-radius:5px;
	font-size:15px;
	text-decoration:none;
	background-repeat:no-repeat; 
	background-position:8px 11px;
	background-size:25px;
	margin-bottom:20px;
}

.share_button:hover { color:#fff; text-decoration:none; }


.viber_share_button {
	background-image: url("/templates/modern/images/icons/viber_share.svg");
	background-color:#665cac; 
}
.viber_share_button:hover { background-color:#544c93; }

.telegram_share_button {
	background-image: url("/templates/modern/images/icons/telegram_share.svg");
	background-color:#53abea; 
}
.telegram_share_button:hover { background-color:#4d99d5; }

.fb_share_button {
	background-image: url("/templates/modern/images/icons/fb_share.svg");
	background-color:#5262b7; 
}
.fb_share_button:hover { background-color:#4856a0; }

.ok_share_button {
	background-image: url("/templates/modern/images/icons/ok_share.svg");
	background-color:#f3af28; 
}
.ok_share_button:hover { background-color:#e4a426; }

.vk_share_button {
	background-image: url("/templates/modern/images/icons/vk_share.svg");
	background-color:#5e7ba3; 
}
.vk_share_button:hover { background-color:#546e92; }

.tw_share_button {
	background-image: url("/templates/modern/images/icons/tw_share.svg");
	background-color:#4d99d5; 
}
.tw_share_button:hover { background-color:#4890c9; }

.modern_share_button { 
	background-image: url("/templates/modern/images/icons/modern_share.svg");
	color:#fff!important;
	background-color:#1e1c1c; 
}
.modern_share_button:hover { background-color:#51a841; cursor:pointer; color:#fff; }

.referal_link_block
{
	padding: 20px 20px 10px 20px;
    background: #0000001f;
    border: 1px dashed #cccccc38;
}

.referal_link_block #referal_link { width:250px; padding:5px; }
.referal_link_block .copy { padding:5px; }

@media only screen and (max-width : 800px) {

	.referal_link_block #referal_link, .referal_link_block .copy
	{ 
		width:100%;
	}
	.referal_link_block .copy { margin-top:10px; padding:10px; }

}

.partners_block { font-size:15px; }


/* Balance Block  */

.userpay_balance_block {
	overflow:hidden;
	display:block!important;
	width:100%!important; 
}

.subscriptions_block {  }

@media only screen and (max-width : 1024px) {
	.userpay_balance_block {
		padding:10px 0px 50px 0px; 
	}
	
	.subscriptions_block { text-align:left; }
}

.userpay_balance_block .field {
	display:block!important;
	padding:0px 0px 10px 0px; 
}

.payout_balance .btn-danger {
    color: #525252!important;
    background-color: #ffffff!important;
    border-color: #b7b7b7!important;
}

.balance_info {
    background-image: url("/templates/modern/images/icons/coins.svg");
    background-repeat: no-repeat;
    padding-left: 20px;
}

.balance_buttons .btn { font-size:13px; }
.balance_buttons .add_balance { float:left; margin-right:8px; }
.balance_buttons .payout_balance { float:right; }

@media screen and (max-width: 600px) {

.balance_buttons { margin-top:5px; }
.balance_buttons .add_balance { margin-right:3px!important; }
.balance_buttons .add_balance a { font-size:12px!important; padding:5px!important; }
.balance_buttons .payout_balance a { font-size:12px!important; padding:5px!important; }

}



.btn-payout {
    color: #ffffff;
	background-color: #1d3772bf;
    border-color: #3d67c9bf;
}

.userpay_balance_block .btn-success {
    background-color: #098938!important;
    border-color: #33bd668c!important;
}

.userpay_balance_block .btn { }


.userpay_balance_block .count { font-size:18px; }
.userpay_balance_block .pay_in a, .userpay_balance_block .pay_out a { width:100%; }


.token_price, .user_balance { background: #090d1ab5; padding:10px; }



.userpay_form .btn-secondary, .userpay_form .btn-primary {
	display:block;
    border-radius: 1rem !important;
	padding-left:25px!important;
	padding-right:25px!important;
}

.userpay_balance_block { border: 1px solid #dee2e6; border-radius: 8px; }

#message_block { font-size:13px; color:#ccc; }


.userpay_form .buttons_block {
	
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between; 
  
}

.userpay_form .total_amount 
{
	
	font-size: 17px;
    font-weight: bold;
	
}

.userpay_form .input-has-suffix input.input {
	
    height: 50px!important;
    padding-left: 14px!important;
	
}


.userpay_form .max_button {
    position: relative;
    right: 45px;
    border-radius: 14px;
}

.userpay_form .max_button a {
	color: #7e7e7e!important;
	text-decoration: underline;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	display: none;
}
 

.userpay_balance_block_desktop .btn { width: 120px; padding: 0px 12px!important; height: 36px; line-height: 36px; border-radius: 7px; display:inline-table; }
.userpay_balance_block_mobile .btn { width: 120px; padding: 0px 12px!important; height: 46px; line-height: 46px; border-radius: 7px; display:inline-table; }

.userpay_balance_block .balance_title {
	
	font-family: 'Inter';
	font-size: 16px!important;
	line-height: 24px!important;
	letter-spacing: -0.18px;
	color: #E9E9EB!important;

}

.userpay_balance_block .balance_currency {
	
	font-family: 'Inter';
	font-size: 16px!important;
	line-height: 24px!important;
	color: #50515C;!important;

}

.userpay_balance_block .balance_amount {
	
	font-family: 'Inter';
	font-size: 16px!important;
	line-height: 24px!important;
	letter-spacing: -0.18px;
	color: #E9E9EB!important;

}

.balance_block {
	
	border-bottom: 1px solid #242533;
	
}

.userpay_hint { font-size:11px; color:#272727; margin-top:8px; }