html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display:block;
}


* {
	padding:0;
	margin:0;
}

body {
	height:100%;
	padding:0;
	margin:0;
	font-family:'OpenSans', Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	line-height:normal;
	color:#666666;
	background:#f7f7f7;
}

.dark-mode {
	color:#fff;
}

body.dark-mode {
	background:#333;
}

body.noscroll {
    height:100%;
	overflow:hidden;
}

@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }

html, body, * {
	box-sizing:border-box;
}

html {
	padding:0;
	margin:0;
	text-align:left;
}

#wrapper {
	max-width:100%;
	height:100%;
	margin:0 auto;
	display:block;
	text-align:left;
	position:relative;
}

body.noscroll #wrapper {
    min-height:100%;
    overflow-y:scroll;
}

#outer {
	max-width:100%;
	padding:0;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#inner {
	margin:0 auto;
	position:relative;
}

.fixed {
	position:fixed !important;
}

/* ------------- HEADER ------------- */

header {
	width:100%;
	margin:0 auto;
	padding:0 0;
	display:block;
	position:fixed !important;
	background:#fff;
	top:0;
	z-index:100;
	box-shadow:0 7px 10px rgba(0,0,0,0.2);
}

header.dark-mode {
	background:#333;
	box-shadow:0 7px 10px rgba(0,0,0,0.5);
}

header .inside {
	padding:0;
	margin:0 auto;
}

body.noscroll header .inside {
	padding:0 15px 0 0;
}

#toppanel {
	margin:0;
	display:block;
	background:#58585a;

	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;	
	-ms-transition:all .25s ease-in-out;
}

#toppanel .toppanelinside {
	margin:0 auto;
	padding:0;
	position:relative;
}

#toppanel .toppanelinside:after {
	content:'';
	display:block;
	clear:both;
}

#toppanel .toppanelinside li:before {
	display:none;
}

.topcontact {
	margin:0;
	padding:5px 20px 5px 10px;
	color:#000;
	text-align:left;
	display:block;

	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;	
	-ms-transition:all .25s ease-in-out;
}

.moduletable.darkmode {
	padding:5px 30px;
	float:left;
}

#toggle-theme {
	padding:5px 7px;
	color:#fff;
	cursor:pointer;
	background:#faaf40;
	border:0;
	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;
}

#toggle-theme:active {
	transform:scale(0.98);
}

.moduletable.sosmed {
	padding:5px 30px;
	float:right;
}

.moduletable.sosmed ul,
.moduletable.sosmed ul li {
	padding:0;
	text-indent:0;
	display:inline-block;
	vertical-align:middle;
}

.moduletable.sosmed ul {
	margin:0;
}

.moduletable.sosmed ul li {
	margin:0 5px;
}

.moduletable.sosmed a {
	padding:0;
	margin:5px 0;
	display:block;
	font-size:110%;
	text-align:center;
	text-decoration:none;
	color:#fff;
}


.moduletable.sosmed a:hover {
	opacity:0.7;

	filter:brightness(120%);
	-webkit-filter:brightness(120%);
	-moz-filter:brightness(120%);
	-o-filter:brightness(120%);
	-ms-filter:brightness(120%);
}

.moduletable.sosmed .text {
	display:none;
}

#sosmed {
	text-align:right;
}

#bottompanel {
	padding:10px 30px 0;
	color:#666666;
}

.dark-mode #bottompanel {
	color:#ccc;
}

#bottompanel > div {
	display:inline-block;
}

#bottompanel .left {
	width:80%;
	float:left;
}

#bottompanel .right {
	width:20%;
	float:right;
}

.moduletable.userpanel .modinside {
	padding:10px 0 0 15px;
}

#bottompanel:after {
	display:block;
	clear:both;
	float:none;
}

/* --- MAIN MENU ---- */

#menu-icon {
	display:none;
}

#mainmenu {
	padding:0;
	margin:20px 0;
	font-size:90%;
	display:block;
	position:relative;
	top:0;
	z-index:100000;
}

nav.menu {
	padding:0;
	margin:0 auto;
	display:block;
	vertical-align:middle;
}

nav.menu > div {
	display:inline-block;
	vertical-align:middle;
}

nav.menu .modinside {
	margin:0 auto;
	position:relative;
}

#mainmenu .moduletable_menu {
	margin:0 auto 0;
	padding:0;
	display:block;
}

#mainmenu ul {
	margin:0;
	padding:0;
	position:relative;
	list-style:none;
	text-indent:0;
	overflow:inherit;
}

#mainmenu ul li {
	padding:0;
	margin:0 0 0 20px;
	position:relative;
	display:inline-block;
	vertical-align:middle;
}

#mainmenu ul li:first-child {
	margin:0;
}

#mainmenu li a {
	padding:0;
	font-size:120%;
	font-weight:bold;
	color:#ccc;
	display:inline-block;
	position:relative;
	overflow:hidden;
}

#mainmenu li a:hover {
	color:#6f6192;
}

#mainmenu li.current a,
#mainmenu li.active a {
	color:#221b34;
}

#mainmenu li:before {
	display:none;
}

/* ---- END OF MAIN MENU ---- */

#dashboardpanel {
	padding:0;
}

#dashboardpanel form {
	display:flex;
	gap:0;
	list-style-type:none;
}

#dashboardpanel form > div {
	flex-grow:1;
	vertical-align:middle;
}

#dashboardpanel .date {
	margin:0 7px 0 0;
	flex-grow:0;
}

#dashboardpanel a {
	padding:12px 7px;
	text-align:center;
	color:#fff;
	display:block;
	background:#221b34;
}

#dashboardpanel .load a {
	color:#221b34;
	background:none;
}

#dashboardpanel a:hover {
	opacity:0.6;
}

#dashboardpanel a.active {
	color:#faaf40;
}

#dashboardpanel a.disable {
	color:#000;
}

#dashboardpanel a.disable:hover {
	opacity:1;
}

#dashboardpanel form input {
	height:31px;
	margin:4px 0 0;
	display:inline-block;
	vertical-align:middle;
}

#dashboardpanel form  label {
	margin:0 0 0 5px;
}

#bottompanel .right .username {
	font-weight:bold;
	color:#221b34;
}

#bottompanel .right .loaddata {
	margin:20px 0 0;
	font-style:italic;
}

/* SUBMENU */

#dashboardpanel .moduletable_submenu {
	margin:2px 0 0;
	padding:0 0 0;
	text-align:left;
	position:absolute;
	visibility:hidden;
	opacity:0;

	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-ms-transition:		all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;	
}

#dashboardpanel .parent:hover .moduletable_submenu {
	margin:0;
	visibility:visible;
	opacity:1;

	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-ms-transition:		all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;	
}

#dashboardpanel .moduletable_submenu .modinside {
	min-width:200px;
	padding:2px;
	background:#221b34;

	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-ms-border-radius:0 0 10px 10px;
	-o-border-radius:0 0 10px 10px;
	border-radius:0 0 5px 5px;
}

#dashboardpanel ul.submenu li {
	padding:0 0 2px;
	margin:0;
	display:block;
	float:none;
}

#dashboardpanel ul.submenu li:before {
	content:'';
}

#dashboardpanel ul.submenu li a {
	margin:0;
	padding:0;
	text-align:left;
	background:none;
}

/* END OF SUBMENU */

/* ------------- END OF HEADER ------------- */

/* ------------- SLIDESHOW ------------- */

#slideshow {
	max-width:100%;
	padding:180px 0 0;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

#slideshow .inside {
	margin:0 auto;
	display:block;
	position:relative;
}

/* ------------- END OF SLIDESHOW ------------- */

/* ------------- CONTENT ------------- */

#content {
	max-width:100%;
	margin:0 auto;
	padding:0 30px 20px;
	position:relative;
	display:block;
}

.container, .container .inside {
	position:relative;
}

/* --- HOME --- */

.home #content .inside > div {
	display:inline-block;
	float:left;
}

.home #content .inside .column-01 {
	width:25%;
}

.home #content .inside .column-02 {
	width:25%;
}

.home #content .inside .column-03 {
	width:50%;
}

.home #content .inside .column-03 .item-01,
.home #content .inside .column-03 .item-02 {
	width:50%;
	float:left;
}

.home #content .inside .insidecolumn {
	margin:0 5px;
}

.home #content .inside .insidecolumn > div {
	margin:0 auto 15px;
}

.home #content .column-01 .insidecolumn > div {
	padding:15px;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

.dark-mode #content .column-01 .insidecolumn > div,
.dark-mode.portnav #content .bottomcontent .column-01 .colinside > div {
	background:#555555 !important;
	box-shadow:0 0 10px rgba(0,0,0,0.5) !important;
}

.home #content .inside .column-01 .title {
	padding:0 0 7px 0;
	margin:0 auto 10px;
}

.home #content .inside .column-01 .title h2 {
	padding:0; margin:0;
	font-size:140%;
	color:#221b34;
}

.dark-mode #content .inside .title h2 {
	color:#c73f87 !important;
}

.home #content .inside .column-01 .itemvalue {
	font-size:200%;
	font-weight:bold;
}

.home #content .inside .column-01 .itemvalue span.curr {
	font-size:120%;
	position:relative;
	top:-10px;
}

.home #content .inside .column-02 .wrapitem > div {
	display:inline-block;
	float:left;
}

.home #content .inside .column-02 .wrapitem .percentage {
	width:30%;
	padding:10px;
	font-size:110%;
	font-weight:bold;
	color:#fff;
	background:#221b34;

	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-ms-border-radius-topleft:5px;
	-o-border-radius-topleft:5px;
	border-top-left-radius:5px;
}

.home #content .inside .column-02 .wrapitem .tabletitle {
	width:70%;
	text-align:center;
}

.home #content .inside .column-02 .tabletitle h2 {
	margin:0; 
	font-size:110%;
}

.home #content .inside .column-02 .tabletitle h2 span {
	font-size:70%;
	display:block;
}

.home #content .inside .column-02 .wrapitem table {
	clear:both;
}

.home #content .inside .column-02 .wrapitem table tr:first-child td {
	-webkit-border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	-ms-border-radius:0 5px 5px 0;
	-o-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
}

.home #content .inside .column-02 .wrapitem table tr:first-child td:first-child {
	-webkit-border-radius:0 0 0 5px;
	-moz-border-radius:0 0 0 5px;
	-ms-border-radius:0 0 0 5px;
	-o-border-radius:0 0 0 5px;
	border-radius:0 0 0 5px;
}

.home .sortfilter {
	display:block;
}

.home .sortfilter .contentinside {
	padding:10px 5px;
	background:#9f1f63;
	color:#fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

.home .sortfilter form {
	font-size:80%;
	display:flex;
	gap:10px;
	list-style-type:none;
}

.home .sortfilter .title {
	margin:7px 0 0 0;
	padding:0 0 0 5px;
}

.home .sortfilter .title h2 {
	padding:0; margin:0;
	font-size:100%;
	color:#fff;
}

.home .sortfilter form > div {
	flex-grow:1;
}

.home .sortfilter form label {
	margin:0 0 0 3px;
}

/* --- END OF HOME --- */

#maincontent, #sidecontent {
	position:relative;
}

.show {
	display:block;
}

.hide {
	display:none;
}

#hidden-panel-1 {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	position:fixed;
	top:0; bottom:0; left:0; right:0;
	z-index:10000;
	opacity:0;
	visibility:hidden;

	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-ms-transition:		all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;	
}

#hidden-panel-1.display,
#hidden-panel-1.showall {
	opacity:1;
	visibility:visible;

	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-ms-transition:		all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;	
}

#hidden-panel-1 .inside {
	padding:30px;
}

/* --- DASHBOARD INVESTMENT --- */

.dashinvest #topfilterpanel {
	padding:0 0 15px;
	margin:0 auto;
	font-size:80%;
	display:flex;
	gap:10px;
	list-style-type:none;
	border-bottom:1px solid #ccc;
}

.dashinvest #topfilterpanel .bottom {
	clear:both;
}

.dashinvest #topfilterpanel .numbers {
	text-align:right;
}

.dashinvest #topfilterpanel .title {
	padding:0 0 0 5px;
}

.dashinvest #topfilterpanel .title h3 {
	font-size:100%;
}

.dashinvest #topfilterpanel > div {
	flex-grow:1;
}

.dashinvest #topfilterpanel .column-03 {
	flex-grow:0;
}

.dashinvest #topfilterpanel .colinside .top:after {
	content:'';
	display:block;
	clear:both;
}

.dashinvest #topfilterpanel .left,
.dashinvest #topfilterpanel .right {
	width:50%;
	display:inline-block;
	float:left;
}

.dashinvest #topfilterpanel .column-02 .top > div,
.dashinvest #topfilterpanel .column-04 .top > div {
	width:33.33%;
	width:calc(100% / 3);
	float:left;
}

.dashinvest #topfilterpanel .column-03 {
	text-align:center;
}

.dashinvest #topfilterpanel img {
	max-height:30px;
}

#sortfilter select {
	max-width:100px;
}

#sortfilter input {
	height:auto;
	display:inline-block;
	vertical-align:middle;
}

#sortfilter form {
	display:flex;
	gap:10px;
	list-style-type:none;
}

#sortfilter form > div {
	flex-grow:1;
}

.dashinvest #bottomcontent {
	margin:15px auto 0;
}

.dashinvest #bottomcontent > div {
	display:inline-block;
	float:left;
}

.dashinvest #bottomcontent .column-01,
.dashinvest #bottomcontent .column-02 {
	width:40%;
}

.dashinvest #bottomcontent .column-03 {
	width:20%;
}

.dashinvest #bottomcontent .colinside {
	padding:0 5px;
}

.dashinvest #bottomcontent table {
	font-size:80%;
	text-align:center;
}

.dashinvest #bottomcontent td:first-child,
.dashhold #bottomcontent td:nth-child(2) {
	text-align:left;
}

.dashhold #bottomcontent th:first-child,
.dashhold #bottomcontent td:first-child {
	width:24px;
	text-align:center;
}

.dashhold table .numbers {
	text-align:right;
}

/* --- END OF DASHBOARD INVESTMENT --- */

/* --- DASHBOARD EQUITY --- */

.dasheq #content .insidecolumn {
	padding:0 5px;
}

.dasheq #content .inside > div {
	display:inline-block;
	float:left;
}

.dasheq #content .inside .column-01 {
	width:25%;
}

.dasheq #content .column-01 .insidecolumn > div {
	padding:15px;
	margin:0 auto 15px;
	background:#fff;
	box-shadow:0 0 10px rgba(204,204,204,0.6);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

.dasheq #content .inside .column-01 .title {
	padding:0 0 7px 0;
	margin:0 auto 10px;
}

.dasheq #content .inside .column-01 .title h2 {
    padding:0;
    margin:0;
    font-size:140%;
    color:#9f1f63;
}

.dasheq #content .inside .column-01 .itemvalue {
	margin:0 auto 20px;
	font-size:200%;
	font-weight:bold;
}

.dasheq #content .inside .column-01 .itemvalue > div {
	width:48%;
	display:inline-block;
	vertical-align:top;
}

.dasheq #content .inside .column-01 .itemvalue span.curr {
	font-size:120%;
	position:relative;
	top:-10px;
}

.dasheq #content .inside .column-01 .itemvalue .numbers,
.dasheq #content .inside .column-01 .itemvalue .value {
	font-size:60%;
	font-weight:normal;
}

.dasheq #content .title {
	padding:0 0 0 5px;
}

.dasheq #content .title h3 {
	font-size:100%;
}

.dasheq #content > div {
	flex-grow:1;
}

.dasheq #content .column-03 {
	flex-grow:0;
}

.dasheq #content .inside .column-02 {
	width:40%;
}

.dasheq #content .inside .column-03 {
	width:35%;
}

.dasheq #sortfilter {
	padding:0 0 15px;
}

.dasheq #sortfilter form {
	padding:7px;
	font-size:80%;
	display:flex;
	gap:10px;
	list-style-type:none;
}

#sortfilter input {
	height:auto;
}

.dasheq #content table {
	font-size:80%;
	text-align:center;
}

.dasheq #content td:first-child {
	text-align:left;
}

.dasheq #sortfilter form > div {
	flex-grow:1;
}

/* --- END OF DASHBOARD EQUITY --- */

/* --- FIXED INCOME --- */

.dashfix #content .insidecolumn {
	padding:0 5px;
}

.dashfix #content .inside > div {
	display:inline-block;
	float:left;
}

.dashfix #content .inside .column-01 {
	width:25%;
}

.dashfix #content .column-01 .insidecolumn > div {
	padding:15px;
	margin:0 auto 15px;
	background:#fff;
	box-shadow:0 0 10px rgba(204,204,204,0.6);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

.dashfix #content .inside .column-01 .title {
	padding:0 0 7px 0;
	margin:0 auto 10px;
}

.dashfix #content .inside .column-01 .title h2 {
	padding:0; margin:0;
}

.dashfix #content .inside .column-01 .itemvalue {
	font-size:200%;
	font-weight:bold;
}

.dashfix #content .inside .column-01 .itemvalue > div {
	width:48%;
	display:inline-block;
	vertical-align:top;
}

.dashfix #content .inside .column-01 .itemvalue span.curr {
	font-size:120%;
	position:relative;
	top:-10px;
}

.dashfix #content .inside .column-01 .itemvalue .numbers,
.dashfix #content .inside .column-01 .itemvalue .value {
	font-size:60%;
	font-weight:normal;
}

.dashfix #content .inside .column-02 {
	width:75%;
}

.dashfix #sortfilter {
	padding:0 0 15px;
}

.dashfix #sortfilter form {
	padding:7px;
	font-size:80%;
	display:flex;
	gap:10px;
	list-style-type:none;
	border-bottom:1px solid #ccc;
}

.dashfix #sortfilter form > div {
    flex-grow:0;
}

.dashfix #sortfilter input {
	height:auto;
}

.dashfix #content .inside .column-02 .item-01,
.dashfix #content .inside .column-02 .item-02,
.dashfix #content .inside .column-02 .item-03,
.dashfix #content .inside .column-02 .item-04 {
	width:50%;
	margin:0 0 15px;
	float:left;
}

.dashfix #content .inside .column-02 .item-01 > div,
.dashfix #content .inside .column-02 .item-02 > div,
.dashfix #content .inside .column-02 .item-03 > div,
.dashfix #content .inside .column-02 .item-04 > div {
	padding:0 10px;
}

/* --- END OF FIXED INCOME --- */

/* --- YIELD CURVE --- */

.dashyield #content .inside {
	padding:0 0 30px;
}

.dashyield #sortfilter form {
	padding:7px;
	font-size:80%;
	display:flex;
	gap:10px;
	list-style-type:none;
	border-bottom:1px solid #ccc;
}

/* --- END OF YIELD CURVE --- */

/* --- MATURITY PROFILE --- */

.dashmp #content .inside {
	padding:0 0 30px;
}

.dashmp #sortfilter1 form,
.dashmp #sortfilter2 form {
	margin:0 auto 20px;
	padding:7px;
	font-size:80%;
	display:flex;
	gap:10px;
	list-style-type:none;
	border-bottom:1px solid #ccc;
}

.dashmp #content .itemvalue .left,
.dashmp #content .itemvalue .right {
	display:inline-block;
	float:left;
}

.dashmp #content .itemvalue .left {
	width:15%;
}

.dashmp #content .itemvalue .right {
	width:85%;
}

.dashmp #content .itemvalue .right table {
	width:100%;
	font-size:80%;
	text-align:center;
}

/* --- END OF MATURITY PROFILE --- */

/* --- PORTFOLIO SAHAM --- */

.portsaham #sortfilter .modinside {
	display:flex;
	gap:10px;
	list-style-type:none;
}

.portsaham #sortfilter {
	padding:0 0 15px;
	margin:0 auto;
	font-size:80%;
	border-bottom:1px solid #ccc;
}

.portsaham #sortfilter .modinside > div {
	text-align:right;
	flex-grow:1;
}

.portsaham #sortfilter .column-00 {
	width:35%;
	text-align:left !important;
}

.portsaham #sortfilter .column-00:after {
	content:'';
	display:block;
	clear:both;
}

.portsaham #sortfilter .column-00 > div {
	display:inline-block;
	float:left;
}

.portsaham #sortfilter .selectport a {
	padding:7px;
	margin:0 7px 0 0;
	color:#fff;
	background:#221b34;
	display:block;

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:5px;
}

.portsaham #sortfilter .column-03 {
	flex-grow:0 !important;
}

.portsaham #sortfilter .colinside .left,
.portsaham #sortfilter .colinside .right {
	width:50%;
	float:left;
}

.portsaham #sortfilter .title h3 {
	font-size:100%;
}

.portsaham #sortfilter img {
	max-height:30px;
}

.portsaham #content .bottomcontent > div {
	width:25%;
	display:inline-block;
	float:left;
}

.portsaham #content .bottomcontent .column-02 {
	width:50%;
}

.portsaham #content .bottomcontent .colinside {
	padding:0 10px 0 0;
}

.portsaham #content .bottomcontent .column-03 .colinside {
	padding:0;
}

.portsaham #filtersect {
	padding:0 0 15px;
}

.portsaham #filtersect form {
	padding:7px;
	font-size:80%;
	display:flex;
	gap:10px;
	list-style-type:none;
	border-bottom:1px solid #ccc;
}

.portsaham #filtersect select {
	width:100px;
}

.portsaham #content table {
	font-size:80%;
}

.portsaham #content table td {
	text-align:center;
}

.portsaham #content table td:first-child {
	text-align:left;
}

/* --- END OF PORTFOLIO SAHAM --- */

/* --- PORTFOLIO NAV --- */

.portnav #sortfilter .column-04 {
	text-align:left !important;
}

.portnav #content .bottomcontent {
	margin:15px auto 0;
}

.portnav #content .bottomcontent > div {
	display:inline-block;
	float:left;
}

.portnav #content .bottomcontent .column-01 {
	width:30%;
}

.portnav #content .bottomcontent .column-01 .colinside {
	padding:0 10px 10px 0;
}

.portnav #content .bottomcontent .column-01 .colinside > div {
	margin:0 0 10px;
	padding:15px;
	background:#fff;
	box-shadow:0 0 10px rgba(204,204,204,0.6);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

.portnav #content .bottomcontent .column-01 .title {
	padding:0 0 7px 0;
	margin:0 auto 10px;
}

.portnav #content .bottomcontent .column-01 .title h2 {
	padding:0; margin:0;
	font-size:140%;
	color:#9f1f63;
}

.portnav #content .itemrow-01 .top {
	padding:10px 5px;
	margin:0 auto 10px;
	border-bottom:1px solid #ccc;
}

.portnav #content .itemrow-01 .bottom {
	padding:5px;

}

.portnav #content .itemrow-01 .wraptop > div {
	width:49%;
	display:inline-block;
	vertical-align:middle;
}

.portnav #content .itemrow-01 .wrapbot > div {
	width:31%;
	display:inline-block;
	vertical-align:middle;
}

.portnav #content .bottomcontent .column-01 .title h3 {
	padding:5px;
	font-size:100%;
	text-align:right;
	color:#faaf40;
	border-bottom:1px solid #faaf40;
}

.portnav #content .itemrow-02 .bottom {
	padding:10px 0;
}

.portnav #content .itemrow-02 .bottom > div {
	width:31%;
	margin:0 0 10px;
	display:inline-block;
	vertical-align:middle;
}

.portnav #content .itemrow-03 .bottom > div {
	margin:5px 0;
}

.portnav #content .bottomcontent .column-02 {
	width:70%;
	margin:0 0 30px;
}

.portnav #content .bottomcontent .column-02 .tabs {
	padding:0;
	margin:0 auto;
	display:flex;
	gap:10px;
	list-style-type:none;
}

.portnav #content .bottomcontent .column-02 .tabs li {
	padding:0;
	text-align:center;
	flex-grow:1;
	vertical-align:middle;
}

.portnav #content .bottomcontent .column-02 .tabs li:before {
	display:none;
}

.portnav #content .column-02 .tabs li a {
	width:100%;
	padding:10px;
	font-size:90%;
	color:#fff;
	background:#9f1f63;
	display:block;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

.portnav #content .column-02 .tabs li a.inactive {
	color:#9f1f63;
	background:transparent;
}

.portnav.dark-mode #content .column-02 .tabs li a.inactive {
	color:#c73f87;
}
.portnav #content .column-02 .tabcontent {
	margin:15px auto 0;
	display:block;
	clear:both;
}

.portnav #content .column-02 .itemcontent-01 .left,
.portnav #content .column-02 .itemcontent-01 .right {
	width:50%;
	display:inline-block;
	float:left;
}

.portnav #content .column-02 .title h2 {
	padding:10px;
	font-size:100%;
	color:#fff;
	background:#faaf40;

	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

.portnav #content .column-02 .top .top1 .title h2 {
	background:#999;
	
}

.portnav #content .column-02 .wrapcapos {
	padding:0 0 10px;
}

.portnav #content .column-02 .wrapcapos > div {
	width:49%;
	display:inline-block;
	vertical-align:top;
}

.portnav #content .column-02 .bar {
	width:50%;
	height:30px;
	margin:10px 0;
	display:block;
	background:#faaf40;
}

.portnav #content .column-02 .bar > span {
	width:50%;
	height:30px;
	display:block;
	background:#ccc;
}

/* --- END OF PORTFOLIO NAV --- */

/* --- PORTFOLIO SAHAM SUMMARY --- */

.portsummary #content .bottomcontent .column-01 {
	width:65%;
}

.portsummary #content .bottomcontent .column-01 .colinside {
	padding:0 10px 0 0;
}

.portsummary #content .bottomcontent .column-01 .top {
	padding:15px 0 0;
}

.portsummary #content .bottomcontent .column-01 .top > div {
	width:49%;
	vertical-align:top;
	display:inline-block;
}

.portsummary #content .bottomcontent .column-02 {
	width:35%;
}

/* --- END OF PORTFOLIO SAHAM SUMMARY --- */

/* --- PORTFOLIO PERFORMANCE --- */

.portperformance1 #sortfilter .modinside > div {
	min-width:100px;
	display:inline-block;
	flex-grow:0;
}

.portperformance1 #content .bottomcontent > div {
	display:inline-block;
	float:left;
}

.portperformance1 #content .bottomcontent .column-01 {
	width:75%;
}

.portperformance1 #content .bottomcontent .column-01 .colinside {
	padding:0 10px 0 0;
}

.portperformance1 #panelfilter {
	padding:10px 0;
}

.portperformance1 #panelfilter form > div {
	width:50%;
	font-size:90%;
	display:inline-block;
	float:left;
}

.portperformance1 #panelfilter form:after {
	content:'';
	display:block;
	clear:both;
}

.portperformance1 #panelfilter form .left,
.portperformance1 #panelfilter form .right {
	display:flex;
	gap:10px;
}

.portperformance1 #panelfilter form .left > div {
	margin:5px 5px 0 0;
}

.portperformance1 #panelfilter form .left .blankinput1,
.portperformance1 #panelfilter form .right > div {
	margin:0 5px 0 0;
}

.portperformance1 #content .bottomcontent table {
	width:100%;
}

.portperformance1 #content .bottomcontent .blankinput1 input {
	width:100px;
	background:#faaf40;
	border:0;
}

.portperformance1 #content .bottomcontent .blankinput2 input {
	width:100px;
	background:#999;
	border:0;
}

.portperformance1 #content .bottomcontent table td.blank {
	background:transparent;
	border:0;
}

.portperformance1 #content .bottomcontent table td {
	text-align:center;
}

.portperformance1 #content .bottomcontent .column-02 {
	width:25%;
}

.portperformance1 #content .bottomcontent .column-02 .title h2 {
	padding:5px 0 0;
	font-size:100%;
}

.portperformance #sortfilter .column-00 {
	width:30%;
}

.portperformance2 #sortfilter .column-04 .colinside {
	display:flex;
	gap:10px;
	list-style-type:none;
	text-align:left;
}

.portperformance2 #sortfilter .column-04 .colinside > div {
	width:auto;
	flex-grow:1;
	float:none;
}

.portperformance2 #sortfilter .column-04 .colinside .right {
	width:40px;
	flex-grow:0;
}

.portperformance2 #sortfilter .column-04 form {
	display:block;
	gap:0;
}

.portperformance2 #sortfilter .column-04 .top > div {
	width:33.33%;
	width:calc(100% / 3);
	float:left;
}

.portperformance2 #sortfilter .column-04 .top:after {
	content:'';
	display:block;
	clear:both;
}

.portperformance2 #sortfilter .column-04 .bottom > div {
	float:left;
}

.portperformance2 #sortfilter .column-04 .bottom .inception {
	width:33.33%;
	width:calc(100% / 3);
}

.portperformance2 #sortfilter .column-04 .bottom .sincedate {
	width:66%;
}

.portperformance2 #sortfilter .column-04 .left {
	width:300px !important;
}

.portperformance2 #sortfilter .column-04 .left .top input {
	height:auto !important;
}

.portperformance2 #sortfilter .column-04 .middle {
	width:170px !important;
	flex-grow:0 !important;
}

.portperformance2 #sortfilter .column-04 .middle > div {
	width:50%;
	margin:0 0 5px;
	float:left;
}

.portperformance2 #chartfilter {
	width:400px;
	margin:10px 0;
	font-size:90%;
	display:flex;
	gap:10px;
}

.portperformance2 #chartfilter label {
	margin:0 0 0 5px;
}

.portperformance2 #chartfilter .rebase {
	padding:6px 0 0 0;
}

.portperformance2 #content .bottomcontent > div {
	width:100%;
	display:block;
	float:none;
}

.portperformanceperiodik #sortfilter input[type=color] {
	height:20px;
	padding:0;
	border:0;
}

.portperformanceperiodik #content .bottomcontent {
	margin:20px auto;
}

.portperformanceperiodik #content .bottomcontent > div {
	width:100%;
	display:block;
	float:none;
}

.portperformanceperiodik #content .bottomcontent .top > div {
	padding:0;
	display:inline-block;
	vertical-align:middle;
}

.portperformanceperiodik #content .row-01 {
	margin:0 auto 30px;
}

.portperformanceperiodik #content .bottomcontent .title h2 {
	padding:5px 7px;
	margin:0;
	font-size:100%;
	color:#fff;
	background:#faaf40;

	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

.portperformanceperiodik #content .bottomcontent .pagination {
	margin:0 0 0 10px;
}

.portperformanceperiodik #content .bottomcontent .pagination a {
	margin:0 5px;
	padding:5px 7px;
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	background:#9f1f63;
	border:1px solid #9f1f63;

	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

.portperformanceperiodik #content .bottomcontent .pagination a:hover {
	color:#9f1f63;
	background:transparent;
}

.portperformanceperiodik #content .row-02 .rowinside > div {
	width:50%;
	display:inline-block;
	float:left;
}

.portperformanceperiodik #content .row-02 .rowinside:after {
	content:'';
	display:block;
	clear:both;
}

/* --- END OF PORTFOLIO PERFORMANCE --- */

/* ------------- END OF CONTENT ------------- */

.flat-form {
	width:390px;
	min-height:340px;
	margin:25px auto;
	background:#fff;  /*tablebg e74c3c #34495e  #88565b ed7271*/
	position:relative;
}

.tabs {
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	position:relative;
	display:block;
}

.tabs li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	clear:none;
}

.flat-form li {
	margin:0; padding:0;
	text-align:left;
}

.flat-form li:before {
	display:none;
}

.flat-form h1 {
	color:#faaf40;
}

.tabs a {
	background:#f8d6a3;  /*topbar c0392b  #88565b */
	display:block;
	float:left;
	text-decoration:none;
	color:white;
	font-size:16px;
	padding:12px 22px 12px 22px;
	/*border-right:1px solid @tab-border;*/
}

.tabs li:last-child a {
	border-right:none;
	width:174px;
	padding-left:0;
	padding-right:0;
	text-align:center;
}

.tabs a.active {
	background:#faaf40;  /*topbar e74c3c  */
	border-right:none;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	transition:all 0.5s linear;
}

.form-action {
	padding:20px 20px 30px;
	position:relative;
}

.form-action h1 {
	font-weight:normal;
}

.form-action p {
	margin:0 2px;
	font-size:12px;
	padding-bottom:10px;
	line-height:25px;
}

.flat-form form {
	padding-right:20px !important;
}

.flat-form form input[type=text],
.flat-form form input[type=password] {
	width:100%;
	height:40px;
	margin-bottom:10px;
	outline:none;
}

.show {
	display:block;
}

.hide {
	display:none;
}

.flat-form .button {
    height:40px;
	margin:0 0 10px 4px;
    color:#ffffff;
    border:none;
    display:block;
    text-align:center;
    border-radius:5px;
  	-webkit-transition:all 0.15s linear;
	  -moz-transition:all 0.15s linear;
	  transition:all 0.15s linear;
}

#hidden-panel-1, #hidden-panel-2 {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	position:fixed;
	top:0; bottom:0; left:0; right:0;
	z-index:10000;
	opacity:0;
	visibility:hidden;

	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-ms-transition:		all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;	
}

#hidden-panel-1.display, #hidden-panel-1.showall,
#hidden-panel-2.display, #hidden-panel-2.showall {
	opacity:1;
	visibility:visible;

	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-ms-transition:		all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;	
}

#hidden-panel-1 .inside,
#hidden-panel-2 .inside {
	padding:30px;
}

body.entry #maincontent {
	min-height:500px;
	overflow:hidden;
}

/* --- CONTAINER PANEL 1 --- */

#container-panel-1 {
	max-width:100%;
	margin:0 auto;
	padding:0 30px;
	position:relative;
}

#container-panel-1 .inside {
	margin:0 auto;
	padding:0 30px;
	text-align:left;
	display:block;
	position:relative;
}

/* --- END OF CONTAINER PANEL 1 --- */


/* --- CONTAINER PANEL 2 --- */

#container-panel-2 {
	max-width:100%;
	margin:0 auto;
	padding:0;
	position:relative;
}

#container-panel-2 .inside {
	max-width:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
	display:block;
	position:relative;
}

/* --- END OF CONTAINER PANEL 2 --- */


/* --- CONTAINER PANEL 3 --- */
 
#container-panel-3 {
	max-width:100%;
	margin:0 auto;
	padding:0 30px;
	position:relative;
}

#container-panel-3 .inside {
	margin:0 auto;
	padding:0 30px;
	text-align:left;
	display:block;
	position:relative;
}


/* --- END OF CONTAINER PANEL 3 --- */


/* --- CONTAINER PANEL 4 --- */
 
#container-panel-4 {
	max-width:100%;
	margin:0 auto;
	padding:0 30px;
	position:relative;
}

#container-panel-4 .inside {
	margin:0 auto;
	padding:0;
	text-align:left;
	display:block;
	position:relative;
}


/* --- END OF CONTAINER PANEL 4 --- */


/* --- CONTAINER PANEL 5 --- */
 
#container-panel-5 {
	max-width:100%;
	padding:0;
	margin:0 auto;
	position:relative;
}

#container-panel-5 .inside {
	margin:0 auto;
	padding:0 30px;
	color:#fff;
	display:block;
	position:relative;
}

/* --- END OF CONTAINER PANEL 5 --- */


/* ------------- FOOTER ------------- */

#footer {
	max-width:100%;
	padding:0;
	margin:0 auto 0;
	position:relative;
	background:#58585a;
}

#footer .inside {
	margin:0 auto;
	padding:0;
	text-align:center;
	display:block;
	position:relative;
}

#footer .moduletable.footer {
	margin:0 auto;
	padding:20px 30px;
	font-size:80%;
	color:#fff;
	display:block;
	border-top:1px solid #9f1f63;
}

#footer .moduletable.footer a {
	color:#fff;
}

#footer .moduletable.footer a:hover {
	color:#9f1f63;
}

#footer .moduletable.contactmap {
	padding:0 0 10px;
}

#footer .moduletable.contactmap br {
	display:none;
}

/* ------------- END OF FOOTER ------------- */

body .atss {
    width:25px;
}

body .atss, body #at4-share, body #at4-soc {
	top:auto !important;
    bottom:10% !important;
	z-index:100;
}

body .atss a,
body .addthis_32x32_style .at4-icon, 
body .addthis_32x32_white_style .at4-icon, .at-32x32,
body .atss a span .at-icon {
    width:25px !important;
	height:10px;
	padding:0 0 20px !important;
	background-size:cover !important;
	vertical-align:middle;
}

body .at-icon-wrapper {
	padding:0;
}

body .atss a:hover,
body .addthis-smartlayers-ie6 .atss a:hover,
body .addthis-smartlayers-ie7 .atss a:hover,
body .addthis-smartlayers-ie8 .atss a:hover {
	width:35px !important
}

body .atss .at-share-btn .at-icon-wrapper,
bodu .atss a .at-icon-wrapper {
	padding:0;
}

.red, .star {
	color:red;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-weight:bold;
	color:#9f1f63;
}

.dark-mode h1, .dark-mode h2, .dark-mode h3, 
.dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode h7 {
	color:#c73f87;
}

h1, h2 {
	margin:0 0 15px;
	padding:0;
}

h4, h5 {
	margin:0 0 5px;
}

h1 {
	font-size:180%;
}

h2 {
	font-size:150%;
}

h3 {
	font-size:130%;
}

h4 {
	font-size:110%;
}

ul, ol {
	margin:0 0 10px;
	padding:0;
	overflow:hidden;
	position:relative;
}

ul li,  ol li {
	margin:0;
	padding:0 0 0 20px;
	list-style:none;
	text-indent:0;
	line-height:normal;
	position:relative;
	clear:both;
}

ul li:before, ol li:before {
	margin:0;
	padding:0;
	display:block;
	position:absolute;
	left:0;
}

ul li:before {
	content:'\25CF';
}

ol li {
	counter-increment:step-counter;
}

ol li:before {
	padding:0;
	content:counter(step-counter) ".";
}

ol {
    counter-reset:li; /* Initiate a counter */
}

p {
	padding:0 0 10px;
}

a {
	color:#9f1f63;
	text-decoration:none;

	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-ms-transition:		all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;	
}

a:hover {
	color:#bc8330;

	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-ms-transition:		all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;	
}

a:hover img {
	filter:brightness(70%);
	-webkit-filter:brightness(70%);
	-moz-filter:brightness(70%);
	-o-filter:brightness(70%);
	-ms-filter:brightness(70%);

	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;	
}

ol {
    counter-reset:li; /* Initiate a counter */
}

label {
	margin:0 5px;
	display:inline-block;
	vertical-align:middle;
}

#form-login-remember label {
	width:110px;
}

img {
	max-width:100%;
	display:block;
}

span.highlight {
    background-color:#ff6868;
}

blockquote {
	margin:0 5px;
	padding:20px 10px;
	background:#f9f9f9;
	border-left:5px solid #ccc;
	quotes:"\201C""\201D""\2018""\2019";
}

input {
	padding:5px;
	border:1px solid #eee;
	display:inline-block;
	vertical-align:middle;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

input[type="radio"] {
	height:30px !important;
}

select {
	padding:5px;
	border:1px solid #eee;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

button, .button,
input[type="submit"], input[type="button"] {
	min-width:100px;
	padding:10px 15px;
	margin:0 5px;
	background:#faaf40;
	font-weight:bold;
	text-align:center;
	color:#fff;
	border:0 none;
	cursor:pointer;

	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;

	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-ms-transition:		all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;	
}

.button:hover, button:hover, button.hover,
input[type="submit"]:hover, input[type="button"]:hover {
	color:#fff;
	box-shadow:0 0 0 2px white, 0 0 0 3px #faaf40;

	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-ms-transition:		all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;	
}

.button:active, button:active,
input[type="submit"]:active, input[type="button"]:active {
	-webkit-box-shadow:inset 0px 0px 3px rgba(0,0,0, .8);
	-moz-box-shadow:inset 0px 0px 3px rgba(0,0,0, .8);
	box-shadow:inset 0px 0px 3px rgba(0,0,0, .8);
}

blockquote:before {
	color:#ccc;
	content:open-quote;
	font-size:4em;
	line-height:0.1em;
	margin-right:0.25em;
	vertical-align:-0.4em;
}

blockquote p {
	display:inline;
}

b, strong {
	font-weight:bold;
}

small, .small {
	font-size:smaller;	
}

em {
	font-style:italic;	
}

::-webkit-input-placeholder {
   color:#ccc;
}

:-moz-placeholder { /* Firefox 18- */
   color:#ccc;
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#ccc;
}

:-ms-input-placeholder {  
   color:#ccc;
}

.article_separator {
	padding-bottom:10px;
	clear:both;
}

.item-separator {
	clear:both;
}

sup, sub {
	font-size:80%;
	vertical-align:baseline;
	position:relative;
	top:-0.4em;
}

sub { top:0.4em; }

iframe {
	max-width:100%;
	width:100%;
}

table {
	max-width:100%;
	margin:0 0 15px;
	position:relative;
	vertical-align:top;
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	table-layout:fixed;
}

#content table.recaptchatable {
	width:auto;
	margin:0 0 15px !important;
}

table {
}

table tr {
}

table tr:nth-child(even) {
	background:#fbfbfb;
}

.dark-mode table tr:nth-child(even) {
	background:#444444;
}

table td {
	min-width:10px;
	margin:0;
	padding:5px;
	border:0;
	white-space:nowrap;
	border-bottom:1px solid #f4f4f4;
}

table th,
table thead td {
	padding:7px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	vertical-align:middle;
	background:#221b34;
	border-bottom:0;
}

table thead td:first-child {
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	-ms-border-radius-topleft:10px;
	-o-border-radius-topleft:10px;
	border-top-left-radius:2px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-ms-border-radius-bottomleft:10px;
	-o-border-radius-bottomleft:10px;
	border-bottom-left-radius:2px;
}

table thead td:last-child {
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	-ms-border-radius-topright:10px;
	-o-border-radius-topright:10px;
	border-top-right-radius:2px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	-ms-border-radius-bottomright:10px;
	-o-border-radius-bottomright:10px;
	border-bottom-right-radius:2px;
}


/* PAGINATION */

#content .k2Pagination, #content .pagination {
	max-width:100%;
	margin:10px 0;
	text-align:left;
	display:block;
	float:none;
}

#content .k2Pagination ul, #content .pagination ul,
#content ul.pagination {
	width:auto;
	padding:5px 0;
	margin:0;
	text-align:left;
}

#content .k2Pagination ul li, .pagination ul li,
ul.pagination li {
	padding:0 !important;
	margin:0 4px 0 0 !important;
	line-height:14px !important;
	text-indent:0 !important;
	background:none !important;
	float:left;
	clear:none !important;
	list-style:none !important;
	display:inline-block;
}

#content .k2Pagination ul li, .pagination ul li {
	border:1px solid #f3f3f3;
}

#content .k2Pagination li span, #content .k2Pagination li a,
.pagination ul li span, .pagination ul li a,
ul.pagination li span, ul.pagination li a {
	padding:5px;
	font-size:85%;
	display:inline-block;
}

#content .k2Pagination ul li:before, .pagination ul li:before,
ul.pagination li:before {
	display:none;
}

.counter.pull-right {
	display:none;
}

/* END OF PAGINATION */