@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Raleway:wght@400;500;600;700&display=swap');
html, body { -webkit-tap-highlight-color: transparent }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
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, 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, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline }
:focus { outline: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none; padding: 0; margin: 0 }
table { border-collapse: collapse; border-spacing: 0 }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none }
input[type=search] { -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: content-box; box-sizing: content-box }
input { opacity: 1 }
input::-webkit-input-placeholder { opacity: 1 !important }
input::-moz-placeholder { opacity: 1 !important }
input:-ms-input-placeholder { opacity: 1 !important }
input::-ms-input-placeholder { opacity: 1 !important }
input::placeholder { opacity: 1 !important }
textarea { overflow: auto; vertical-align: top; resize: none }
a:active, a:hover, a:focus { outline: 0 }
figure, form { margin: 0 }
button, input, select, textarea { font-size: 100%; margin: 0 }
button, input { line-height: normal }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default }
input[type="checkbox"], input[type="radio"], input[type="text"], input[type="email"], input[type="password"], input[type="number"], textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -webkit-border-radius: 0 }
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 }
img { vertical-align: middle; display: inline-block; height: auto; max-width: 100%; border: 0; -ms-interpolation-mode: bicubic }
a { display: inline-block; text-decoration: none }
*, :after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box }
::-moz-selection { background: #36b2a7; color: #fff; text-shadow: none }
::selection { background: #36b2a7; color: #fff; text-shadow: none }
h1, h2, h3, h4, h5, h6, p { margin: 0 }
.title-wrapper { margin-bottom: 10px }
.container { padding: 0 25px; max-width: 1356px; width: 100%; margin: 0 auto }
h1 { font-size: 20px; font-weight: 700; line-height: 1.2 }
body { font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 16px; color: #1b1b1b }
.table-responsive-wrap { width: 100%; }
.dataTables_wrapper .dataTables_paginate span { display: block; background-size: 20px 20px; height: 20px; width: 20px; object-fit: cover }
.dataTables_wrapper { display: flex; flex-wrap: wrap; justify-content: flex-end }
table.dataTable thead th, table.dataTable thead td { border-bottom: 1px solid #D4D4D4; padding: 20px 10px 17px; text-align: left; font-size: 14px; text-transform: uppercase; white-space: nowrap }
table.dataTable thead th:first-child, table.dataTable thead td:first-child, table.dataTable tbody th:first-child, table.dataTable tbody td:first-child { padding-left: 0 }
table.dataTable thead th:last-child, table.dataTable thead td:last-child, table.dataTable tbody th:last-child, table.dataTable tbody td:last-child { padding-right: 0 }
table.dataTable tbody th, table.dataTable tbody td { border-bottom: 1px solid #D4D4D4; padding: 18px 10px; font-size: 16px }
table.dataTable tbody td { border-color:#eee}
table.dataTable tbody th.client-num, table.dataTable tbody td.client-num { font-family: 'Open Sans', sans-serif;}
table.dataTable.no-footer { border-bottom: 0 }
table.dataTable>tbody>tr.child span.dtr-title { min-width: 113px }
table.dataTable>tbody>tr.child ul.dtr-details>li { border-bottom: 0 }
table.dataTable { width: 100% !important; margin-bottom: 0; flex: 0 0 100%; max-width: 100%; order: 1 }
.table-responsive-wrap { margin-bottom: 32px;}
.dataTables_wrapper .dataTables_length { order: 2; padding: 0 90px 0 0 }
.dataTables_wrapper .dataTables_info { font-family: 'Open Sans'; color: #333333; padding: 0 60px 0 0; order: 3 }
.dataTables_wrapper .dataTables_length select { border: none; padding: 0 15px 0 10px; border-bottom: 1px solid #D2D2D2; border-radius: 0 }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled { opacity: 0.2 }
.dataTables_wrapper .dataTables_length label { position: relative }
.dataTables_wrapper .dataTables_length label::after { content: ''; position: absolute; display: inline-block; top: 3px; right: 0; background-image: url(../images/next-icon.svg); width: 15px; height: 15px; background-size: 15px 15px; object-fit: cover; transform: rotate(90deg) }
.dataTables_wrapper .dataTables_paginate { order: 5; padding: 0; margin: 0 -10px }
.dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0 10px; border: 0 !important }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: transparent !important; border: 0 !important; }
.dataTables_wrapper span.next-btn { background-image: url(../images/next-icon.svg) }
.dataTables_wrapper span.prev-btn { background-image: url(../images/next-icon.svg); transform: rotate(180deg) }
.dataTables_wrapper span.last-btn { background-image: url(../images/last-icon.svg) }
.dataTables_wrapper span.first-btn { background-image: url(../images/last-icon.svg); transform: rotate(180deg) }
.myinvestment-page-wrapper .investment-section { padding: 45px 0 }
.table-wrapper .site-table tbody td a { color: #36B2A7; font-weight: 700 }
.investment-details-wrapper .investment-details-section { padding: 45px 0 30px 0 }
.details-wrapper .custom-table-wrapper thead th { padding: 20px 0; border-bottom: 1px solid #D4D4D4 }
.details-wrapper .custom-table-wrapper th, .details-wrapper .custom-table-wrapper td { padding-right: 15px }
.details-wrapper .custom-table-wrapper tr:last-of-type td { padding-bottom: 25px; }
.details-wrapper .custom-table-wrapper tr td:first-of-type, .details-wrapper .custom-table-wrapper tr th:first-of-type { padding-left: 15px }
.details-wrapper .custom-table-wrapper { margin-bottom: 4px }
.details-wrapper .custom-table-wrapper tfoot td { background-color: #ebf7f7; padding-top: 12px !important; padding-bottom: 12px !important }
.details-wrapper .last-update { font-family: 'Open Sans'; color: #757575; font-size: 14px; text-align: left; padding-left: 20px }

/*login section*/
.login-section { position: relative; display: flex; justify-content: center; text-align: center; min-height: 100vh; align-items: center; padding: 60px 0px; }
.login-section .login-bg-img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover; }
.login-section .login-outer { z-index: 2; max-width: 550px; padding: 0 25px; width: 100%; margin: 0 auto; }
.login-section .login-outer .logo-block { margin-bottom: 27px; }
.login-section .login-outer .logo-block img { max-height: 58px; }
.login-section .login-outer .login-inner { padding: 30px 40px 32px; border-radius: 10px; box-shadow: 0px 30px 60px 0 rgba(0, 0, 0, 0.12); background-color: #fff; }
.login-section .login-outer .login-inner h1 { font-size: 24px; font-weight: 600; line-height: 1.42; color: #36b2a7; }
.login-section::after { background-image: url(../images/login-bg.svg); content: ""; left: 0; position: absolute; background-size: cover; background-position: inherit; bottom: 0; width: 100%; height: 63%; background-repeat: no-repeat; }
.login-section .login-outer .login-inner p { margin-bottom: 43px; }
.login-outer .login-inner .login-form-block { text-align: left; }
.form-group { margin-bottom: 38px; position: relative; }
.form-group label { display: block; font-size: 14px; color: #333; margin-bottom: 8px; }
.form-group .form-control { font-family: Raleway; border: none; border-bottom: 1px solid #cfcfcf; width: 100%; font-size: 18px; font-weight: 500; color: #333; height: 36px; line-height: 36px; padding: 0px; }
.form-group .form-control:focus { border-bottom: 1px solid #36b2a7; }
.form-group .password-wrapper { position: relative; }
.form-group .password-wrapper .form-control { padding: 0 20px 0px 0px; }
.form-group .password-wrapper  span { position: absolute; right: 0; padding: 0px; cursor: pointer; top: 5px; }
.form-group .password-wrapper .password-view { height: 19px; display: block; }
.form-group .password-wrapper .password-hide { display: none; height: 19px; }
.form-group .password-wrapper .showpassword .password-hide { display: block; }
.form-group .password-wrapper .showpassword .password-view { display: none; }
.site-button { display: block; transition: all 0.5s; min-width: 150px; padding: 0 25px; border-radius: 27px; box-shadow: 0px 11px 40px 0 rgba(54, 178, 167, 0.2); background-color: #36b2a7; font-size: 22px; font-weight: bold; color: #fff !important; height: 54px; line-height: 53px; cursor: pointer; text-align: center; border: 0; outline: 0; }
.login-outer .login-inner .login-form-block .site-button { width: 100%; margin-bottom: 9px; }
.site-link { font-size: 15px; color: #36b2a7 !important; cursor: pointer; text-decoration: underline; }
.site-button:hover { background-color: #1b1b1b; }
.site-link:hover { color: #1b1b1b !important; transition: all 0.5s; text-decoration: none; }
input::-ms-reveal, input::-ms-clear { display: none; }
.error-msg { color: red; font-size: 14px; position: absolute; top: 100%; display: block; }
.input-error { color: red; font-size: 14px; text-align: left; }
.login-section .login-outer .login-inner p.input-error { margin-bottom: 10px }
.login-section .login-outer .login-inner .error-msg { padding-bottom: 50px; display: block; }
.details-wrapper .custom-table-wrapper td:last-of-type {  font-family: 'Open Sans', sans-serif;}
/*fund page*/
.fund-profile-section { padding: 45px 0px }
.fund-profile-section .title-wrapper { display: flex; justify-content: space-between; margin-bottom: 34px; }
.fund-profile-section  .fund-item-wrapper { display: flex; flex-wrap: wrap; margin: 0 -15px; text-align: left; margin-bottom: 25px; }
.fund-profile-section  .fund-item-wrapper .fund-item-inner { max-width: 50%; flex: 0 0 50%; padding: 0 15px; margin-bottom: 37px; }
.fund-profile-section  .fund-item-wrapper .fund-item-inner.full-width { max-width: 100%; flex: 0 0 100%; margin-bottom: 47px; }
.fund-white-box { padding: 22px 30px; border-radius: 10px; box-shadow: 1px 1.7px 4px 0 rgba(0, 0, 0, 0.08); border: solid 1px #e1e1e1; background-color: #fff; }
.fund-profile-section .fund-item-wrapper .fund-item-inner.full-width .fund-white-box p { font-family: 'Open Sans', sans-serif;font-size: 15px;margin-bottom: 10px;}
.fund-profile-section .fund-item-wrapper .fund-item-inner.full-width h2 { margin-bottom: 0;}
.title-inner .fund-select label { font-size: 14px; color: #333; font-weight: bold; }
.fund-white-box h2 { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: bold; color: #1b1b1b; margin-bottom: 10px; }
.fund-item-inner .gray-text { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #757575; margin: 20px 0px 0px 0px; }
.custom-table-wrapper tr th { font-size: 14px; font-weight: bold; color: #1b1b1b; text-transform: uppercase; text-align: left; }
.custom-table-wrapper th, .custom-table-wrapper td { padding: 18px 0px; border-bottom: 1px solid #D4D4D4; font-size: 16px; font-weight: bold; color: #1b1b1b; }
.custom-table-wrapper td  { border-color:#eee;}
.custom-table-wrapper tr:last-of-type td { border: 0; padding-bottom: 0px; }
.custom-table-wrapper tr td:last-of-type { font-size: 16px;font-weight: 600; color: #36b2a7; }
.select2-container { width: 125px !important }
.select2-container--default .select2-selection--single { border: 0 !important; border-bottom: 1px solid #e1e1e1 !important; border-radius: 0 !important; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #36b2a7 !important; color: white; }
.fund-profile-section .site-button { margin: 0 auto; height: 40px; line-height: 40px; padding: 0px 18px; width: fit-content; font-size: 14px; font-weight: 600; }
.fund-profile-section .site-button .fund-right-arrow { height: 26px; fill: #fff; width: 22px; margin-left: 9px }
.select2-container--default .select2-selection--single .select2-selection__arrow { background-image: url(../images/down.svg) !important; background-size: cover !important; height: 15px !important; width: 12px !important; top: 7px !important; right: 8px !important; position: absolute; border: none !important; transition: all 0.8ms !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { display: none !important; }
.admin-bar .select2-container.select2-container--default:not(.select2) { margin-top: 32px }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single .select2-selection__arrow { transform: rotate(180deg) !important; right: 5px !important; }
.select2-hidden-accessible { font-family: 'Roboto', sans-serif !important; color: #333 !important }
.select2-container--open .select2-dropdown--below { border-top: 0 !important; border: 1px solid #d4d4d4 !important; box-shadow: 1px 1.7px 4px 0 rgb(0 0 0 / 8%) !important; transition: all 0.5s !important; }
.select2-container--default .select2-results__option--selected { background-color: #fff !important; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0 !important; text-align: left; }
.fund-profile-section .title-wrapper .fund-select label { margin-right: 10px; }
.post, .page { margin-bottom: 0; }
.site-wrapper { min-height: 100vh; }
.site-button.sm { min-width: 90px; height: 40px; line-height: 40px; font-size: 14px; padding: 0 15px; font-weight: 600; box-shadow: none; transition: all 0.5s; }
.text-button { color: #757575 !important; padding: 0 15px; font-size: 14px; transition: all 0.5s; }
.text-button:hover { color: #36b2a7 !important }

/* footer */
.site-footer { background-color: #f2f2f2; padding: 21px 0; border-top: 1px solid #e3e3e3; }
.site-footer .footer-inner-wrapper { display: flex; justify-content: space-between; align-items: center; }
.site-footer .footer-inner-wrapper p { font-size: 14px; color: #6f6f6f; line-height: 1.2; font-weight: 300; font-family: 'Open Sans', sans-serif; }

/* header */
.site-header { background-color: #1b1b1b; padding: 17px 0; z-index: 99; position: relative; }
.site-header .header-wrapper { display: flex; justify-content: space-between; align-items: center; }
.site-header .header-wrapper .site-logo-block { position: relative; z-index: 2; }
.site-header .header-wrapper .site-logo-block a img { max-height: 42px; width: auto; }
.site-header .header-wrapper .header-right-block { display: flex; justify-content: flex-end; align-items: center; }
.site-header .header-wrapper .header-right-block .hamburger-menu { display: none; }
.site-header .header-wrapper nav ul { display: flex; justify-content: flex-end; }
.site-header .header-wrapper nav { margin-right: 49px; width: auto; }
.site-header .header-wrapper nav ul li+li { margin-left: 42px; }
.site-header .header-wrapper nav ul li a { color: #fff; font-family: 'Raleway', sans-serif; font-size: 16px; transition: all 0.5s; padding: 11px 0; position: relative; }
.site-header .header-wrapper nav ul li a::after { position: absolute; content: ''; left: 0; bottom: 0; height: 3px; width: 0; transition: all 0.5s; background-color: #36b2a7; }
.site-header .header-wrapper nav ul li.current-menu-item a { color: #36b2a7; font-weight: 700; }
.site-header .header-wrapper nav ul li a:hover { color: #36b2a7; }
.site-header .header-wrapper nav ul li.current-menu-item a::after, .site-header .header-wrapper nav ul li a:hover::after { width: 100%; }
.site-header .header-wrapper .logout-link a { font-size: 14px; line-height: 1.2; color: #fff; text-transform: uppercase; transition: all 0.5s; font-weight: 700; display: inline-flex; align-items: center; }
.site-header .header-wrapper .logout-link a:hover { color: #36b2a7; }
.site-header .header-wrapper .logout-link em { position: relative; display: inline-block; line-height: 0; margin-right: 4px; }
.site-header .header-wrapper .logout-link em img { transition: all 0.5s; }
.site-header .header-wrapper .logout-link a:hover em .normal-icon { opacity: 0; }
.site-header .header-wrapper .logout-link a em .normal-icon { width: 17px; }
.site-header .header-wrapper .logout-link a:hover em .hover-icon { opacity: 1; }
.site-header .header-wrapper .logout-link a em .hover-icon { opacity: 0; position: absolute; left: 0; top: 0; height: 100%; width: 100%; }

/* popup */
.overflow-hidden { overflow: hidden; }
.custom-popup { position: fixed; top: 0; left: 0; right: 0; height: 100%; z-index: 999; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; display: none; }
.custom-popup.popup-open { opacity: 1; visibility: visible; }
.custom-popup.show { display: block; }
.custom-popup .popup-backdrop { background-color: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; }
.custom-popup .popup-dialog-wrapper { position: fixed; top: 0; height: 100%; width: 100%; left: 0; overflow: auto; z-index: 999; }
.custom-popup .popup-dialog { min-height: calc(100% - (.5rem * 2)); display: flex; align-items: center; margin: 2.5rem auto; max-width: 475px; padding: 0 25px; }
.custom-popup .popup-dialog .popup-content { width: 100%; background-color: #fff; position: relative; z-index: 999; margin-top: 0; border-radius: 10px; box-shadow: 0px 30px 60px 0 rgba(0, 0, 0, 0.26); padding: 40px 40px 30px; }
.custom-popup h4 { font-size: 22px; font-weight: 600; color: #1b1b1b; margin-bottom: 20px; }
.custom-popup ul { display: flex; justify-content: flex-end; align-items: center; }
.custom-popup ul li+li { margin-left: 5px; }
/* chart css */
#graph-legend ul { list-style: none;columns:3 auto;margin: 0 -2px -7px;}
#graph-legend ul li {position: relative; margin-bottom: 7px; border-radius: 0; padding: 0px 2px 0px 20px;  cursor: default; -webkit-transition: background-color 200ms ease-in-out; -moz-transition: background-color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out;font-size: 12.5px;font-weight: 300;color: #1b1b1b;font-family: 'Open Sans', sans-serif;}
#graph-legend li span { display: block; position: absolute; left: 0; top: 5px; width: 10px; height: 10px;border-radius:0;}
#chart { float: left; width: 70%; }
#legend { float: right; }
[class$="-legend"] { list-style: none; cursor: pointer; padding-left: 0; }
[class$="-legend"] li { display: block; padding: 0 5px; }
[class$="-legend"] li.hidden { text-decoration: line-through; }
[class$="-legend"] li span { border-radius: 5px; display: inline-block; height: 10px; margin-right: 10px; width: 10px; }
.fund-white-box #pie-chart { height: 208px !important;width: 208px !important;margin: 20px auto 27px;}
.fund-white-box #line-chart { height: 400px !important;}
.success-msg {
	text-align: left;
    margin-bottom: 10px;
    color: #1fb61f;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
}
/* forgot-password */
.login-inner.forgot-password h1 { margin-bottom: 20px; }
.site-table .site-button em img { width: 15px;}
.site-table .site-button em { display: inline-block;width: 20px;margin-left: 4px;position: relative;line-height: 0;top:-1px;}
.site-table .site-button {  height: 30px; line-height: 32px; padding: 0px 15px; font-size: 13px; font-weight: 600 !important;box-shadow:none;min-width: 128px;width: 126px;display: inline-block;}
@media(min-width:576px) {
	.custom-popup .popup-dialog { min-height: calc(100% - (2.5rem * 2)); }
}
@media(max-width:1199px) {

	/*login*/
	.login-section .login-outer .login-inner p, .form-group { margin-bottom: 30px; }
	.site-header .header-wrapper nav { margin-right: 30px; }
	.site-header .header-wrapper nav ul li+li { margin-left: 30px; }
	.site-header { padding: 15px 0; }
	.site-header .header-wrapper nav ul li a { padding: 10px 0; }
	#graph-legend ul { columns: 2 auto;}
}
@media(max-width:991px) {

	/* fund-page */
	.fund-profile-section  .fund-item-wrapper .fund-item-inner { max-width: 100%; flex: 0 0 100%; }
	.fund-profile-section  .fund-item-wrapper .fund-item-inner, .fund-profile-section  .fund-item-wrapper .fund-item-inner.full-width, .fund-profile-section .fund-item-wrapper { margin-bottom: 20px; }
	.fund-profile-section .fund-item-wrapper .fund-item-inner .fund-item { height: auto !important; }
	#graph-legend ul { columns: 3 auto;}
}
@media(max-width:767px) {
	.myinvestment-page-wrapper .investment-section, .investment-details-wrapper .investment-details-section { padding: 35px 0 }
	.dataTables_wrapper { justify-content: center }
	.dataTables_wrapper .dataTables_length { margin-bottom: 20px; flex: 0 0 100%; max-width: 100%; padding: 0; text-align: center; }
	.dataTables_wrapper .dataTables_info { margin-bottom: 20px; padding: 0; flex: 0 0 100%; max-width: 100% }
	.dataTables_wrapper .dataTables_paginate { flex: 0 0 100%; max-width: 100% }
	.success-msg { font-size: 16px;}
	.site-table.dataTable thead {
		display: none;
	  }
	  .table-responsive-wrap {
		width: calc(100% + 50px);
		margin: 0 -25px 30px;
	  }
	  table.dataTable tbody tr.even {
		  background-color:#ebf7f7
	  }
	  .site-table.dataTable,
	  .site-table.dataTable tbody,
	  .site-table.dataTable tr,
	  .site-table.dataTable td {
		display: block;
		width: 100%;
	  }
	  
	  .site-table.dataTable td {
		padding-left: calc(50% + 10px) !important;
		text-align: left;
		position: relative;
		width: auto;
	  }
	  .site-table.dataTable td::before {
		content: attr(data-label);
		position: absolute;
		left: 0;
		width: 50%;
		padding-left: 25px;
		font-size: 14px;
		font-family: 'Raleway', sans-serif;
		font-weight: bold;
		text-align: left;
	  }

	  .fund-white-box .custom-table-wrapper table thead {
		display: none;
	  }
	
	  .fund-white-box .custom-table-wrapper table,
	  .fund-white-box .custom-table-wrapper table tbody,
	  .fund-white-box .custom-table-wrapper table tr,
	  .fund-white-box   .custom-table-wrapper table td {
		display: block;
		width: 100%;
	  }
	  
	  .fund-white-box .custom-table-wrapper table td {
		padding-left: calc(50% + 10px) !important;
		text-align: left;
		position: relative;
		width: auto;
	  }
	  .fund-white-box .custom-table-wrapper table td::before {
		content: attr(data-label);
		position: absolute;
		left: 0;
		width: 50%;
		padding-left: 0;
		font-size: 14px;
		font-family: 'Raleway', sans-serif;
		font-weight: bold;
		text-align: left;
		text-transform: uppercase;
		color:#1b1b1b;
	  }
	  .fund-white-box .custom-table-wrapper tr:last-of-type td:not(:last-child) { 
		  padding-bottom: 10px;
		  border-bottom: 1px solid #eee;
	  }
	  .details-wrapper .custom-table-wrapper thead th {
		padding: 15px 0;
	}
	.custom-table-wrapper th, .custom-table-wrapper td { padding: 15px 10px;}
	table.dataTable tbody th, table.dataTable tbody td { padding: 15px 25px 10px;}
	.custom-table-wrapper th, .custom-table-wrapper td { font-size: 14px;}
	.custom-table-wrapper tr td:last-of-type { font-size: 14px;}

	/*login*/
	.login-section { padding: 50px 0px; }
	.login-section .login-outer .login-inner { padding: 20px 15px; }
	.site-button { height: 40px; line-height: 35px; font-size: 18px; }
	.login-section .login-outer .login-inner p{ margin-bottom: 20px; }
	.form-group, .form-group:last-of-type { margin-bottom: 25px; }
	.form-group .form-control { height: 30px; line-height: 30px; font-size: 14px; }
	.login-section::after { display: none; }
	.login-section .login-outer .login-inner h1 { font-size: 22px; }
	.login-section .login-outer .logo-block img { max-height: 48px; }
	.login-section .login-bg-img { height: 50%; }

	/* fund-page */
	.fund-profile-section { padding: 40px 0px; }
	.fund-profile-section .title-wrapper { display: block; text-align: center; }
	.fund-white-box { padding: 20px; }
	.custom-table-wrapper th, .custom-table-wrapper td { padding: 15px 0; }
	.fund-white-box h2 { margin-bottom: 20px; }
	.fund-profile-section .title-wrapper .title-inner, .fund-profile-section .title-wrapper { margin-bottom: 15px; }

	/* forgot-password */
	.login-inner.forgot-password h1 { margin-bottom: 15px; }
	.custom-popup .popup-dialog .popup-content { padding: 25px; }
	.custom-popup h4 { font-size: 18px; }
	.site-footer { padding: 15px 0; }
	.site-header .header-wrapper nav { position: fixed; top: 0; right: -100%; height: 100%; width: 100%; margin-right: 0; transition: all 0.5s; background-color: #1b1b1b; padding-top: 65px; padding-bottom: 20px; }
	.admin-bar .site-header .header-wrapper nav { padding-top: 110px; }
	.site-header .header-wrapper nav ul li a::after { opacity: 0; }
	.mobile-menu-open .site-header .header-wrapper nav { right: 0; }
	.site-header .header-wrapper nav ul { height: 100%; overflow: auto; display: block; }
	.site-header .header-wrapper nav>div { height: 100%; }
	.site-header .header-wrapper nav ul li+li { margin-left: 0; }
	.site-header .header-wrapper nav ul li a { padding: 10px 25px; }
	.site-header .header-wrapper nav ul li { max-width: 100%; flex: 0 0 100%; }
	.site-header .header-wrapper .logout-link a { font-size: 0; margin: -10px; padding: 10px; }
	.site-header .header-wrapper .logout-link em { margin-right: 0; }
	.site-header .header-wrapper .header-right-block .hamburger-menu { height: 18px; cursor: pointer; width: 25px; position: relative; display: inline-block; }
	.site-header .header-wrapper .header-right-block .hamburger-menu span { display: block; height: 2px; width: 25px; background-color: #fff; position: absolute; top: 50%; right: 0; transition: all 0.5s; }
	.site-header .header-wrapper .header-right-block .hamburger-menu span:nth-child(2) { width: 20px; margin-left: auto; }
	.site-header .header-wrapper .header-right-block .hamburger-menu span:first-child { transform: translateY(-8px); }
	.site-header .header-wrapper .header-right-block .hamburger-menu span:last-child { transform: translateY(8px); }
	.site-header .header-wrapper .logout-link { margin-right: 15px; line-height: 0; }
	.site-header .header-wrapper .site-logo-block a img { max-height: 35px; }
	.site-header .header-wrapper .logout-link a em .normal-icon { width: 20px; }
	.mobile-menu-open { overflow: hidden; }
	.mobile-menu-open .site-header .header-wrapper .header-right-block .hamburger-menu span:last-child { transform: translateY(0) rotate(45deg); }
	.mobile-menu-open .site-header .header-wrapper .header-right-block .hamburger-menu span:first-child { transform: translateY(0px) rotate(-45deg); }
	.mobile-menu-open .site-header .header-wrapper .header-right-block .hamburger-menu span:nth-child(2) { width: 0; }
	#graph-legend ul {columns: 2 auto;}
	.fund-white-box #line-chart { height: 300px !important;}
	.details-wrapper .custom-table-wrapper tr td:first-of-type, .details-wrapper .custom-table-wrapper tr th:first-of-type { padding-left: 10px;}
}
@media(max-width:575px) {
	.site-footer .footer-inner-wrapper { flex-wrap: wrap; }
	.site-footer .footer-inner-wrapper p { max-width: 100%; flex: 0 0 100%; text-align: center; }
	.site-footer .footer-inner-wrapper p+p { margin-top: 8px; }
	#graph-legend ul {columns: 1 auto;}
	#graph-legend ul li { font-size: 15px;}
	.fund-white-box .custom-table-wrapper table td {
		padding-left: 100px !important;
		
	  }
	  .fund-white-box .custom-table-wrapper table td::before {
		  width: 90px;
	  }

	}