.login-form .btn.border-indigo.text-indigo {
 border-color: #3b5998 !important;	
}
.login-form .btn.border-indigo.text-indigo .icon-facebook:before {
	color: #3b5998 !important;
}
.login-form .btn.border-pink-300.text-pink-300 {
 border-color: #007bb6 !important;	
}
.login-form .btn.border-pink-300.text-pink-300 .icon-linkedin:before {
	color: #007bb6 !important;
}
.login-form .btn.border-slate-600.text-slate-600 {
 border-color: #dd4b39 !important;	
}
.login-form .btn.border-slate-600.text-slate-600 .icon-google:before {
	color: #dd4b39 !important;
}

@media(max-width:480px){
	.chart-container {
		overflow: hidden !important;
		padding-bottom: 20px;
	}
	.navbar-brand {
		padding-left: 20px !important;
	}
	.heading-elements-toggle {
		display: none;
	}
	.footer{
		padding: 20px;
		text-align: center;
		position: relative !important;
		display: block !important;
		content: "" !important;
		clear: both !important;
	}
}
.cd-pricing-container.cd-full-width.cd-secondary-theme {
	padding: 0px;
	margin: auto;
	max-width:700px;
}
.cd-pricing-switcher .fieldset {
 	margin-top: -10px; 
	height: 46px;
}
.cd-pricing-switcher .fieldset label {
	color: #999; 
}
.cd-pricing-list>li { 
	width: 50%;
}
.cd-pricing-container ul{ 
	margin: 10px;
	padding: 0px;
	list-style: none;
}
.media_thumbnail {
	width: 62px;
	height: 62px;
	background-color: #ddd !important;
	background-size: cover !important;
	background-position: center center !important;
}
.rekeningku-dashboard .panel-group .panel-heading {
	background: #ACACAC;
	color: #fff;
}
.rekeningku-dashboard .panel-group:nth-child(even) .panel-heading {
	background: #7D7D7D;
}
.nav-anggaran {
	background: none !important;
}
.nav-anggaran li {
	width: 50%;
	text-align: center;
}
.nav-anggaran li a {
	background: #fff !important;
	border-color:#ddd !important;
	padding: 20px;
	margin-right: 15px;
}
.nav-anggaran li a:hover {
	background: #FCFCFC !important;
}
.nav-anggaran li:last-child a {
	margin-left: 15px;
	margin-right: 0px;
}
.nav-anggaran li.active a {
	background: #0DC6C9 !important;
	border-color:#0DC6C9 !important;
}


.mycustom-panel .panel-heading {
  background: #EC407A !important;
}
.mycustom-panel .panel-heading h6 {
  line-height: 0px;
  color: #fff;
}
.mycustom-panel .panel-body {
	padding-top: 35px !important;
}
.mycustom-panel .panel-body fieldset {
  max-width: 550px;
  margin: auto;
}
.navigation-main li.active a,
.navigation-main li.active:hover a {
	background: #80d8f6;
}
.icons-list.trophy a { 
	background:url(../images/i-trophy.png);
	width: 22px !important;
	height:20px !important; 
} 
.i-dashboard {
	background:url(../images/i-home.png);
	width: 18px;
	height:17px;
}
.i-laporan {
	background:url(../images/i-laporan.png?v=01);
	width: 18px;
	height:15px;
}
.i-aset {
	background:url(../images/i-aset.png?v=01);
	width: 18px;
	height:17px;
}
.i-rekeningku {
	background:url(../images/i-rekeningku.png);
	width: 18px;
	height:17px;
}
.i-rencana {
	background:url(../images/i-rencana.png) no-repeat center;
	width: 17px;
	height:17px;
}
.i-invest {
	background:url(../images/i-invest.png);
	width: 18px;
	height:17px;
}
.i-anggaran {
	background:url(../images/i-anggaran.png) no-repeat;
	width: 18px;
	height:17px;
}
.i-profil {
	background:url(../images/i-profil.png) no-repeat;
	width: 18px;
	height:17px;
}
.i-ref {
	background:url(../images/i-ref.png) no-repeat;
	width: 18px;
	height:17px;
}
.i-feed {
	background:url(../images/i-feed.png) no-repeat;
	width: 20px;
	height:18px;
}
.i-bantuan {
	background:url(../images/i-bantuan.png?v=02) no-repeat;
	background-size: 90%;
	width: 20px;
	height:18px;  
}
.sidebar-xs .navigation li:first-child i {
	margin-left: 0px !important;
}
.sidebar-xs .navigation li i {
	margin-left: 18px !important;
}
.sidebar-main {
	background: rgb(0, 174, 239);
	background: -moz-linear-gradient(120deg, rgb(0, 174, 239) 30%, rgb(9, 218, 208) 70%);
	background: -webkit-linear-gradient(120deg, rgb(0, 174, 239) 30%, rgb(9, 218, 208) 70%);
	background: -o-linear-gradient(120deg, rgb(0, 174, 239) 30%, rgb(9, 218, 208) 70%);
	background: -ms-linear-gradient(120deg, rgb(0, 174, 239) 30%, rgb(9, 218, 208) 70%);
	background: linear-gradient(210deg, rgb(0, 174, 239) 30%, rgb(9, 218, 208) 70%);
}
.navbar-brand {
  padding: 6px 0px 0px 70px;
}
.navbar-brand img {
  height: 28px !important;
}  
.bodypage_user_register.bgt01,
.bodypage_user_forgot.bgt01,
.bodypage_login_.bgt01,
.bodypage_user_login.bgt01 {
	background: url(../images/bg-01.jpg) fixed no-repeat top center;
	background-size: cover;
}
.bodypage_user_register.bgt02,
.bodypage_user_forgot.bgt02,
.bodypage_login_.bgt02,
.bodypage_user_login.bgt02 {
	background: url(../images/bg-02.jpg) fixed no-repeat top center;
	background-size: cover;
}

.bodypage_user_register .sign-headline,
.bodypage_user_forgot .sign-headline,
.bodypage_login_ .sign-headline,
.bodypage_user_login .sign-headline { 
	color:#fff;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
}
.bodypage_user_register h1,
.bodypage_user_forgot h1,
.bodypage_login_ h1,
.bodypage_user_login h1 {
	font-size: 30px;
	line-height: 30px;
	color:#fff;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
}
.bodypage_user_register h1 span,
.bodypage_login_ h1 span,
.bodypage_user_forgot h1 span,
.bodypage_user_login h1 span{
	color:#f2b304;
}
.bodypage_user_register .login-form,
.bodypage_login_ .login-form,
.bodypage_user_forgot .login-form,
.bodypage_user_login .login-form {
	margin: 0px;
}
@media(max-width:769px){
	.form-signin {
		max-width: 344px;
		margin: auto; 
	}
	.form-signin .sign-headline,
	.form-signin h1 {
		text-align: center;
	}
}
@media(max-width:360px){
	.login-container .content {
		padding: 0px;
	}
}
@media(max-width:320px){
	.login-container .login-form { 
	}
}

/*CUSTOMC CSS*/
.modal{
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-image{
	overflow-x: hidden;
    overflow-y: hidden;
    height: 195px;
    background-size: cover;
}

.modal-image img.logo-image{
	padding:20px;
	width:30%;
	padding-bottom: 15px;
}

.modal-image p{
	color: #ecf0f1;
	font-size: 13pt;
	padding: 20px;
	padding-bottom: 0px;
	font-family: arial;
	font-weight: 100;
}

.modal-image a{
	margin-top:none;
	margin-left:20px;
	margin-bottom:none;
}

.center-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
}

.topleft-image {
    position: absolute;
    top: 8px;
    left: 16px;
    font-size: 18px;
}

.title-orange {
	color : rgb(255,189,0);
	letter-spacing: 2px;
	font-size:20pt;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.p-10 {
	padding: 10px !important;
}

.basic, .basic:hover {
	color: #333;
}

.shop-url {
	object-fit: cover; 
	height : 100%;
}

.custom-media {
	margin-left : -20px !important;
	margin-right:-20px !important;
	padding:0px 20px;
}

.custom-nav {
	margin-left : -15px !important;
	margin-right: -20px !important;
}

.custom-dropdown-menu {
	margin-left: 15px !important;
	width: 85%;
}

.custom-nav li a:hover {
	background: none;
}

.custom-dropdown-menu li a {
	display: flex !important;
	align-items:center;
	padding: 8px 3px !important;
	white-space: inherit;
}

.custom-dropdown-menu li span.dead-link {
	display: flex !important;
	align-items:center;
	padding: 8px 3px;
}

.custom-dropdown-menu li a img{
	height: 30px;
	max-height: 100%;
}

.custom-dropdown-menu li span.dead-link img{
	height: 30px;
	max-height: 100%;
}

.custom-dropdown-menu li a:hover{
	background: #eee;
}

.vbottom-left{
	position: absolute;
	left: 0;
	bottom: 0;
}

.vbottom-right{
	position: absolute;
	right: 0;
	bottom: 0;
}

.blue-link{
	font-weight: bold;
	font-size: 15pt;
	color: #2196F3;
}

.blue-link:hover{
	color: #0277BD;
}

.blue-link i{
	color:white;
	/*display: inline-block;*/
	background-color:#2196F3;
	border-radius:50%;
	padding:5px;
	font-size:12pt;
}

.blue-link:hover i{
	color:white;
	background-color:#0277BD;
	border-radius:50%;
	padding:5px;
	font-size:12pt;
	transition: all ease-in-out .15s;
}

.black-link{
	font-weight: bold;
	color: #000;	
}

.black-link:hover{
	color: #000;
	text-decoration: underline;
}

.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 20px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  border:1px solid #ccc;
  content: "";
  height: 30px;
  width: 24px;
  left: -10px;
  bottom: -6px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 8px;
}

.slider.round:before {
  border-radius: 50%;
}

.form-control-feedback{
	line-height: 3.3rem !important;
}