@font-face {
  font-family: 'Inter';
  src: url(https://test.tripod.ee/font/Inter.ttf) format('truetype');
}
:root{--bs-primary:#171D5D;--bs-primary-rgb:0, 34, 106}
body {
font-family: 'Inter', arial, sans-serif;
}
.btn-c {--bs-btn-color:#171D5D;--bs-btn-border-color:#E9ECEF;--bs-btn-hover-border-color:#2D38B3;--bs-btn-hover-color:#2D38B3}
.btn-p {--bs-btn-bg:#171D5D;--bs-btn-color:#fff;font-size:14px;--bs-btn-hover-bg:#171D5D;--bs-btn-hover-color:#eee;--bs-btn-active-bg:#171D5D;--bs-btn-active-color:#fff}
.btn-outline-s {--bs-btn-border-color:#CFCFCF;--bs-btn-hover-border-color:#aaa}
.color-primary {color:#171D5D}
.togglehelp {margin-left:.5rem;color:#171D5D}
.btn-primary {--bs-btn-bg: #0ED480;--bs-btn-border-color:#0BAC68;--bs-btn-hover-bg:#0CC677;--bs-btn-hover-border-color:#0CC677;--bs-btn-active-bg:#0ED480;--bs-btn-active-border-color:#0BAC68;--bs-btn-disabled-bg:#5ED3A1;--bs-btn-disabled-border-color:#0BAC68}
.login-bg{background-image: url(/images/login.png);background-size: cover;background-repeat: no-repeat;background-position: 50%}
.login-bg .content{margin:20vh auto;max-width:680px}
.login-bg .content img {width:1rem;height:1rem}
.leftnav {width:200px;align-self: flex-start;position:sticky;top:0;flex-shrink:0}
#sidebar {border-right:1px solid #DEE2E6;width:56px;position:fixed;left:0;top:0;bottom:0;background:#fff}
#sidebar-inner {position:absolute;top:0;bottom:0;height:100%;min-height:670px}
#sidebar .user {position:absolute;bottom:0}
.links {padding-left: 0;list-style: none}
.links-a {border-radius:8px;background:#f8f9fa;color:#171D5D;padding:.25rem .5rem;margin:.5rem;display:block;border:1px solid #f1f1f1;text-decoration:none}
.links-a:hover {border-color:#9ec5fe}
.links-a.active {background:#e7f1ff;border:1px solid #9ec5fe}
.links-a.active i {color:#171D5D}
#sidebar .actions {text-align:right;margin:.5rem 0}
#sidebar .actions .action {color:#171D5D;border:1px solid #171D5D;border-radius:3px;margin-left:.25rem;padding:.25rem .5rem;text-decoration:none;font-weight:400}
#sidebar .actions .action:hover {background:#eee}
#sidebar .dropdown-item {--bs-dropdown-link-color:#171D5D}
#top {padding:1rem;background:#fff;border-bottom:1px solid #f1f1f1}
#maincontent {margin-left:56px;background:#f8f9fa;min-height:100vh}
#maincontent .content {flex-grow:1;width:80%;max-width:1122px;margin:auto}
main h1 {font-size:40px;color:#171D5D;margin:0}
.content {padding:1rem;min-height:100vh}
.listrow {margin-bottom:1rem;border:1px solid #E9ECEF;border-radius:8px;background:#fff}
.listrow .top {display:flex;align-items: center}
.listrow .details {padding:1rem;display:none;background:#fff}
.listrow .details .footer {--bs-link-color: #171D5D}
.listrow.active .details {display:block;}
.listrow .project .amt {width:8%;text-align:center}
.listrow .handle {background-color: #f9f9f9;color:#000;cursor: pointer}
.listrow .handle i {transition: all 0.2s}
.listrow.active .handle {background-color: #f0fbff;color:#00a4e3}
.listrow.active .handle i {transform:rotate(-180deg)}
.radio-group {border: 1px solid #dddddd;display:flex;}
.radio-group label {flex:1 0 0;margin:0;}
.radio {position:absolute;display:none}
.radio + span {
  position:relative;
  display:block;
  padding:11px 0;
  background-color: #f8f8f8;
  color: #373737;
  text-align:center;
  text-transform:uppercase;
  font-size:14px;
  font-weight:600;
  transition: all 0.2s;
}
.radio:checked + span {
  background-color: #00a4e3;
  color: #ffffff;
}

.aside {overflow:auto;max-width:500px;transform-origin:right;background:#fff;box-shadow: 0 0 25px rgba(0,0,0,.11);opacity:0;transition: visibility .15s,transform .15s,opacity .15s;visibility: hidden;z-index:10;transform: translateX(100%);padding:20px}
.aside.show {visibility: visible;opacity: 1;transform: translateX(0)}

@media (min-width: 1200px) {
.aside {position:fixed;width:400px;top:0;right:0;bottom:0;}
}

.el{position:relative;background:#F8F9FA;display:flex;align-items:center;padding:0.7rem;margin-bottom:1px;border:1px solid #F4F4F4;border-radius:8px}
.el.child:hover{background:#f3f3f3;cursor:pointer}
.el .name {flex:1}
.el .info {background:#E7F1FF;padding:0 3px;font-size: 12px;width:70px;text-align: center;border-radius: 4px;font-weight:bold}
.el .dropdown > a {color:#000;font-weight:bold;font-size:18px}
.el .actions {width:160px;display:flex;align-items: center}
.el .tgl{width:20px;margin-right:10px}
.gr.active > .ch {display:block}
.gr.active > .el {background:#E7F1FF;border:1px solid #9EC5FE}
.gr.active > .el .tgl {transform:rotate(180deg)}
.ch{display:none}

.text-red {color:red}
.bar {width:250px;height:1.4rem;background:#eceff1;font-size:12px;border-radius:1rem;line-height:22px}

.bg-blue {background:#00B0F0}
.bg-yellow {background:#FFC000}
.bg-green {background:#BED54B}

.report_list {max-height:250px;overflow:auto}

#results .list {overflow-y:auto;max-height:365px;padding:0;display:none}
#results .list .group, #selection .list .group {border-bottom:1px solid #eee;}
#results .list .single, #selection .list .single {display:block;margin:0;padding:10px 0;overflow:hidden;white-space:nowrap;font-weight:400}
#results .list .single .name, #selection .list .single .name {width:40%;display:block;float:left;text-overflow: ellipsis;overflow: hidden;}
#results .list .single .zuser, #selection .list .single .zuser {width:20%;display:block;float:left;}
#results .list .single .test, #selection .list .single .test {width:20%;display:block;float:left;}
#results .list .single .date, #selection .list .single .date {width:20%;display:block;float:left;}

.checkbox {position: absolute; display:none;}
.checkbox + span {
  overflow:hidden;
  position:relative;
  display:block;
  padding:0 10px 0 35px;
  color: #373737;
  font-size:14px;
  transition: all 0.2s;
  font-weight:400;
}
.checkbox:checked + span {
  color: #00a4e3;
}

.checkbox + span:before {
  content: '';
  border-radius:2px;
  border:1px solid #ddd;
  position:absolute;
  width:20px;
  height:20px;
  background:#fff;
  left:0;
}
.checkbox:checked + span:before {
  background-color: #00a4e3;
  content: '✓';
  color:#fff;
  text-align:center;
  font-size:12px;
  font-weight:700;
}
.h2,.h3,.h4,.h5,.h6{font-weight:700}
.fw-700{font-weight:700}

.note {background:#E7F1FF;padding:8px;border-radius:24px}
.org-top {background:#F8F9FA;border:1px solid #E9ECEF;border-radius:8px;padding:16px 16px}
.org-item.active > .org-top {background:#E7F1FF;border:1px solid #9EC5FE}
.org-item > .org-title i {transition:all .2s;display:inline-block}
.org-item.active > .org-top > .org-title .toggle_level {--bs-btn-color:#fff;--bs-btn-bg:#171D5D;--bs-btn-hover-bg:#171D5D}
.org-item.active > .org-top > .org-title i {transform:rotate(180deg)}
.org-children {margin-left:2.2rem;display:none}
.org-item.active > .org-children {display:block}

.question-item .top {background:#F8F9FA;border:1px solid #E9ECEF;border-radius:8px;padding:16px;display:flex;align-items:center}
.question-item.active .toggle_level {background:#171D5D;transform:rotate(180deg);color:var(--bs-btn-hover-color)}
.question-item.active .top {background:#E7F1FF;border-color:#9EC5FE}
.question-item.active .subquestions {display:block}

#result-menu a {padding:8px; border-radius:8px; border:1px solid #F4F4F4;background:#F8F9FA;display:block;text-decoration:none;font-size:12px;margin-bottom:.25rem}
#result-menu a.active {border:1px solid #9EC5FE;background:#E7F1FF}
#result-menu .children {margin-left:1rem}
.user-table thead {--bs-table-bg:transparent;font-size:14px;--bs-table-color:#171D5D}
.user-table th {font-weight:400}
#user.offcanvas {--bs-offcanvas-width:640px}
#user .offcanvas-header {border-bottom:1px solid #DEE2E6}
#user .offcanvas-footer {border-top:1px solid #DEE2E6}

.rating-table {border:1px solid #E9ECEF}
.rating-table th {font-weight:400;color:#171D5D;padding:4px 6px;line-height:1.2}
.rating-table td {padding:0 6px}

.item {border:1px solid transparent;background:#F7F7F8;cursor:pointer}
.item.active {border:1px solid #E0E1E1;background:#F2F2F2;z-index:100}

.tooltip {--bs-tooltip-bg:#171D5D}