#authenticationForm .output .fail, #authenticationForm .output .success { display:block; padding:7px 10px; border:1px solid #f00; background:#FFE7E7; border-radius:4px; margin-bottom:15px; } #authenticationForm .output .success { border-color:#4DC802; background:#E8FFE7; } .side_notifier { position:fixed; display:inline-block; padding:10px 20px; width: auto; max-width:400px; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5); top:20%; right:0; z-index:10000; background-color:#fff; border:1px solid #ff715b; color: #ff715b; border-left-width:40px; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .side_notifier.sw { right:20px; } .side_notifier::before { content: "\f06a"; font-family: "FontAwesome"; display: inline-block; position:absolute; top:calc(50% - 15px); left: -28px; font-size:20px; color: #FFF !important; } .side_notifier.alert { border-color:#F9D01F; color: #F9D01F; } .side_notifier.alert::before { content: "\f071"; } .side_notifier.success { border-color:#45cb85; color: #45cb85; } .side_notifier.success::before { content: "\f00c"; } .notifier { color:red; margin-top:15px; } .notifier.warning { color:#1a6c9d; } .notifier.success { color:green; } .upload_file img { max-width:100%; }

#emailUser { position:relative; } #emailUser input[type="text"]#findUsers.load { background:url(ajax_load.gif) 98% center no-repeat; transition:none; } #emailUser .userList { position:absolute; left:0; top:65px; width:100%; background:#eaeaea; box-shadow: 7px 0px 4px -4px #888, 0px 7px 7px -4px #888, -7px 0px 4px -4px #888; border-radius: 0px 0px 5px 5px; z-index:1; transition:none; padding:0; margin:0; } #emailUser .userList li, #emailUser .userList span { display:block; padding:4px 5%; border-bottom:1px solid #999; font-size:14px; } #emailUser .userList li:last-child { border-bottom:none; } #emailUser .userList li:hover { background:#dadada; cursor:pointer; } #emailUser .userList li:active { background:#cacaca; } .reg.post_with_ajax .shortcodes { background:#eaeaea; padding:10px 20px; } .reg.post_with_ajax .shortcodes i { font-style:normal; margin-right:10px; font-weight:700; } .reg.post_with_ajax .shortcodes i:last-child { margin-right:0; } .reg.post_with_ajax .hint { color:#f00; margin:2px 0; font-size:11px; }

.crpt_pay { background:#A09FDA; min-height:100vh; width:100%; font-family:"Roboto",sans-serif; display: flex; justify-content: space-between; } .crpt_pay.adj { min-height:calc(100vh - 92px); } .crpt_pay.fail { background:#A09FDA; } .crpt_pay .frame { width:350px; height:auto; padding:30px 20px; border-radius:7px; box-shadow:0 0 8px #333; background:#dcdcdc; border:1px solid #aaa; text-align:center; display: block; flex-wrap: wrap; box-sizing: border-box; margin: 30px auto; align-self: center !important; } .crpt_pay .frame h3 { color: #000A5E; } .crpt_pay.fail .frame h3, .crpt_pay .frame .fail h3 { color: #AD0E0E; } .crpt_pay .frame .status { height:80px; width:80px; border:2px solid #090; border-radius:50%; background:url(succ-icon.png) center no-repeat; margin:auto; margin-bottom: 20px; display:block; } .crpt_pay.fail .frame .status, .crpt_pay .frame .fail .status { background-image:url(fail-icon.png); border-color:#AD0E0E; } .crpt_pay .frame .initiated .status { background-image:url(initiated.png); border-color:#006AF2; } .crpt_pay .frame .note { display:block; line-height:24px; font-size:13px; width:100%; } .crpt_pay .frame .note a { text-decoration:none; font-size:15px; font-weight:200; color:grey; } .crpt_pay .frame .note a:hover { cursor:pointer; text-decoration:underline; color:black } .crpt_pay .frame logo { display:block; } .crpt_pay .frame logo marquee { display:block; margin-bottom:10px; color: red;  } .crpt_pay .frame logo img { display:block; margin:0 auto; height:100px; } .crpt_pay .frame ul { display:inline-block; width:100%; list-style:none; margin:0; padding:0; } .crpt_pay .frame ul li { display:inline-block; width:100%; margin:0; padding:0; margin-bottom:15px; color:#444; list-style:none; text-align: left; } .crpt_pay .frame ul li span { float:right; color:#000; } .crpt_pay .frame .pmt_load { display:block; margin-top:20px; text-align:center; font-size: 12px; } .crpt_pay .frame .pmt_load .load { background:url("css/progress_bar.gif") center no-repeat; margin:auto; display:block; height: 13px; width: 209px; margin-bottom:4px; }

.range_group.fundings { position:relative; margin:20px auto; width:95%; } .range_group .rang_list { position:absolute; top:0; right:0; border-right:4px dotted #aaa; height:30px; z-index:0; } .range_group .rang_list i { margin-top:18px; display: inline-block; margin-right: 4px; font-size: 10px; color:#222; } .range_group .form-control-range { z-index:1; position:relative; } .range_group .rang_list:first-child i { margin-right:0; margin-left:4px; }

.upload_file .progressbox { display:block; margin-top:5px; } .upload_file .progressbox .progressbar { display:block; height:5px; background:blue; width:1%; } .badge-pill.notification-count { color:#fff; font-weight:700; }
 
.fulltime_reader, .realtime_reader { position:relative; width:100%; min-height:180px; border-radius:3px; padding:4px 5px; display:block; text-align:left; margin-bottom:5px; } .fulltime_reader { -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; filter: fliph; } .realtime_reader { position:absolute; width:140px; min-height:140px; left:0; top:37px; right:0; margin:auto; } .fulltime_reader canvas, .realtime_reader canvas { display: block; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; z-index:1; } .realtime_reader span { background: inherit; color:#fff; display:block; line-height:220px; text-align:center; width:220px; font-family:sans-serif; font-size:40px; font-weight:100; margin-left:5px; } .realtime_reader span { text-align:center; width:100%; font-size:20px; }

a.buy-with-wallet-earning { box-sizing: border-box; clear: none; clip: auto; margin: 0; vertical-align: baseline; visibility: visible; width: auto; min-width: 134px; user-select: none; user-drag: none; -webkit-user-drag: none; text-decoration: none; background: #1652f0 linear-gradient(#1652f0, #0655ab); cursor: pointer; transition: background 0.2s ease-in-out, padding 0.2s; border-radius: 6px; display: inline-block; height: 40px; padding: 9px 15px 11px 15px; position: relative; } a.buy-with-wallet-earning > span { color: white; font: normal 500 14px/20px -apple-system, BlinkMacSystemFont, 'Inter','Graphik', 'Segoe UI','Roboto', 'Helvetica','Arial',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; letter-spacing: 0; overflow: hidden; text-align: center; text-overflow: ellipsis; text-shadow: 0 1px 0 rgb(0 0 0 / 15%); white-space: nowrap; }

@media screen and (max-width: 440px) { .side_notifier { max-width:80%; } .side_notifier.sw { right:5px; } }