/* Wallet Donate */

.uwd .description {
	
	margin-bottom: 10px;
	
}

.uwd .donate {
	
	display: inline-block;
    background: coral;
    color: white;
    text-decoration: none;
    width: 100%;
    text-align: center;
    border-radius: 3px;
    padding: 5px 0;
	
}

.uwd .list {
	
	margin-top: 10px;
	height: 85px;
	overflow-y: scroll;
	padding-right: 5px;
	
}

.uwd .list a {
	
	text-decoration: none;
	
}

.uwd .item {
	
	font-size: 12px;
	padding: 0 5px;
	
}

.uwd .item:nth-child(odd) {
	
	background: aliceblue;
	border-radius: 3px;
	
}

.uwd .amount {
	
	font-size: 10px;
	background: #ffe768;
	border-radius: 3px;
	padding: 0 3px;
	color: #e67e55;
	
}

.uwd .dates {
	
	float: right;
	color: silver;
	font-size: 10px;
	
}

.ft_donate .donate {
	
	display: block;
	margin: 10px 0;
	
}

.ft_donate .donate > a {
	
	background: #2980b9;
    color: white;
    text-decoration: none;
    padding: 5px 25px;
    display: inline-block;
    border-radius: 3px;
    float: left;
	
}

.ft_donate .donate > .item {
	
	float: left;
    height: 26px;
    line-height: 26px;
    margin-left: 10px;
	
}

.ft_donate img {
	
    height: 26px;
    border-radius: 50%;
    float: left;
    margin-right: 7px;
	
}

.meter { 

    height: 20px;
    position: relative;
    background-color: #ecf0f1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    margin-top: 5px;
    overflow: hidden;
	
}

.meter > div {
	
	position: absolute;
    top: 2px;
    text-align: center;
    width: calc(100% - 20px);
	
}

.meter > span {
	
	display: block;
	height: 100%;
	border-radius: 3px;
	background-color: rgb(43,194,83);
	background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(43,194,83)),
	  color-stop(1, rgb(84,240,84))
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	-webkit-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	
}

.meter > span:after, .animate > span > span {
	
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-image: 
	   -webkit-gradient(linear, 0 0, 100% 100%, 
		  color-stop(.25, rgba(255, 255, 255, .2)), 
		  color-stop(.25, transparent), color-stop(.5, transparent), 
		  color-stop(.5, rgba(255, 255, 255, .2)), 
		  color-stop(.75, rgba(255, 255, 255, .2)), 
		  color-stop(.75, transparent), to(transparent)
	   );
	background-image: 
		-moz-linear-gradient(
		  -45deg, 
		  rgba(255, 255, 255, .2) 25%, 
		  transparent 25%, 
		  transparent 50%, 
		  rgba(255, 255, 255, .2) 50%, 
		  rgba(255, 255, 255, .2) 75%, 
		  transparent 75%, 
		  transparent
	   );
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
		   -moz-border-radius-topright: 8px;
		-moz-border-radius-bottomright: 8px;
			   border-top-right-radius: 8px;
			border-bottom-right-radius: 8px;
		-webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
			-moz-border-radius-topleft: 20px;
		 -moz-border-radius-bottomleft: 20px;
				border-top-left-radius: 20px;
			 border-bottom-left-radius: 20px;
	overflow: hidden;
	
}

@-webkit-keyframes move {
	
	0% {
	   background-position: 0 0;
	}
	100% {
	   background-position: 50px 50px;
	}
	
}

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

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

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

.wallet_payment_button {

    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
	
}

.wallet_payment_button:hover {
	
	border:1px solid #fdcb31!important;
	text-decoration: none;
	
}

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

.wallet_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;
	
}

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

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

.wallet_payments_change_wrapper {
	
	display:flex;
    align-items:center;
	margin:0 auto;
	background:#fff;
	padding:5px 0;
	border:1px solid rgba(0,0,0,.3);
	
}

.wallet_payments_change_wrapper .wallet_payments_change {
	
	padding:0 15px;
	height: 31px;
	line-height:31px;
	text-decoration:none !important;
	color:#c00 !important;
	margin-right:5px;
	
}

.wallet_payments_change_wrapper .wallet_payments_change i { margin-left:-5px; }

.wallet_payments_change_wrapper .wallet_payment_button {
	
    width: 88px;
    height: 31px;
    margin: 0;
	cursor:default;
	
}

.wallet_payments_change_wrapper .wallet_payment_button:hover {
	
	box-shadow:none;
	
}

.wallet_payments_button_wrapper {
	
	margin-top:20px;
	text-align:center;
	
}
.wallet_payments_button_wrapper .wallet_payment_button_puy {
	
	display:inline-block;
    padding:0 55px;
    height: 34px;
	line-height:34px;
	text-decoration:none!important;
	text-align:center;
	margin:0 auto;
	
}

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

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

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

a.paid_field {
	
    background-color: #2980b9;
    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;
	
}

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


/* 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/default/images/icons/viber_share.svg");
	background-color:#665cac; 
}
.viber_share_button:hover { background-color:#544c93; }

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

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

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

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

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

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

.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; }

}

/* Balance Block  */

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

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

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

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

.wallet_form .max_button {
	
    position: absolute;
    right: 75px;
    top: 6px;
    border-radius: 14px;
	
}

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

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

.s_button a {
	
    display: inline-block;
    background: #2980b9;
    color: white;
    text-decoration: none;
    width: 100%;
    text-align: center;
    border-radius: 3px;
    padding: 5px 0;
    margin-top: 10px;
	
}