@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Italic.woff2') format('woff2'),
url('../fonts/Roboto-Italic.woff') format('woff'),
url('../fonts/Roboto-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
url('../fonts/Roboto-Bold.woff') format('woff'),
url('../fonts/Roboto-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
url('../fonts/Roboto-BoldItalic.woff') format('woff'),
url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
url('../fonts/Roboto-Regular.woff') format('woff'),
url('../fonts/Roboto-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
* {
padding: 0;
margin: 0;
border: none;
scrollbar-width: thin;
scrollbar-color: #0055d6 transparent;
}
*, *::before, *::after { box-sizing: border-box }
*::-webkit-scrollbar { width: 4px }
*::-webkit-scrollbar-track { background: transparent }
*::-webkit-scrollbar-thumb {
background-color: #0055d6;
border-radius: 10px;
}
a, a:link, a:visited  { text-decoration: none }
a:hover  { text-decoration: none }
aside, nav, footer, header, section, main, legend { display: block }
h1, h2, h3, h4, h5, h6, p {
font-size: inherit;
font-weight: inherit;
}
ul, ul li { list-style: none }
img { vertical-align: top }
img, svg {
max-width: 100%;
height: auto;
}
address { font-style: normal }
input, textarea, button, select {
font-family: inherit;
font-size: inherit;
color: inherit;
background-color: transparent;
}
input::-ms-clear { display: none }
textarea { resize: vertical }
button, input[type="submit"] {
display: inline-block;
box-shadow: none;
background-color: transparent;
background: none;
cursor: pointer;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
input[type='file'] { max-width: 100% }
body {
font-family: 'Roboto', sans-serif;
height: 100vh;
background: #120439;
letter-spacing: 0.03em;
}
.hidden { display: none !important }
.input-group { margin-bottom: 20px; }
.input-group label {
display: block;
margin-bottom: 4px;
color: #fff;
font: 400 14px/22px 'Roboto', sans-serif;
}
.input-group input, .input-group textarea {
width: 100%;
padding: 12px;
color: #000;
border: 1px solid #ccc;
border-radius: 5px;
background: #fff;
box-sizing: border-box;
transition: border-color 0.3s;
}
.input-group textarea {
min-height: 140px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.input-group input:focus, .input-group textarea:focus {
border-color: #007bff;
outline: none;
}
.input-group input[type="number"]::-webkit-outer-spin-button,
.input-group input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.input-group input[type="number"] {
-moz-appearance: textfield;
appearance: textfield;
}
.input-group input[type="checkbox"] {
width: auto;
margin-right: 8px;
vertical-align: baseline;
}
select {
width: 100%;
padding: 12px;
background: #fff;
border-radius: 5px;
}
.btn {
display: inline-block;
padding: 12px 24px;
background: #007bff;
border: none;
border-radius: 5px;
color: #fff;
font-size: 16px;
cursor: pointer;
transition: background 0.3s;
}
.btn.delete-btn { background: #dc3545 }
.btn.small-btn { padding: 6px 12px }
.btn:hover { background: #0056b3 }
.btn.delete-btn:hover { background: #bb2d3b }
.btn.neutral-btn, .btn.neutral-btn:hover { background: #3f4a77 }
h1, h2 {
display: inline-block;
margin: 0;
padding: 20px 40px;
font: 700 32px/32px 'Roboto', sans-serif;
color: #fff;
background: #191e54;
border-radius: 10px;
}
h2 {
padding: 14px 40px 14px 0;
font: 700 24px/36px 'Roboto', sans-serif;
background: none;
}
.section-link {
display: flex;
margin: 0 12px 12px 0;
padding: 12px 24px;
font: 400 16px/24px 'Roboto', sans-serif;
color: #fff;
align-items: center;
background: #191e54;
border-radius: 10px;
-webkit-transition: background .2s linear;
transition: background .2s linear;
}
.message {
margin-bottom: 24px;
padding: 12px 24px;
font: 400 16px / 24px 'Roboto', sans-serif;
color: #fff;
background: #22c55e;
border-radius: 10px;
}
.message.warning-message {
color: #000;
background: #ffd54f;
}
.message.alert-message { background: #dc3545 }
.pagination {
display: flex;
margin-top: 24px;
flex-wrap: wrap;
flex-direction: row;
}
.pagination > * {
min-width: 46px;
margin: 0 12px 12px 0;
padding: 12px;
font: 400 16px / 16px 'Roboto', sans-serif;
color: #fff !important;
text-align: center;
text-decoration: none !important;
border: 1px solid #0055d6;
border-radius: 10px;
}
.pagination > span { background: #0055d6 }
.page-public-login, .page-public-welcome {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.page-public-login header, .page-public-welcome header {
display: flex;
width: 100%;
padding: 16px 40px;
align-items: center;
flex-shrink: 0;
background: #1b2051;
}
.page-public-login img, .page-public-welcome img {
width: auto;
height: 48px;
}
.page-public-login header a, .page-public-welcome header a {
display: flex;
margin-left: auto;
align-items: center;
color: #fff !important;
text-decoration: none !important;
}
.page-public-login .login-title, .page-public-welcome .login-title {
margin-left: 18px;
font: 400 18px/28px 'Roboto', sans-serif;
color: #fff;
}
.page-public-login .form-background,
.page-public-welcome .form-background {
display: flex;
position: relative;
justify-content: center;
align-items: center;
flex-grow: 1;
background: url('../img/bg.jpg') 0 0 no-repeat;
}
.page-public-login .form-background::after,
.page-public-welcome .form-background::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #120439;
opacity: 0.5;
z-index: 1;
}
.page-public-login form {
position: relative;
width: 100%;
max-width: 400px;
padding-bottom: 40px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(44, 145, 235, 0.15)), to(rgba(44, 145, 235, 0))), #1b2051;
background: linear-gradient(180deg, rgba(44, 145, 235, 0.15) 0%, rgba(44, 145, 235, 0) 100%), #1b2051;
border-radius: 10px;
overflow: hidden;
z-index: 2;
}
.page-public-login form .form-header {
margin-bottom: 20px;
padding: 20px 40px;
font: 700 16px/24px 'Roboto', sans-serif;
color: #fff;
background: rgba(18, 4, 57, 0.4);
}
.page-public-login form .input-group {
margin-left: 40px;
margin-right: 40px;
}
.page-public-login form .input-group-buttons { text-align: center }
.container {
display: flex;
height: 100vh;
}
.page-public-login form .message { margin: 24px 40px 0 40px; }
.page-public-welcome { flex-direction: initial }
.page-public-welcome .form-background {
flex-direction: column;
background: url(../img/bg.jpg?0) 0 0 repeat-y;
}
.container aside {
padding: 12px;
flex: 0 0 300px;
min-height: 0;
border-right: 1px solid #3f4a77;
overflow-y: auto;
}
.container aside a {
display: flex;
margin-bottom: 8px;
padding: 12px;
font: 400 16px/24px 'Roboto', sans-serif;
color: #fff;
text-decoration: none !important;
background: transparent;
border-radius: 10px;
align-items: center;
-webkit-transition: background .2s linear;
transition: background .2s linear;
}
.container aside a:hover, .section-link:hover, .section-link.active {
background: #0055d6;
-webkit-transition: background .2s linear;
transition: background .2s linear;
}
.container aside a:last-child { margin-bottom: 0 }
.container aside img { width: 34px }
.container aside span { padding-left: 24px }
.container main {
padding: 24px;
flex-grow: 1;
overflow-y: auto;
min-height: 0;
box-sizing: border-box;
}
.content-card {
background: #1b2051;
border-radius: 10px;
padding: 24px;
margin-top: 20px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.content-card .group-buttons {
display: flex;
margin-bottom: 20px;
justify-content: flex-end;
}
.content-card .input-group-buttons {
display: flex;
margin-top: 30px;
gap: 10px;
}
.list-table {
width: 100%;
border-collapse: collapse;
color: #fff;
margin-top: 10px;
}
.list-table th {
text-align: left;
padding: 12px;
border-bottom: 2px solid #3f4a77;
font-weight: bold;
}
.list-table td {
padding: 12px;
border-bottom: 1px solid #3f4a77;
vertical-align: middle;
}
.list-table tr:hover { background: rgba(255, 255, 255, 0.05); }
.list-table.text-center th, .list-table.text-center td { text-align: center }
.documents-block {
display: flex;
margin-top: 24px;
}
.documents-block img {
display: block;
width: 64px;
height: auto;
margin: 0 auto 12px auto;
}
.documents-block a img {
width: 32px;
margin: 0 8px 0 0;
}
.documents-list {
width: 74%;
display: flex;
flex-wrap: wrap;
}
.documents-list .section-link {
display: flex;
position: relative;
width: 196px;
margin: 0 18px 54px 0;
padding: 0;
align-items: flex-start;
flex-direction: column;
justify-content: space-between;
text-align: center;
background: none;
}
.documents-list .section-link .file-info {
width: 100%;
margin-bottom: 8px;
padding: 12px;
background: #191e54;
border-radius: 10px;
color: #fff;
word-break: break-word;
}
.documents-list a, .report-download-block a {
display: flex;
width: 100%;
margin-top: 8px;
padding: 12px;
align-items: center;
justify-content: center;
color: #fff !important;
text-decoration: none !important;
background: #191e54;
border-radius: 10px;
-webkit-transition: background .2s linear;
transition: background .2s linear;
}
.documents-list .section-link .file-info + a{ margin-top: auto }
.documents-list a:hover, .report-download-block a:hover {
background: #0055d6;
-webkit-transition: background .2s linear;
transition: background .2s linear;
}
.documents-list .close {
position: absolute;
top: -12px;
right: -12px;
width: 24px;
height: 24px;
background: url('../img/close.svg') 0 0 no-repeat;
cursor: pointer;
z-index: 2;
}
.documents-block #upload-form { width: 26% }
.documents-block #upload-form label {
display: block;
padding: 24px;
font: 400 16px / 24px 'Roboto', sans-serif;
color: #fff;
text-align: center;
border: 2px dashed #2c91eb;
border-radius: 10px;
cursor: pointer;
-webkit-transition: border .2s linear;
transition: border .2s linear;
}
.documents-block #upload-form label:hover {
border: 2px dashed #fff;
-webkit-transition: border .2s linear;
transition: border .2s linear;
}
.documents-block #upload-form label.has-files {
padding-bottom: 0;
border: none !important;
}
.documents-block #upload-form label.has-files img { display: none }
.documents-block #upload-form .btn {
display: block;
width: 124px;
margin: 18px auto 0 auto;
}
.report-download-block {
display: flex;
margin: 48px 0;
justify-content: center;
}
.report-download-block a {
display: inline-flex;
width: auto;
padding: 12px 36px;
}
.report-download-block a:last-child { margin-left: 24px }
.report-download-block img {
display: block;
width: 32px;
height: auto;
margin: 0 8px 0 0;
}
.paper {
margin: 48px 0;
padding: 48px;
background: #fff;
}
.paper * { font: 400 16px/24px 'Roboto', sans-serif }
.paper p.title {
display: block;
margin-bottom: 18px;
text-align: center;
}
.paper p.microfont { display: block }
.paper p.title b, .paper p.microfont b { font-weight: 700 }
.paper table, .paper th, .paper td {
border: 1px solid #000;
border-collapse: collapse;
}
.paper th, .paper td { padding: 6px; }
.paper th {
min-width: 40px;
text-align: center;
vertical-align: middle;
}
.paper.year-report th { font-weight: 700 }
.paper.year-report tr th:first-child, .paper.year-report tr td:first-child { width: 320px }
.paper.year-report tr td:nth-child(2) {
width: 142px;
text-align: center;
vertical-align: bottom;
}
.paper.year-report tr td:nth-child(n+3) {
min-width: 120px;
text-align: right;
vertical-align: bottom;
}
.paper tr.yellow td { background: #ffff99 }
.paper tr.gray td { background: #d9d9d9 }
.paper td.text-center { text-align: center }
.paper td.bold { font-weight: 700 }
.paper tr.italic th, .paper td.italic { font-style: italic }
.paper td.red { color: #ff0000 }
.paper td.pl-1 { padding-left: 24px }
.paper td.pl-2 { padding-left: 54px }
.paper.quartal-report td { vertical-align: middle; }
.paper.quartal-report td:first-child,
.paper.quartal-report td:nth-child(4),
.paper.quartal-report td:nth-child(5),
.paper.quartal-report td:nth-child(6) {
text-align: center;
vertical-align: middle;
}
.paper.quartal-report td:last-child { vertical-align: top }
.paper.dark-theme { background: none }
.paper.dark-theme * { color: #fff }
.paper.dark-theme table, .paper.dark-theme th, .paper.dark-theme td { border: 1px solid #fff }
.paper.dark-theme tr.yellow td, .paper.dark-theme tr.gray td { background: #191e54 }
.paper.dark-theme td.red { color: #fff }
.diagram-container {
position: relative;
max-width: 1160px;
width: 100%;
margin-top: 36px;
padding: 12px 0;
background: #1b2051;
border-radius: 10px;
z-index: 2;
}
.diagram-container:last-child { margin-bottom: 36px }
.diagram-container h2 {
display: block;
padding: 14px 0;
font: 700 32px / 32px 'Roboto', sans-serif;
background: none;
text-align: center;
border-radius: 0;
}
.diagram-container-body {
margin: 12px;
width: 100%;
height: 500px;
}
#investments-by-industry { height: 800px }
#largest-contributors { height: 800px }
/* print */
.print-page main { padding: 0 }
.print-page .paper { padding: 48px 24px }
@media print {
@page {
margin: 6mm 2mm;
size: A4 portrait;
}
html, body {
margin: 0;
padding: 0;
overflow: visible !important;
height: auto !important;
}
* {
scrollbar-width: none !important;
-ms-overflow-style: none !important;
}
*::-webkit-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
}
main, .print-page {
overflow: visible !important;
height: auto !important;
position: static !important;
}
table, td, th {
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
}
.report-download-block { display: none !important }
.print-page .paper {
margin: 0;
padding: 0;
}
}