/* ----------------------------
 * Theme Color
 * --------------------------- */
 
/* Generated by CSS Usage.
   File: https://fonts.googleapis.com/css?family=Caveat:400,700.
   DON'T DELETE YOUR ORIGINAL CSS FILE. Keep it so you can fix the glitches later.
   Some rules have been deleted, some selectors are prefixed with "UNUSED".
   Look for the UNUSED items and see if you can remove them. */

@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: local('Caveat'), local('Caveat-Regular'), url(../css/Caveat-Regular1.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: local('Caveat'), local('Caveat-Regular'), url(../css/Caveat-Regular2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  src: local('Caveat Bold'), local('Caveat-Bold'), url(../css/Caveat-Bold1.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  src: local('Caveat Bold'), local('Caveat-Bold'), url(../css/Caveat-Bold2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

 
section #main {
	padding-bottom:30px;
}

.jumbotron.frontpage {background:none; position:inherit}

.logo-text {
	background-image: url("../../allwebcore/img/logo/IPOTGO.svg");
	width: 120px;
	background-size: 120px 50px;
	margin-top:0px;
}

.showApps {display:none}


.bgcolor-appshead {
	background-color: #959EA7 !important;
}
.bgcolor-appstitle {
	padding-top: 4px !important;
	padding-bottom: 3px !important;
	margin: 0px !important;
	background-color: #AEB5BB !important;
	color: #E7E7E7;
	text-align: center;
	clear:both
}
.bgcolor-appstitle .appstitle {
	text-align:center;
}
.bgcolor-appstitle .appstitle h5 {
	text-transform:uppercase
}


#header.navbar {
	z-index: 5;
	width:100%;
	min-height:20px;
  -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(0, 0, 0, 0.03);
          box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(0, 0, 0, 0.03);
}

div.searchBar {
	position:fixed;
	padding-top:10px;
	padding-bottom:10px;
	top:46px;
}
.page-header.page-header-block {
    background-color: transparent;
}




#header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a {
    color: #9d9d9d;
}
#header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:hover {
    color: #4C4C4C;
}
#header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:active, #header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:focus {
    color: #fff;
	background-color: #2a2a2a;
}
.topmenu li a > .figure, .mainmenu li a > .figure {
	padding-left: 7px;
}

.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
		white-space: nowrap;
	}

span.figure.alphabet .label { 
	font-size:16px;
	border-radius:100%;
	padding:0px;
	width:28px;
	height:28px;
}


span.figure.alphabet .label.caveat-700 {
    font-size: 18px;
    border-radius: 100%;
    padding: 0px;
}

.panel-ribbon > .icon {
    display: inline-block;
    position: relative;
	font-size:20px;
    line-height: 13px;
    margin-top: 6px;
    margin-right: 6px;
	margin-left: 6px;
    text-align: center;
    z-index: 1;
	color:#FFFFFF
}


.widget.featured h1.label {
	margin-top:0px !important;
	margin-bottom:7px;
	opacity:0.5
}
.widget.featured h4 {
	margin-top:0px !important;
	margin-bottom:7px;
	opacity:0.6
}
.widget.featured .btn.bgproduct {
	background-color:#fff;
	padding:8px 3px
	}

.widget.featured .mylink h1.label {background-color: #699A2B}
.widget.featured .mylink a, .widget.featured .mylink h4 {color: #5B8625}

.widget.featured .highlight h1.label {background-color:#007D7F; }
.widget.featured .highlight a,
.widget.featured .highlight h5, .widget.featured .highlight h4 {color: #007D7F}

.widget.featured .reksadana h1.label {background-color: #046380;}
.widget.featured .reksadana a, .widget.featured .reksadana h4 {color: #056D8C}

.widget.featured .saham h1.label {background-color:#E55E04}
.widget.featured .saham a, .widget.featured .saham h4 {	color: #E55E04}

.widget.featured .fiturumum h1.label {background-color:#987C30}
.widget.featured .fiturumum a, .widget.featured .fiturumum h4 {color: #987C30}

.widget.featured .fiturhighlight .panel {
	background-color: #8C7A8C;
}
.widget.featured .fiturhighlight a, .widget.featured .fiturhighlight h4 {
	color: #8C7A8C
}

.fa-stack > .glyphicons.fa-stack-1x {top:-2px} 


.berkalafitur {height:320px}
.reksadanafitur {height:120px}

@media screen and (max-width:992px) { 	
	.nav.nav-tabs.likebutton li a {
		padding:8px 10px;
		border:none
	}
}


@media (min-width: 992px) {
	.berkalafitur {height:200px}
}



.panel {
    border-bottom-width: 1px;
}


/* Screen-xs */
html body {overflow-y:hidden;}
.sidebar {
    background-color: #2a2a2a;
    color: rgba(255, 255, 255, 0.5) !important;
}
.sidebar .topmenu li > .submenu, .sidebar .mainmenu li > .submenu {
	background-color: #363B40;
}
.sidebar .topmenu > li::after, .sidebar .mainmenu > li::after {
    border-color: #2f2f2f;
}
.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}
.logo-brand  .logo-text{margin-left:-15px}

.topmenu > li > ul > li:last-child {padding-bottom:20px}




#header.navbar .navbar-toolbar .navbar-nav {
	margin: 0;
	float: none;
	padding-left: 0px;
	display:block;
	text-align:center
}
#header.navbar .navbar-toolbar .navbar-nav > li.logo {
	float: none;
}
#header.navbar .navbar-toolbar .navbar-nav > li.logo > a {
	padding: 0 15px;
	height: 50px;
	line-height: 50px;
	color: #9d9d9d;
	text-shadow: none;
	float: none;
	margin-left:-20px;
}
.page-header.page-header-block {
	padding-left:0;
	padding-right:0;
	clear:both;
	margin-bottom:0px;
}


.page-header .page-header-section + .page-header-section {
    margin-top: 0px;
}
.page-header .breadcrumb {
    padding-top: 0px;
    padding-bottom: 0px;
}
.page-header .title {
    line-height: normal;
}
.page-header .toolbar {
    margin-bottom: 0px;
}

.sidebar .header, .sidebar .footer {
	background-color: #242424;
}


.btn-orange {
	color: #FFF;
	background-color: #FF5F00;
	border-color: #FF7E00;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange.focus,
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
	color: #fff;
	background-color: #FF5700;
	border-color: #FF7E00;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  background-image: none;
}
.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled.focus,
.btn-orange[disabled].focus,
fieldset[disabled] .btn-orange.focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange.active {
	background-color: #FF8E00;
	border-color: #FF7600;
}
.btn-orange .badge {
  color: #FF8E00;
  background-color: #fff;
}


.btn-brown.btn-outline { 
  color: #755C2B; 
  background-color: transparent; 
  border-color: #96844E; 
} 
 
.btn-brown.btn-outline:hover, 
.btn-brown.btn-outline:focus, 
.btn-brown.btn-outline:active, 
.btn-brown.btn-outline.active, 
.open .dropdown-toggle.btn-brown.btn-outline { 
  color: #755C2B; 
  background-color: transparent; 
  border-color: #96844E; 
} 
 
.btn-brown.btn-outline:active, 
.btn-brown.btn-outline.active, 
.open .dropdown-toggle.btn-brown.btn-outline { 
  background-image: none; 
} 
 
.btn-brown.btn-outline.disabled, 
.btn-brown.btn-outline[disabled], 
fieldset[disabled] .btn-brown.btn-outline, 
.btn-brown.btn-outline.disabled:hover, 
.btn-brown.btn-outline[disabled]:hover, 
fieldset[disabled] .btn-brown.btn-outline:hover, 
.btn-brown.btn-outline.disabled:focus, 
.btn-brown.btn-outline[disabled]:focus, 
fieldset[disabled] .btn-brown.btn-outline:focus, 
.btn-brown.btn-outline.disabled:active, 
.btn-brown.btn-outline[disabled]:active, 
fieldset[disabled] .btn-brown.btn-outline:active, 
.btn-brown.btn-outline.disabled.active, 
.btn-brown.btn-outline[disabled].active, 
fieldset[disabled] .btn-brown.btn-outline.active { 
  background-color: transparent; 
  border-color: #96844E; 
} 
 
.btn-brown.btn-outline .badge { 
  color: #FFFFFF; 
  background-color: #755C2B; 
}

.btn-orange.btn-outline { 
  color: #DB5400; 
  background-color: transparent; 
  border-color: #FF6200; 
} 
 
.btn-orange.btn-outline:hover, 
.btn-orange.btn-outline:focus, 
.btn-orange.btn-outline:active, 
.btn-orange.btn-outline.active, 
.open .dropdown-toggle.btn-orange.btn-outline { 
  color: #DB5400; 
  background-color: transparent; 
  border-color: #FF6200; 
} 
 
.btn-orange.btn-outline:active, 
.btn-orange.btn-outline.active, 
.open .dropdown-toggle.btn-orange.btn-outline { 
  background-image: none; 
} 
 
.btn-orange.btn-outline.disabled, 
.btn-orange.btn-outline[disabled], 
fieldset[disabled] .btn-orange.btn-outline, 
.btn-orange.btn-outline.disabled:hover, 
.btn-orange.btn-outline[disabled]:hover, 
fieldset[disabled] .btn-orange.btn-outline:hover, 
.btn-orange.btn-outline.disabled:focus, 
.btn-orange.btn-outline[disabled]:focus, 
fieldset[disabled] .btn-orange.btn-outline:focus, 
.btn-orange.btn-outline.disabled:active, 
.btn-orange.btn-outline[disabled]:active, 
fieldset[disabled] .btn-orange.btn-outline:active, 
.btn-orange.btn-outline.disabled.active, 
.btn-orange.btn-outline[disabled].active, 
fieldset[disabled] .btn-orange.btn-outline.active { 
  background-color: transparent; 
  border-color: #FF6200; 
} 
 
.btn-orange.btn-outline .badge { 
  color: #FFFFFF; 
  background-color: #DB5400; 
}

.btn-gold.btn-outline { 
  color: #A18062; 
  background-color: transparent; 
  border-color: #AD8558; 
} 
 
.btn-gold.btn-outline:hover, 
.btn-gold.btn-outline:focus, 
.btn-gold.btn-outline:active, 
.btn-gold.btn-outline.active, 
.open .dropdown-toggle.btn-gold.btn-outline { 
  color: #A18062; 
  background-color: transparent; 
  border-color: #AD8558; 
} 
 
.btn-gold.btn-outline:active, 
.btn-gold.btn-outline.active, 
.open .dropdown-toggle.btn-gold.btn-outline { 
  background-image: none; 
} 
 
.btn-gold.btn-outline.disabled, 
.btn-gold.btn-outline[disabled], 
fieldset[disabled] .btn-gold.btn-outline, 
.btn-gold.btn-outline.disabled:hover, 
.btn-gold.btn-outline[disabled]:hover, 
fieldset[disabled] .btn-gold.btn-outline:hover, 
.btn-gold.btn-outline.disabled:focus, 
.btn-gold.btn-outline[disabled]:focus, 
fieldset[disabled] .btn-gold.btn-outline:focus, 
.btn-gold.btn-outline.disabled:active, 
.btn-gold.btn-outline[disabled]:active, 
fieldset[disabled] .btn-gold.btn-outline:active, 
.btn-gold.btn-outline.disabled.active, 
.btn-gold.btn-outline[disabled].active, 
fieldset[disabled] .btn-gold.btn-outline.active { 
  background-color: transparent; 
  border-color: #AD8558; 
} 
 
.btn-gold.btn-outline .badge { 
  color: #FFFFFF; 
  background-color: #A18062; 
}

.btn-yellowbright-outline { 
  color: #DDFF00; 
  border-color: #DDFF00; 
} 
 
.btn-yellowbright-outline:hover, 
.btn-yellowbright-outline:focus, 
.btn-yellowbright-outline:active, 
.btn-yellowbright-outline.active, 
.open .dropdown-toggle.btn-yellowbright-outline { 
  color: #DDFF00; 
  border-color: #DDFF00; 
} 
 
.btn-yellowbright-outline:active, 
.btn-yellowbright-outline.active, 
.open .dropdown-toggle.btn-yellowbright-outline { 
  background-image: none; 
} 
 
.btn-yellowbright-outline.disabled, 
.btn-yellowbright-outline[disabled], 
fieldset[disabled] .btn-yellowbright-outline, 
.btn-yellowbright-outline.disabled:hover, 
.btn-yellowbright-outline[disabled]:hover, 
fieldset[disabled] .btn-yellowbright-outline:hover, 
.btn-yellowbright-outline.disabled:focus, 
.btn-yellowbright-outline[disabled]:focus, 
fieldset[disabled] .btn-yellowbright-outline:focus, 
.btn-yellowbright-outline.disabled:active, 
.btn-yellowbright-outline[disabled]:active, 
fieldset[disabled] .btn-yellowbright-outline:active, 
.btn-yellowbright-outline.disabled.active, 
.btn-yellowbright-outline[disabled].active, 
fieldset[disabled] .btn-yellowbright-outline.active { 
  border-color: #DDFF00; 
} 
 
.btn-yellowbright-outline .badge { 
  color: #868F97; 
  background-color: #DDFF00; 
}


.btn-bluebright-outline { 
  color: #ABFFF9; 
  border-color: #ABFFF9; 
} 
 
.btn-bluebright-outline:hover, 
.btn-bluebright-outline:focus, 
.btn-bluebright-outline:active, 
.btn-bluebright-outline.active, 
.open .dropdown-toggle.btn-bluebright-outline { 
  color: #ABFFF9; 
  border-color: #ABFFF9; 
} 
 
.btn-bluebright-outline:active, 
.btn-bluebright-outline.active, 
.open .dropdown-toggle.btn-bluebright-outline { 
  background-image: none; 
} 
 
.btn-bluebright-outline.disabled, 
.btn-bluebright-outline[disabled], 
fieldset[disabled] .btn-bluebright-outline, 
.btn-bluebright-outline.disabled:hover, 
.btn-bluebright-outline[disabled]:hover, 
fieldset[disabled] .btn-bluebright-outline:hover, 
.btn-bluebright-outline.disabled:focus, 
.btn-bluebright-outline[disabled]:focus, 
fieldset[disabled] .btn-bluebright-outline:focus, 
.btn-bluebright-outline.disabled:active, 
.btn-bluebright-outline[disabled]:active, 
fieldset[disabled] .btn-bluebright-outline:active, 
.btn-bluebright-outline.disabled.active, 
.btn-bluebright-outline[disabled].active, 
fieldset[disabled] .btn-bluebright-outline.active { 
  border-color: #ABFFF9; 
} 
 
.btn-bluebright-outline .badge { 
  color: #868F97; 
  background-color: #ABFFF9; 
}

.btn-softgreen-outline { 
  color: #E3FFAB; 
  border-color: #E3FFAB; 
} 
 
.btn-softgreen-outline:hover, 
.btn-softgreen-outline:focus, 
.btn-softgreen-outline:active, 
.btn-softgreen-outline.active, 
.open .dropdown-toggle.btn-softgreen-outline { 
  color: #E3FFAB; 
  border-color: #E3FFAB; 
} 
 
.btn-softgreen-outline:active, 
.btn-softgreen-outline.active, 
.open .dropdown-toggle.btn-softgreen-outline { 
  background-image: none; 
} 
 
.btn-softgreen-outline.disabled, 
.btn-softgreen-outline[disabled], 
fieldset[disabled] .btn-softgreen-outline, 
.btn-softgreen-outline.disabled:hover, 
.btn-softgreen-outline[disabled]:hover, 
fieldset[disabled] .btn-softgreen-outline:hover, 
.btn-softgreen-outline.disabled:focus, 
.btn-softgreen-outline[disabled]:focus, 
fieldset[disabled] .btn-softgreen-outline:focus, 
.btn-softgreen-outline.disabled:active, 
.btn-softgreen-outline[disabled]:active, 
fieldset[disabled] .btn-softgreen-outline:active, 
.btn-softgreen-outline.disabled.active, 
.btn-softgreen-outline[disabled].active, 
fieldset[disabled] .btn-softgreen-outline.active { 
  border-color: #E3FFAB; 
} 
 
.btn-softgreen-outline .badge { 
  color: #868F97; 
  background-color: #E3FFAB; 
}

#showhidebasket {
    position: fixed;
    right: 0;
    top: 46px;
    width: 100%;
    z-index: 200;
}
/* Screen-sm */
@media (min-width: 768px) {
	#header.navbar {padding-bottom:5px}
	.page-header.page-header-block {
		padding-top:17px;
		padding-bottom:17px;
		margin-bottom:10px;
	}
	.navbar-nav {float:none}
	.navbar-nav > li {
    float: none;
	display:inline-block
}
	.logo-text {
		background-image: url("../../allwebcore/img/logo/IPOTGO.svg");
		width: 120px;
		background-size: 120px 50px;
		margin-top:5px;
	}
	
	.bgcolor-appstitle .appstitle {
		text-align:left
	}
	
	.bgcolor-appstitle .appsoption {
		padding-left:20px;
	}
	
	#showhidebasket {
		left:15px;
		max-width:450px;
		}
	.nav > li > a {
		padding: 12px 7px;
	}
	.membermenu {
	width: 560px;
	background-color: #fff;
	}
	
	.membermenu li a {
		padding: 6px 15px;
		line-height: 20px;
		color: #5e5e5e;
		display: block;
		clear: both;
		font-weight: normal;
		text-decoration: none;
	}
	.membermenu li a:hover {
	outline: 0;
	background-color: #f8f8f8;
	color: #444444;
	}
	div.searchBar {
		top:65px;
	}
	#showhidebasket {
		top:55px;
	}
}

/* Screen-md */
@media (min-width: 992px) {
	#showhidebasket { left:40px;}
	.nav > li > a {
		padding: 12px 10px;
	}
	.membermenu {
		width:940px;
	}
}



/* btn success - color reset */

.btn-success {
	color: #ffffff;
	background-color: #219A92;
	border-color: #17938B;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
	color: #ffffff;
	background-color: #17938B;
	border-color: #0D827A;
}
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
	background-image: none;
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
	background-color: #53A6A0;
	border-color: #41A099;
}
.btn-success .badge {
	color: #219A92;
	background-color: #ffffff;
}
.btn-success.btn-outline {
	color: #219A92;
	background-color: transparent;
}

/* btn info - color reset */

.btn-info {
	color: #ffffff;
	background-color: #00B1E1;
	border-color: #00A5D2;
}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
	color: #ffffff;
	background-color: #00a7d4;
	border-color: #02a5d1;
}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
	background-image: none;
}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
	background-color: #29a6c7;
	border-color: #29a2c3;
}
.btn-info .badge {
	color: #00B1E1;
	background-color: #ffffff;
}
.btn-info.btn-outline {
	color: #00B1E1;
	background-color: transparent;
}

