#loc4div,.loginform,.nav .sf-menu,.panel-title,.banksection{
	font-family: 'Bebas Neue', cursive;
}

.r-content .homer .display thead tr th{
	background: none;
    color: #fff;
    border: none;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    border-bottom: 1px solid #ffbc3b;
}
.footer-txt{
	font-family: 'Bebas Neue', cursive;
}
.r-content .homer .display thead tr th{
	background: none;
    color: #fff;
    border: none;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    border-bottom: 1px solid #ffbc3b;
}

.r-content .homer .display tbody tr td{
	background: none;
    color: #c3c3c3;
    border: none;
    border-bottom: 1px solid #c3c3c3;
}

.loc4container .contentholder{
	margin-right: -5px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.loc4content{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#010101+0,3b3b3b+50,010101+100 */
	background: #010101; /* Old browsers */
	background: -moz-linear-gradient(top,  #010101 0%, #3b3b3b 50%, #010101 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #010101 0%,#3b3b3b 50%,#010101 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #010101 0%,#3b3b3b 50%,#010101 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010101', endColorstr='#010101',GradientType=0 ); /* IE6-9 */
	border-radius: 5px;
	border: 2px solid #00f2e8;
	color: #fbc800;
	width: 116px;
	float:left;
	margin-right: 5px;
	height: 245px;
	overflow:hidden;
	margin-top: 5px;
	padding: 5px;
	font-family: "Roboto", sans-serif;
	text-align: center;
}
.loc4content h2{
	color: #fffa69 !important;
	font-size: 12px;
	overflow: hidden;
	font-weight: bold;
	text-align: center;
	height: 35px;
}
.loc4content .periode{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}
.loc4date{
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	display: block;
}
.loc4time, .loc4time td, .loc4time th{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border:none;
	text-align: center;
	margin-bottom: 0;
}
.loc4time{
	margin-bottom: 15px;
}
.loc4content .num-container{
	margin-top: 0;
	display: block;
}
.loc4content .num-container .num_spbu{
	width: auto;
	height: auto;
	background:none;
	color: #f000ff;
	font-weight: bold;
	font-size: 30px;
}
#myContainer .loc4content a{
	color: #fffa69;
	font-size: 11px;
	font-weight: bold;
}
.topheader{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#370b6c+0,1b0534+100 */
	background: #370b6c; /* Old browsers */
	background: -moz-linear-gradient(top,  #370b6c 0%, #1b0534 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #370b6c 0%,#1b0534 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #370b6c 0%,#1b0534 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#370b6c', endColorstr='#1b0534',GradientType=0 ); /* IE6-9 */
	height: 130px;
	position: relative;
}
.theme-default .nivoSlider{
	background: none !important;
	box-shadow:none;
}
.banker{
	padding: 0 5px 5px;
	border: 3px solid #00c7f4;
	box-sizing: border-box;
	border-radius: 10px;
}
.bank{
	margin-left: 15px;
	border: 1px solid #ff0000;
	color: #ff0000;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	border-radius: 10px;
	position: relative;
}
.bank.spacing{
	letter-spacing: 5px;
}
.bank .indi{
	position: absolute;
    left: -9px;
    top: 8px;
	animation: blinker 1s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}
.bank.online{
	border: 1px solid #00ff00;
	color: #00ff00;
}
.bank.online .indioff{
	display:none;
}
.bank.offline .indion{
	display:none;
}
.layaner{
	padding: 0 5px 5px;
	border: 3px solid #da0ac5;
	box-sizing: border-box;
	border-radius: 10px;
}
.layaner .pill{
	border-radius: 10px;
	padding: 0;
	height: 30px;
	background: grey;
	display: inline-block;
	margin: 5px 15px;
}
.layaner .pill img{
	vertical-align: middle;
	height: 20px;
	margin: 5px;
}
.layaner .pill span{
	display: inline-block;
	background: grey;
	margin-left: 5px;
	border-radius: 5px;
	line-height: 20px;
	color: #fff;
	font-weight:bold;
	padding: 5px;
}
.layaner .pillfb{
	background: #14257b;
}
.layaner .pillwa{
	background: #55a114;
}
.layaner .pilltele{
	background: #0b54af;
}
.banker .title,.layaner .title{
	color: #00c7f4;
	font-style: italic;
	font-size: 36px;
	font-weight: bold;
}
.logonya{
	height: 80px;
	width: auto;
}
.header-login-btn{
	color: #ffe822;
	border-radius: 20px 8px 8px 20px;
	border: 1px solid #fffc00;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5812a0+0,e400ab+100 */
	background: #5812a0; /* Old browsers */
	background: -moz-linear-gradient(top,  #5812a0 0%, #e400ab 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #5812a0 0%,#e400ab 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #5812a0 0%,#e400ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5812a0', endColorstr='#e400ab',GradientType=0 ); /* IE6-9 */
	font-size: 12px;
	display: inline-block;
	padding: 4px 30px;
	text-decoration: none;
	font-weight: bold;
}
.header-reg-btn{
	color: #d919ad;
	border-radius: 8px;
	border: 1px solid #00f5e9;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5812a0+0,e400ab+100 */
	background: #00b7e2; /* Old browsers */
	background: -moz-linear-gradient(top,  #00b7e2 0%, #00f5e9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #00b7e2 0%,#00f5e9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #00b7e2 0%,#00f5e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7e2', endColorstr='#00f5e9',GradientType=0 ); /* IE6-9 */
	font-size: 12px;
	display: inline-block;
	padding: 4px 30px;
	text-decoration: none;
	font-weight: bold;
}
.nav{
	margin-top: 10px;
}
.akuner{
	position:absolute;
	width: 750px;
	top: 0;
	right: 0;
}
#header-form{
	margin-top: 32px
}
.headernews{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#93009d+0,f000ff+50,93009d+100 */
	background: #93009d; /* Old browsers */
	background: -moz-linear-gradient(top,  #93009d 0%, #f000ff 50%, #93009d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #93009d 0%,#f000ff 50%,#93009d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #93009d 0%,#f000ff 50%,#93009d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93009d', endColorstr='#93009d',GradientType=0 ); /* IE6-9 */
	color: #fff000;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center; 
	font-size: 14px;
}
.akuner input{
	background: none;
	border:none;
	border-bottom: 1px solid #fcff00;
	color: #fff;
	width: 100px;
	margin-right: 20px;
}
.header-login-captcha{
	height: 30px;
	vertical-align: middle;
}
.logo-besar{
	height: 100px;
	text-align: center;
	position: relative;
}
.logo-besar img{
	width: 400px;
	height: auto;
	margin: 5px;
}
.span-24.header{
	height: 0;
}
#myContainer .my-sidebar{
	display:none;
}
#myContainer .r-content{
	width: 940px;
    background: #fff;
    float: none;
	padding: 5px;
}
.loginform table, .loginform td, .loginform th{
	border: none;
	padding: 0;
	margin: 0;
}
.loginform table input{
	width: 100%;
	padding: 8px 3px;
	box-sizing: border-box;
}
#myContainer td a.hdrbtn{
	font-size: 23px;
	padding: 5px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#44fc4c+0,0d6b21+100 */
	background: #44fc4c; /* Old browsers */
	background: -moz-linear-gradient(top,  #44fc4c 0%, #0d6b21 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #44fc4c 0%,#0d6b21 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #44fc4c 0%,#0d6b21 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44fc4c', endColorstr='#0d6b21',GradientType=0 ); /* IE6-9 */
	color: #000;
	display: block;
	text-decoration:none;
	text-align: center;
	margin-bottom: 10px;
}
#myContainer td a.hdrbtn:hover{
	opacity: 0.8;
}
#myContainer td a.header-register-btn{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fc4444+0,6a0c0d+100 */
	background: #fc4444; /* Old browsers */
	background: -moz-linear-gradient(top,  #fc4444 0%, #6a0c0d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fc4444 0%,#6a0c0d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fc4444 0%,#6a0c0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc4444', endColorstr='#6a0c0d',GradientType=0 ); /* IE6-9 */
	color: #fff;
}
#myContainer a.forgot:hover{
	color: #ccc;
}
.r-content .display tbody tr{
	border:none;
}
.r-content .display{
	border:none;
}
.r-content .display>tbody>tr:nth-child(odd)>td, 
.r-content .display>tbody>tr:nth-child(odd)>th {
   /*background-color: #fff;*/
 }
.ph-kiri{
	 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4b28cb+0,d501ad+100 */
	background: #4b28cb; /* Old browsers */
	background: -moz-linear-gradient(left,  #4b28cb 0%, #d501ad 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #4b28cb 0%,#d501ad 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #4b28cb 0%,#d501ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b28cb', endColorstr='#d501ad',GradientType=1 ); /* IE6-9 */
}
.ph-kanan{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d501ad+0,4b28cb+100 */
	background: #d501ad; /* Old browsers */
	background: -moz-linear-gradient(left,  #d501ad 0%, #4b28cb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #d501ad 0%,#4b28cb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #d501ad 0%,#4b28cb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d501ad', endColorstr='#4b28cb',GradientType=1 ); /* IE6-9 */

}
 
.bank-holder{
	height: 100px;
	background: url('img/footer-bank.png') no-repeat left top;
	background-size: contain;
}
.bank img{
	height: 18px;
}
.bank .onindi{
	font-size: 18px;
	font-weight: bold;
	margin: 0 12px;
	line-height: 18px;
}
.bank .online{
	color: #3cf12a;
}
.bank .offline{
	color: #ff3536;
}
.accountlink{
	font-size: 14px;
	color: #000;
	font-weight: bold;
}
.accountlink a{
	color: #3d0a49;
}
.accountlink a:hover{
	color: #fff;
}
.ui-dialog{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4b28cb+0,d501ad+50,4b28cb+100 */
	background: #4b28cb; /* Old browsers */
	background: -moz-linear-gradient(top,  #4b28cb 0%, #d501ad 50%, #4b28cb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #4b28cb 0%,#d501ad 50%,#4b28cb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #4b28cb 0%,#d501ad 50%,#4b28cb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b28cb', endColorstr='#4b28cb',GradientType=0 ); /* IE6-9 */
	color: #fff;
}
.ui-dialog .ui-widget-content{
	color: #fff;
}
.catholder tr{
	background: rgba(255,255,255,0.2);
}
.catholder a{
	color: #000;
	font-size: 20px;
	text-transform: uppercase;
}
.catholder a:hover{
	color: #000;
	opacity: 0.8;
}