#qb_lightbox { display:none; transition:opacity.3s; opacity:0; }
  #qb_lightbox.active { width:100%; height:100%; opacity:.9; transition:opacity .3s; display:block; position:fixed; top:0; left:0; background:black; z-index:1000; }
  .confirm_box_inner { border:2px solid #ff8d27; background-color:transparent; color:#fff; box-shadow:none; }
  #qb_dialog, #qb_dialog_fan, #qb_dialog_prem, #qb_dialog_album, #qb_dialog_autoload_update, #qb_dialog_select { position:fixed; text-align:center; top:25%; left:0; width:100%; z-index:100001; display:none; opacity:0; -webkit-transition:opacity .5s ease-in;  -moz-transition:opacity .5s ease-in; -o-transition:opacity .5s ease-in; transition:opacity .5s ease-in; }  
  #qb_dialog.active, #qb_dialog_fan.active, #qb_dialog_prem.active, #qb_dialog_album.active, #qb_dialog_autoload_update.active, #qb_dialog_select.active { display:block; opacity:1; } 
  #qb_dialog .confirm_box_inner, #qb_dialog_fan .confirm_box_inner, #qb_dialog_prem .confirm_box_inner, #qb_dialog_album .confirm_box_inner, #qb_dialog_autoload_update .confirm_box_inner, #qb_dialog_select .confirm_box_inner { width:600px; position:relative; padding:40px; }
  #qb_dialog .qb_content, #qb_dialog_fan .qb_content, #qb_dialog_prem .qb_content, #qb_dialog_album .qb_content, #qb_dialog_autoload_update .qb_content, #qb_dialog_select .qb_content { font-size:22px; text-align:center; padding:0 0 20px 0; }
  #qb_dialog .qb_billingtext, #qb_dialog_fan .qb_billingtext, #qb_dialog_prem .qb_billingtext, #qb_dialog_album .qb_billingtext, #qb_dialog_select .qb_billingtext { width:90%; text-align:center; font-size:12px; margin:10px auto; color:#ccc; font-weight:400; }
  .qb_billingtext span { font-weight:700; }
  .qb_content .list_item b { color:#ff8d27; }
  #qb_dialog_fan .btn { min-width:140px; cursor:pointer; white-space:nowrap; }
  #qb_dialog .ql_tooltip .icon-help { font-size:16px; }
  #qb_dialog_fan ul, #qb_dialog_prem ul { font-size:14px; margin-bottom:20px; text-align:left;  }
  #qb_dialog_fan ul li, #qb_dialog_prem ul li { list-style-image:none; margin:10px 0 10px 25px; position:relative; }
  #qb_dialog_fan ul li .icon.icon-check, #qb_dialog_prem ul li .icon.icon-check { color:#ff8d27; font-weight:700; left:-20px; position:absolute; }
  #qb_dialog_fan ul li [class^="icon-"]::before, #qb_dialog_fan ul li [class*=" icon-"]::before, #qb_dialog_prem ul li [class^="icon-"]::before, #qb_dialog_prem ul li [class*=" icon-"]::before { font-weight:700 !important; }
  #qb_dialog_fan .qb_choose, #qb_dialog_prem .qb_choose { margin:0 0 5px 0; }
  #qb_dialog .qb_vat_note,  #qb_dialog_fan .qb_vat_note, #qb_dialog_prem .qb_vat_note, #qb_dialog_select .qb_vat_note { font-size:12px; color:#666; padding:5px 0; }
  #qb_dialog_prem .btn.std { line-height:22px; }
  #qb_dialog_prem .billed_at { font-weight:400; font-size: 12px; }
  #qb_dialog_prem .btn.std.cancel { height:44px; line-height:42px; vertical-align:bottom }
  #qb_btn_prem .up_prem_arrow { background:url('https://secureimage.securedataimages.com/images/cams/up_prem_arrow.png') no-repeat; display:inline-block; height:13px; width:14px; }
  #ql_enable_cbox { margin:10px auto 20px; font-size:12px; font-weight:400; }
  
  #qb_bonus { display:none; margin:0px auto 20px auto; width:280px; }
  #bonus_container { background-color:#fff; border:1px solid #7db037; width:100%; height:25px; overflow:hidden; }
  #bonus_container .bonus_text { float:left; width:66%; text-align:right; line-height:25px; font-size:16px; background-color:#7db037; color:#fff; padding:0 5px; } 
  #bonus_container .bonus_amt { float:right; width:30%; line-height:25px; background-color:#fff; color:#7db037; font-weight:700; font-size:16px; } 
  #bonus_container .bonus_box { padding:0; color:#7db037; }
  #bonus_bal { margin:5px auto 0; text-align:left; width:100%; }
  #qb_dialog .qb_closer:hover, #qb_dialog_fan .qb_closer:hover,  #qb_dialog_album .qb_closer:hover { color:black; }
  .alert_box_inner a, .confirm_box_inner a { color:#3e96d9; }
  .qb_confirm_btn { background-color:#ff8d27; color:#fff; margin:0 5px; cursor:pointer; display:inline-block; height:50px; line-height:50px; transition:background 0.5s ease 0s; width:200px; font-size:18px; font-weight:700; }
  .qb_confirm_btn:hover { background-color:#d46706; }
  .tkn_amt { color:#ff8d27; }
  .tkn_amt .icon-token { position:relative; top:3px; }

  .order_process { top:0; left:0; } 
  
.ql_tooltip { position:relative; }
.ql_tooltip .popup { height:0px; opacity:0; position:absolute; left:0; z-index:2; -webkit-transition:height .2s ease-in;  -moz-transition:height .2s ease-in; -o-transition:height .2s ease-in; transition:height .2s ease-in; -webkit-transition:opacity .1s ease-out;  -moz-transition:opacity .1s ease-out; -o-transition:opacity .1s ease-out; transition:opacity .1s ease-out;}
.ql_tooltip.active .popup{ height:150px; width:250px; opacity:1; -webkit-transition:height .2s ease-out;  -moz-transition:height .2s ease-out; -o-transition:height .2s ease-out; transition:height .2s ease-out; -webkit-transition:opacity .1s ease-out;  -moz-transition:opacity .1s ease-out; -o-transition:opacity .1s ease-out; transition:opacity .1s ease-out; left:-103px; }
.ql_tooltip.active { display:inline-block; }
.pop_spacer { width:100%; height:10px; background:transparent; }
.tt_text { color:white; background-color: #2a2a2a; padding:5px; font-size:12px; text-align:left; white-space:normal; }
.popup:before { position:absolute; top:0; left:40%; width:0; height:0; content:""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom:10px solid #222; }


.qb_fan_btns [data-vat='included'], .plus_vat {
  display:block;
  font-size: .5rem;
  margin-top:-15px;
}

.vat_cancel {
 height: 49px;
 line-height:49px !important;
 vertical-align: top;
}

.billing_amount {
   margin-top:5px;
   font-size: .6rem;
}