html,button,input,select,textarea {
color:#222;
}

html {
font-size:1em;
line-height:1.4;
}

hr {
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0;
}

audio,canvas,img,video {
vertical-align:middle;
}

fieldset {
border:0;
margin:0;
padding:0;
}

.browsehappy {
background:#ccc;
color:#000;
margin:.2em 0;
padding:.2em 0;
}

.ir {
background-color:transparent;
border:0;
overflow:hidden;
text-indent:-9999px;
}

.ir:before {
content:"";
display:block;
width:0;
height:150%;
}

.hidden {
display:none!important;
visibility:hidden;
}

.visuallyhidden {
border:0;
clip:rect(0000);
height:1px;
overflow:hidden;
position:absolute;
width:1px;
margin:-1px;
padding:0;
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
clip:auto;
height:auto;
overflow:visible;
position:static;
width:auto;
margin:0;
}

.invisible {
visibility:hidden;
}

.clearfix:before,.clearfix:after {
content:" ";
display:table;
}

.clearfix:after {
clear:both;
}

.bank-panel {
display:block;
position:fixed;
z-index:99;
}

.bank-panel.right {
top:19%;
right:0;
}

.bank-panel .panel-black {
display:block;
position:relative;
background-color:#404040;
width:170px;
height:70px;
margin-bottom:2px;
}

.online {
float:left;
width:44px;
height:44px;
margin-top:12px;
margin-left:-5px;
background:url(../assets/images/indicator.png) 0 0 no-repeat;
}

.offline {
float:left;
width:44px;
height:44px;
margin-top:17px;
margin-left:-5px;
background:url(../assets/images/indicator.png) 0 -44px no-repeat;
}

.trouble {
float:left;
width:44px;
height:44px;
margin-top:-7px;
margin-left:-7px;
background:url(../images/indicator-yellow.png) 0 0 no-repeat;
}

.bank-panel .mandiri {
float:right;
width:120px;
height:52px;
margin-top:8px;
background:url(../assets/images/bank.png) -127px 0 no-repeat;
}

.bank-panel .bri {
float:right;
width:120px;
height:52px;
margin-top:8px;
background:url(../assets/images/bank.png) -250px 0 no-repeat;
}

.bank-panel .bni {
float:right;
width:120px;
height:52px;
margin-top:8px;
background:url(../assets/images/bank.png) -373px 0 no-repeat;
}

.bank-panel .danamon {
float:right;
width:120px;
height:52px;
margin-top:8px;
background:url(../assets/images/bank.png) -494px 0 no-repeat;
}

.bank-panel .ocbc {
float:right;
width:120px;
height:52px;
margin-top:8px;
background:url(../assets/images/bank.png) -627px 0 no-repeat;
}

.bank-panel .cimb {
float:right;
width:120px;
height:52px;
margin-top:8px;
background:url(../assets/images/bank.png) -774px 0 no-repeat;
}

.forget-password {
float:right;
margin-top:-10px;
margin-right:25px;
}

#table-history {
width:80%;
border-spacing:1px;
border-collapse:collapse;
padding:10px;
}

.contacts {
background-color:#0a0a0a;
border-top:4px solid #000;
height:57px;
}

.contacts2 {
background-color:#1a1a1a;
height:auto;
}

.listbank .online {
float:left;
width:22px;
height:22px;
margin-left:-5px;
background:url(../assets/images/indicator-.png) 0 0 no-repeat;
margin-top:12px;
}

.listbank .offline {
float:left;
width:22px;
height:22px;
margin-left:-5px;
background:url(../assets/images/indicator-.png) 0 -22px no-repeat;
margin-top:14px;
}

.listbank .bca {
background:url(../images/thebanks.png?v=666) no-repeat -17px -25px;
width:69px;
height:20px;
margin:11px 0 0 -25px;
}

.listbank .mandiri {
background:url(../images/thebanks.png?v=666) no-repeat -98px -25px;
width:71px;
height:20px;
margin:14px 0 0 -22px;
}

.listbank .bri {
background: url(../images/thebanks.png?v=666) no-repeat -251px -26px;
width: 87px;
height: 19px;
margin: 14px 0 0 -7px;
}

.listbank .bni {
background:url(../images/thebanks.png?v=666) no-repeat -179px -27px;
width:65px;
height:18px;
margin:14px 0 0 -28px;
}

.listbank .danamon {
background: url(../images/thebanks.png?v=666) no-repeat -569px -25px;
width: 86px;
height: 20px;
margin: 14px 0 0 -6px;
}

.listbank .ocbc {
background: url(../images/thebanks.png?v=666) no-repeat -350px -27px;
width: 86px;
height: 18px;
margin: 14px 0 0 -9px;
}

.listbank .cimb {
background:url(../images/thebanks.png?v=666) no-repeat -486px -28px;
width:112px;
height:17px;
margin:14px 0 0 13px;
}

.listbank .bii {
background: url(../images/thebanks.png?v=666) no-repeat -859px -22px;
width: 35px;
height: 21px;
margin: 14px 0 0 -48px;
}

.listbank .panin {
background: url(../images/thebanks.png?v=666) no-repeat -666px -29px;
width: 93px;
height: 14px;
margin: 17px 0 0;
}

.listbank .permata {
background: url(../images/thebanks.png?v=666) no-repeat -764px -26px;
width: 89px;
height: 21px;
margin: 11px 0 0 -11px;
}

.listbank .maybank {
background: url(../images/thebanks.png?v=666) no-repeat -895px -22px;
width: 104px;
height: 21px;
margin: 9px 0 0 4px;
}

.listbank .jenius {
background: url(../images/thebanks.png?v=666) no-repeat -1002px -18px;
width: 52px;
height: 28px;
margin: 9px 0 0 2px;
}

.listbank .kospinpermata {
background: url(../images/thebanks.png?v=666) no-repeat -1042px -18px;
width: 118px;
height: 28px;
margin: 9px 0 0 0px;
}

.listbank .mega {
background: url(../images/thebanks.png?v=666) no-repeat -1159px -18px;
width: 74px;
height: 28px;
margin: 9px 0 0 14px;
}

.listbank-black {
display:inline-block;
position:relative;
width:130px;
height:60px;
margin-bottom:2px;
}

.listcp-black {
display:inline-block;
position:relative;
width:auto;
margin-right:12px;
height:60px;
margin-bottom:2px;
}

.listcp-black .icon {
margin-top:10px;
float:left;
}

.listcp-black .value {
margin-top:17px;
float:left;
margin-left:10px;
}

#footer {
height:0!important;
}

#member-online .box::-webkit-scrollbar {
width:10px;
}

#member-online .box::-webkit-scrollbar-thumb {
background-color:#000;
}

.license-icon {
padding-left:0;
list-style:none;
margin:10px 0 20px;
}

.license-icon li {
display:inline-block;
padding:0 10px;
}

.hover_bkgr_fricc {
background:rgba(0,0,0,.4);
cursor:pointer;
display:none;
height:100%;
position:fixed;
text-align:center;
top:0;
left:0;
width:100%;
z-index:999999999;
color:#000;
}

.hover_bkgr_fricc .helper {
display:inline-block;
height:100%;
vertical-align:middle;
}

.hover_bkgr_fricc > div {
background-color:#fff;
display:inline-block;
height:auto;
max-width:551px;
top:40%;
left:33%;
min-height:auto;
vertical-align:middle;
width:70%;
position:absolute;
padding:15px 0;
}

.hover_bkgr_fricc > div h3 {
color:#000;
font-weight:900;
padding:2%;
}

.popupCloseButton {
background-color:#fff;
border:3px solid #999;
cursor:pointer;
display:inline-block;
font-family:arial;
font-weight:700;
position:absolute;
top:-11px;
right:-13px;
font-size:25px;
line-height:25px;
width:30px;
height:30px;
text-align:center;
}

.popupCloseButton:hover {
background-color:#ccc;
}

.sf-menu a,.sf-menu a:visited,.sf-menu a.main1,.sf-menu a.main1:visited {
padding:9px 38px px!important;
}

.content-promo .toggle-content ul {
padding:0;
}

.content-promo .toggle-content ul li {
margin-bottom:15px;
}

.content-promo .toggle-content ul li a {
background-color:dimgrey;
padding:9px 8px;
}

.content-promo .toggle-content ul li a:hover {
color:#000;
cursor:pointer;
}

::-moz-selection,::selection {
background:#b3d4fc;
}

.listcp,.listbank {
display:inline;
z-index:99;
}

#content,.container,.text-left {
height:auto!important;
}

@media print{
* {
background:transparent!important;
color:#000!important;
}

a,a:visited {
text-decoration:underline;
}

a[href]:after {
content:" (" attr(href) ")";
}

abbr[title]:after {
content:" (" attr(title) ")";
}

.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
content:"";
}

pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}

thead {
display:table-header-group;
}

tr,img {
page-break-inside:avoid;
}

img {
max-width:100%!important;
}

@page {
margin:.5cm;
}

p,h2,h3 {
orphans:3;
widows:3;
}

h2,h3 {
page-break-after:avoid;
}
}