@keyframes animate-positive {
    0% {
        width: 0
    }
}

body {
margin: 0;
font-family: neue-haas-unica,sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.5;
color: #a4b1cd;
text-align: left;
background-color: #141d2b;
}
.col-xxl, .col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
position: relative;
padding-right: 12px;
padding-left: 12px;
}
.card, .streak-card {
margin-bottom: 24px;
box-shadow: 0 .75rem 1.5rem #12263f08;
position: relative;
display: flex;
flex-direction: column;
word-wrap: break-word;
background-color: #1a2332;
background-clip: border-box;
border: 0 solid #1a2332;
border-radius: .25rem;
}
.progress {
background-color: #1c283c;
}
.progress {
    width: 0;
    height: 100%;
    background: #9fef00!important;
    transition: width 0.3s ease;
    animation: animate-positive 2s;
}
.btn-sm, .btn-group-sm>.btn, .btn-group-sm>.custom-modal-button {
padding: .25rem .5rem;
font-size: .765625rem;
line-height: 1.5;
border-radius: .2rem;
}
.btn-light {
color: #fff;
background-color: #1a2332;
border-color: #1a2332;
}
.btn-light:hover {
color: #fff;
}
body[data-layout=detached] #layout-wrapper {
display: flex;
width: 100%;
height: 100%;
overflow: hidden;
}
body[data-layout=detached] #layout-wrapper:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 165px;
background: linear-gradient(to left, #0b1220, #10375a, #005fa3);
box-shadow: 1px 0 7px #00000080;
}
body[data-topbar=colored] #page-topbar {
background: rgba(255,255,255,.03);
}
body[data-layout=detached] #page-topbar {
position: absolute;
}
body[data-layout=detached] .navbar-header {
padding: 0;
}
.navbar-header {
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: center;
margin: 0 auto;
height: 70px;
padding: 0 12px 0 0;
}
body[data-layout=detached] .navbar-brand-box {
float: left;
position: relative;
text-align: left;
}
.navbar-brand-box {
padding: 0 1.5rem;
text-align: center;
width: 200px;
}
body[data-topbar=dark] .header-item, body[data-topbar=colored] .header-item, body[data-topbar=dark] .header-item:hover, body[data-topbar=colored] .header-item:hover {
color: #e9ecef;
}
.btn:not(:disabled):not(.disabled), .custom-modal-button:not(:disabled):not(.disabled) {
cursor: pointer;
}
body[data-topbar=dark] .header-profile-user, body[data-topbar=colored] .header-profile-user {
background-color: #ffffff40;
}
.header-profile-user {
height: 36px;
width: 36px;
background-color: #1a2332;
padding: 3px;
}
.waves-effect {
position: relative;
cursor: pointer;
display: inline-block !important;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.header-item {
height: 70px;
box-shadow: none !important;
color: #a4b1cd;
border: 0;
border-radius: 0;
}
#page-header-user-dropdown {
    white-space: nowrap; /* Запретите перенос текста */
}
#page-topbar {
position: fixed;
top: 0;
right: 0;
left: 0;
background-color: #ffffff08;
box-shadow: 0 1px 2px #00000013;
z-index: 1040;
}
body[data-layout=detached] .vertical-menu {
border-radius: 7px;
position: relative;
}
.vertical-menu {
min-width: 250px;
max-width: 250px;
z-index: 100;
background: #111927;
bottom: 0;
margin-top: 0;
position: fixed;
top: 70px;
box-shadow: 0 .75rem 1.5rem #12263f08;
}
@media (min-width: 992px) {
    .vertical-menu-overlay {
        display:none
    }
}
.vertical-menu-overlay {
    z-index: 1000;
    background: rgba(17,25,39,.9);
    bottom: 0;
    margin-top: 0;
    position: fixed;
    top: 70px;
    width: 100%;
    left: 250px;
    display: block;
    transform: translateZ(0);
    -webkit-transform: translate3d(0,0,0)
}
.avatar-md {
height: 4.5rem;
width: 4.5rem;
}
body[data-layout=detached] .vertical-menu .user-img img {
padding: 6px;
border: 2px dashed #9fef00;
}
.font-weight-medium {
font-weight: 600;
}
.mm-active, .mm-active .active, .mm-active .active i{
color: #9fef00!important;
}
body[data-layout=detached] #sidebar-menu {
padding-bottom: 90px;
}
#sidebar-menu {
padding: 0 0 30px;
}
#sidebar-menu ul li a {
display: block;
padding: .625rem 1.5rem;
color: #a4b1cd;
position: relative;
font-size: 14.4px;
transition: all .4s;
}
#sidebar-menu ul li a:hover, #sidebar-menu ul li a:hover i {
color: #9fef00;
}
.metismenu {
margin: 0;
}
.list-unstyled, .list-inline {
padding-left: 0;
list-style: none;
}
.menu-title {
padding: 12px 20px !important;
letter-spacing: .05em;
pointer-events: none;
cursor: default;
font-size: 11px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
}
.metismenu li {
display: block;
width: 100%;
text-align: left;
}
#sidebar-menu ul li ul.sub-menu li a {
padding: .4rem 1.5rem .4rem 3.5rem;
font-size: 14px;
color: #a4b1cd;
}
.metismenu .mm-collapse.mm-show {
display: block;
}
body[data-layout=detached] #layout-wrapper:after {
    background: url(/headers/bg.png) center;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 165px;
    background-size: cover;
    opacity: .05
}
body[data-layout=detached] .main-content {
width: 100%;
margin-left: 0;
}
body[data-layout=detached] .main-content {
position: relative;
min-height: 100vh;
padding-bottom: 60px;
transition: margin-bottom 1s ease 0s;
}
.main-content {
overflow: hidden;
}
body[data-layout=detached] .page-content {
margin-top: 16px;
padding-bottom: 0
}
.page-content {
padding: 82px 24px 60px;
}
body[data-layout=detached] .page-title-box {
position: relative;
z-index: 1;
}
body[data-layout=detached] .page-title-box {
padding-bottom: 24px
}
.page-title-box h4 {
text-transform: uppercase;
font-weight: 600;
font-size: 16px !important;
}
.page-title-box .breadcrumb {
background-color: transparent;
padding: 0;
}
.topnav {
padding: 0 12px;
}
.topnav .topnav-menu {
margin: 0;
padding: 0;
}
.topnav .navbar-nav .nav-link {
font-size: 14px;
position: relative;
color: #a4b1cd;
line-height: 70px;
}
.training-module h4 {
margin-top: 30px;
font-weight: 700 !important;
font-size: 20px !important;
font-family: neue-haas-unica,sans-serif;
color: #fff !imporntant;
}
tr {
color: #a4b1cd !important;
background-color: transparent !important;
text-align: center;
font-family: 'Fira Sans';
}
.topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {
color: #9fef00;
background-color: transparent;
}
.progress, .streak-toast-header .streak-progress {
display: flex;
height: .625rem;
overflow: hidden;
line-height: 0;
font-size: .65625rem;
background-color: #141d2b;
border-radius: .25rem;
}
.animated-progess {
position: relative;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: #a4b1cd0d;
}
.col-xl-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.cert-card[data-v-2fee277e] {
transition: all .2s ease-in-out;
opacity: .5;
width: 400px;
height: 450px;
margin: 10px;
padding: 5px;
}
.v-data-table>.v-data-table__wrapper>table {
width: 100%;
border-spacing: 0;
}
.theme--dark .v-data-table thead tr:last-child th:first-child {
padding-left: 40px;
}
.theme--dark .v-data-table thead tr:last-child th {
border-top: thin solid #202837!important;
border-bottom: thin solid #202837!important;
padding-top: 30px;
padding-bottom: 20px;
}