@charset "UTF-8";
/*!
 * Bootstrap v5.0.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
@import "../../node_modules/bootstrap-icons/font/bootstrap-icons.css";
html * {
    /*font-size: 1.01em;*/
    /*font-family: Intervar, -apple-system, \.SFNSText-Regular, San Francisco, BlinkMacSystemFont, Segoe UI, PT Sans, Helvetica Neue, Helvetica, Arial, sans-serif;*/
    /*font-size: 1.02em;*/
    font-size: 14.5px;
    letter-spacing: 0.3px;
}

*,
:after,
:before {
    box-sizing: border-box
}

.section-title,
body,
h1,
h2,
h3,
h4,
h5,
h6,
html,
ol,
p,
ul {
    font-weight: 400;
    margin: 0;
    padding: 0
}

ol,
ul {
    list-style: none;
    list-style-type: none
}

img {
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    -webkit-text-decoration: underline dotted currentColor;
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted currentColor
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub,
sup {
    vertical-align: baseline
}

sub {
    bottom: -.25em;
    font-size: 11px
}

sup {
    top: -.5em
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    margin-right: .33em;
    padding: 0;
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

script,
style,
template {
    display: none!important
}

[type=button],
[type=checkbox],
[type=radio],
[type=reset],
[type=submit],
button,
label,
select {
    cursor: pointer
}

:root {
    --color-red: #d8443a;
    --color-orange: #f76706;
    --color-yellow: #ef9b00;
    --color-green: #3fa149;
    --color-mint: #139f75;
    --color-blue: #0c77c3;
    --color-indigo: #3b5bdb;
    --color-violet: #6a43de;
    --color-purple: #ae3ec9;
    --color-gray: #5b5a58;
    --control-sm-font-size: 12px;
    --control-sm-size: 24px;
    --control-md-font-size: 15px;
    --control-md-size: 32px;
    --control-lg-font-size: 18px;
    --control-lg-size: 40px;
    --nav-top-height: 34px;
    -webkit-font-feature-settings: "cpsp" 1, "cv10" 1, "kern" 1, "ss01" 1, "ss02" 1, "tnum" 1, "zero" 1;
    font-feature-settings: "cpsp" 1, "cv10" 1, "kern" 1, "ss01" 1, "ss02" 1, "tnum" 1, "zero" 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    --flag-bg-color: #d52728;
    --flag-text-color: #fff;
    --form-text-align: left;
    --form-label-text-align: right;
    --form-control-text-align: left;
    --form-max-width: 960px;
    --form-label-width: 180px;
    --form-fix-left: 180px;
    --form-gutter: 16px;
    --form-gutter-major: 20px;
    --form-gutter-minor: 12px;
    --form-padding: 24px;
    --form-padding-x: 0;
    --form-padding-y: 0;
    --form-block-margin: var(--form-gutter) 0;
    --form-group-margin: 0 var(--form-gutter-minor) var(--form-gutter-minor) 0;
    --form-group-padding: 0;
    --form-hr-margin: var(--form-gutter-major) 0;
    --tabs-font-size: 15px;
    --tabs-height: 32px;
    --tabs-padding: 12px;
    --tabs-gutter: 4px;
    --tabs-remove: 24px;
    --columns-gutter: 16px;
    --context-close: #5b5a58;
    --context-close--hover: #757473;
    --context-close-bg--hover: #ededed;
    --context-close--active: #464543;
    --context-close-bg--active: #dbdbdb;
    --context-text: #242322;
    --context-item-back: transparent;
    --context-item-text: #1076bf;
    --context-item-back--hover: rgba(12, 119, 195, .1);
    --context-item-text--hover: #0c77c3;
    --context-item-back--active: rgba(12, 119, 195, .92);
    --context-item-text--active: #fff;
    --context-background: #fff;
    --context-border: #dddcdb;
    --avatar-size: 48px;
    --branding-body: #f7f6f5;
    --branding-page: transparent;
    --branding-nav: #fbfbfa;
    --branding-nav-blur: hsla(60, 11%, 98%, .9);
    --branding-blur: 12px;
    --ej-space-1: 4px;
    --ej-space-2: 8px;
    --ej-space-3: 12px;
    --ej-space-4: 16px;
    --ej-space-5: 24px;
    --ej-space-6: 32px;
    --ej-space-7: 48px;
    color: #242322;
    font-family: Intervar, -apple-system, \.SFNSText-Regular, San Francisco, BlinkMacSystemFont, Segoe UI, PT Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-rendering: optimizeLegibility
}

button,
input,
select {
    -webkit-font-feature-settings: "cpsp" 1, "cv10" 1, "kern" 1, "ss01" 1, "ss02" 1, "tnum" 1, "zero" 1;
    font-feature-settings: "cpsp" 1, "cv10" 1, "kern" 1, "ss01" 1, "ss02" 1, "tnum" 1, "zero" 1;
    font-family: inherit;
    font-size: 14px
}

button,
input[type=submit] {
    cursor: pointer
}

.bigger {
    font-size: 1.1em
}

.strong {
    font-weight: 700
}

.underline {
    text-decoration: underline
}

.stroke {
    text-decoration: line-through
}

.strike {
    display: inline-block
}

.strike:after {
    -webkit-transform: rotate(-23deg);
    border-top: 1px solid #000;
    content: "";
    display: block;
    height: 0;
    margin: -.4em;
    transform: rotate(-23deg)
}

.strike--red:after {
    border-top-color: #ad2b22
}

.italic {
    font-style: italic
}

.nobr {
    white-space: nowrap
}

.small,
small {
    font-size: .85em;
    font-weight: 400;
    line-height: 1.2em
}

.small.strong,
small.strong {
    font-weight: 700
}

.abbr,
.uppercase,
abbr {
    text-transform: uppercase
}

.abbr,
.uppercase--kerning,
abbr {
    letter-spacing: .125em
}

.font-mono {
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier New, Courier, monospace
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-overflow {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-overflow--table {
    display: table-cell
}

.text-overflow--width60 {
    max-width: 60px!important;
    min-width: 60px!important;
    width: 60px!important
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-primary {
    color: #242322
}

.text-secondary {
    color: #757473
}

.text-tertiary {
    color: #908f8e
}

.text-important {
    color: #ad2b22
}

.text-positive {
    color: #3fa149
}

.text-negative {
    color: #d8443a
}

.selectable {
    cursor: pointer
}

.b-href,
a,
td.b-href-outer a {
    -webkit-text-decoration-color: rgba(12, 119, 195, .33);
    -webkit-transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, -webkit-text-decoration-color 37.5ms ease-in-out;
    color: #0c77c3;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: rgba(12, 119, 195, .33);
    text-decoration-thickness: 1px;
    text-underline-offset: .45ex;
    transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, -webkit-text-decoration-color 37.5ms ease-in-out;
    transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, text-decoration-color 37.5ms ease-in-out;
    transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, text-decoration-color 37.5ms ease-in-out, -webkit-text-decoration-color 37.5ms ease-in-out
}

.b-href:focus,
a:focus {
    -webkit-text-decoration-color: #0c77c3;
    text-decoration-color: #0c77c3
}

.b-href:hover,
a:hover,
td.b-href-outer:hover a {
    -webkit-text-decoration-color: #2485c9;
    color: #2485c9;
    text-decoration-color: #2485c9
}

.b-href:active,
a:active {
    -webkit-text-decoration-color: #d8443a;
    color: #d8443a;
    text-decoration-color: #d8443a
}

.b-href--phone,
.b-href[href^="tel:"],
a[href^="tel:"] {
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed
}

.b-href .fa,
.b-href .fab,
.b-href .fal,
.b-href .far,
.b-href .fas {
    color: inherit;
    font-size: .9em
}

.b-href .fa,
.b-href .fa:before,
.b-href .fab,
.b-href .fab:before,
.b-href .fal,
.b-href .fal:before,
.b-href .far,
.b-href .far:before,
.b-href .fas,
.b-href .fas:before {
    display: inline
}

.b-href__notd,
.b-href__spacer {
    display: inline-block;
    text-decoration: none!important
}

.b-href:hover .b-href__notd {
    text-decoration: underline!important
}

a.notd,
a.notdh,
a.notdh:hover {
    text-decoration: none!important
}

a.notd:hover,
a.td,
a.td:hover {
    text-decoration: underline!important
}

.clear {
    clear: both;
    font-size: 0;
    height: 0
}

div.minispacer,
div.minispacer.clear {
    height: 4px
}

.spacer {
    height: 16px
}

.groups {
    height: 60px;
    margin-top: -70px;
    position: relative;
    width: 100px;
    z-index: 50
}

.groups>div {
    left: 0;
    position: absolute;
    text-align: center;
    top: 0
}

.groups>div a,
.groups>div span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display: block;
    padding: 0 5px 2px;
    text-decoration: none;
    user-select: none;
    white-space: nowrap
}

.groups>div span.inactve {
    opacity: .9
}

.groups div a:hover,
a.actgroup {
    background: #0c77c3;
    color: #fff
}

.dz_groups {
    margin: 0 0 16px
}

.dz_groups a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-color: rgba(12, 119, 195, .1);
    color: #0c77c3;
    line-height: 24px;
    padding: 0 8px;
    text-decoration: none;
    user-select: none
}

.dz_groups a.actgroup,
.dz_groups a.active,
.dz_groups a:hover {
    background: #0c77c3;
    color: #fff
}

.red {
    color: #ad2b22!important
}

.blue,
.blues a,
.lblue,
a.lblueh:hover {
    color: #3b5bdb!important
}

.black {
    color: #000
}

.white {
    color: #fff!important
}

.gray,
.nored,
.nored:hover {
    color: #5b5a58!important
}

.lgray {
    color: #757473!important
}

.palegray {
    color: #d1d0cf!important
}

.green {
    color: #3fa149!important
}

.palegreen {
    color: #80a682!important
}

.yellow {
    color: #ef9b00!important
}

.purple {
    color: #ae3ec9!important
}

.violet {
    color: #6a43de!important
}

.opacity50 {
    opacity: .5
}

.opacity75 {
    opacity: .75
}

.altblue,
.altblue a,
.altgreen,
.altred,
.altred a,
span.altred {
    color: #fff!important
}

.altred,
.altred:hover {
    background: #ad2b22!important
}

.altblue,
a.altblue:hover {
    background: #3b5bdb!important
}

.altgreen,
a.altgreen:hover {
    background: #3fa149!important
}

.altyellow,
.altyellow:hover {
    background: #f76706!important
}

.fdd {
    background: #fdd!important
}

.dfd {
    background: #dfd!important
}

a.yell {
    background: #ffe572!important
}

span.green.dfd {
    padding: 0 3px
}

.body--zoom_65 {
    zoom: .65
}

.body--zoom_70 {
    zoom: .7
}

.body--zoom_75 {
    zoom: .75
}

.body--zoom_80 {
    zoom: .8
}

.body--zoom_85 {
    zoom: .85
}

.body--zoom_90 {
    zoom: .9
}

.body--zoom_95 {
    zoom: .95
}

.body--kiosk .footer,
.body--kiosk .navigation-top,
.body--kiosk .page-print {
    display: none
}

.datepicker,
.datepicker-year,
.eljur-for-checkbox-slider,
.is-eljur-date,
.is-eljur-dateyear,
.is-input-number,
.mock-component,
ej-color,
ej-colorpicker,
ej-datepicker,
ej-input-number,
ej-select,
ej-switcher,
select {
    min-height: 32px
}

.datepicker-year[size=small],
.datepicker[size=small],
.eljur-for-checkbox-slider[size=small],
.is-eljur-date[size=small],
.is-eljur-dateyear[size=small],
.is-input-number[size=small],
.mock-component[size=small],
ej-color[size=small],
ej-colorpicker[size=small],
ej-datepicker[size=small],
ej-input-number[size=small],
ej-select[size=small],
ej-switcher[size=small],
select[size=small] {
    min-height: 24px
}

.datepicker-year[size=big],
.datepicker[size=big],
.eljur-for-checkbox-slider[size=big],
.is-eljur-date[size=big],
.is-eljur-dateyear[size=big],
.is-input-number[size=big],
.mock-component[size=big],
ej-color[size=big],
ej-colorpicker[size=big],
ej-datepicker[size=big],
ej-input-number[size=big],
ej-select[size=big],
ej-switcher[size=big],
select[size=big] {
    min-height: 40px
}

ej-slider {
    height: 17px
}

.datepicker,
.datepicker-year,
.is-eljur-date,
.is-eljur-dateyear,
.is-input-number {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f7f6f5;
    border: 1px solid #dddcdb;
    border-radius: 4px;
    color: #757473;
    display: inline-block;
    margin: 0;
    padding: 0 4px;
    vertical-align: top
}

.eljur-for-checkbox-slider {
    max-width: 64px
}

.is-eljur-select,
.is-eljur-select-hover,
.is-eljur-select-hover-href {
    width: 170px
}

.datepicker {
    min-width: 10ch
}

.page-empty,
.page-error,
.page-loading {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: #757473;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    padding: 24px 16px;
    text-align: center;
    text-shadow: none;
    user-select: none
}

.page-empty--small,
.page-error--small,
.page-loading--small {
    font-size: 14px;
    line-height: 20px
}

.page-empty--big,
.page-error--big,
.page-loading--big {
    font-size: 24px;
    line-height: 32px
}

.page-loading {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 300px
}

.page-loading:before {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23757473'%3E%3Cpath d='M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 16px;
    margin-left: -26px;
    margin-right: 8px;
    vertical-align: text-bottom;
    width: 18px
}

.page-error {
    color: #d8443a
}

.page-error__title {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 20px
}

.page-error__description {
    color: #757473;
    font-size: 14px;
    line-height: 20px;
    margin: 20px
}

.page-title {
    color: #242322;
    display: block;
    font-size: 18px;
    font-weight: 550;
    letter-spacing: -.01em;
    line-height: 32px;
    margin: 0 0 16px
}

.page-title--small {
    font-size: 17px;
    letter-spacing: -.02em
}

.page-title--big {
    font-size: 24px;
    font-weight: 650;
    letter-spacing: -.02em;
    line-height: 32px
}

.page-actions,
.page-title {
    display: block
}

.page-actions .button,
.page-actions .buttons-group,
.page-actions .ej-datepicker,
.page-actions .ej-select,
.page-actions .field,
.page-actions .select,
.page-actions ej-datepicker,
.page-actions ej-select,
.page-title .button,
.page-title .buttons-group,
.page-title .ej-datepicker,
.page-title .ej-select,
.page-title .field,
.page-title .select,
.page-title ej-datepicker,
.page-title ej-select {
    display: inline-block;
    vertical-align: top
}

.page-actions .button--small,
.page-actions .ej-datepicker--small,
.page-actions .ej-select--small,
.page-actions .field--small,
.page-actions .select--small,
.page-title .button--small,
.page-title .ej-datepicker--small,
.page-title .ej-select--small,
.page-title .field--small,
.page-title .select--small {
    margin-top: 4px
}

.page-actions {
    text-align: right
}

.page-description {
    clear: both;
    color: #908f8e;
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 16px
}

.page-preheader {
    color: #757473;
    font-size: 11px;
    height: 1em;
    line-height: 1em;
    margin-top: -1em;
    position: absolute
}

.page-preheader .fa,
.page-preheader .fab,
.page-preheader .fal,
.page-preheader .far,
.page-preheader .fas {
    color: #908f8e;
    font-size: .8em;
    margin-left: -12px;
    text-align: center;
    vertical-align: top;
    width: 12px
}

.page-preheader .fa:before,
.page-preheader .fab:before,
.page-preheader .fal:before,
.page-preheader .far:before,
.page-preheader .fas:before {
    line-height: 1.25em
}

.section-title {
    color: #464543;
    margin: 0 0 12px
}

.page-print {
    display: -webkit-box;
    display: flex;
    font-size: 1em;
    line-height: 1.4em;
    list-style-type: none;
    margin: 24px 0 0;
    padding: 0
}

.page-print>* {
    font-size: 1em;
    margin: 0 4px
}

.page-print>:first-child {
    margin-left: 0
}

.page-print>:last-child {
    margin-right: 0
}

.page-print>sub {
    font-size: .75em;
    font-weight: 400;
    line-height: 1.85em
}

.page-print .small {
    font-size: 1em
}

.page-print__item {
    display: block;
    font-size: 14px;
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.page-print__item .page-print-link {
    margin-right: 0;
    max-width: none;
    text-overflow: clip;
    white-space: nowrap
}

.page-print__item+.page-print__item {
    margin-left: 16px
}

.page-print form {
    -webkit-box-flex: 0;
    flex: 0 1 100%
}

.page-print-link,
.page-print__item a {
    -webkit-text-decoration-color: rgba(12, 119, 195, .33);
    -webkit-transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, -webkit-text-decoration-color 37.5ms ease-in-out;
    color: #0c77c3;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    max-width: 220px;
    overflow: hidden;
    padding: 0;
    text-decoration: underline;
    text-decoration-color: rgba(12, 119, 195, .33);
    text-decoration-thickness: 1px;
    text-overflow: ellipsis;
    text-underline-offset: .45ex;
    transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, -webkit-text-decoration-color 37.5ms ease-in-out;
    transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, text-decoration-color 37.5ms ease-in-out;
    transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, text-decoration-color 37.5ms ease-in-out, -webkit-text-decoration-color 37.5ms ease-in-out;
    vertical-align: top;
    white-space: nowrap
}

.page-print-link:focus,
.page-print__item a:focus {
    -webkit-text-decoration-color: #0c77c3;
    text-decoration-color: #0c77c3
}

.page-print-link:hover,
.page-print__item a:hover {
    -webkit-text-decoration-color: #2485c9;
    color: #2485c9;
    text-decoration-color: #2485c9
}

.page-print-link:active,
.page-print__item a:active {
    -webkit-text-decoration-color: #d8443a;
    color: #d8443a;
    text-decoration-color: #d8443a
}

.page-print-link__icon {
    display: inline-block;
    max-height: 1em;
    vertical-align: middle
}

.layout {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 100vh;
    min-width: 980px;
    width: 100%
}

@supports (-webkit-touch-callout:none) {
    .layout {
        min-height: -webkit-fill-available
    }
}

.layout-base {
    -webkit-box-flex: 1;
    flex-grow: 1
}

.layout-main {
    background-color: #fff;
    border-top: 1px solid #dddcdb
}

.layout-content,
.navigation-tabs__inner,
.navigation-top__inner,
.server-alert-ksk__inner {
    margin: 0 auto;
    max-width: 1348px;
    min-width: 980px;
    padding: 0 24px;
    width: 100%
}

.layout-content--header {
    padding-bottom: 20px;
    padding-top: 20px
}

.layout-content--main {
    padding-bottom: 24px;
    padding-top: 24px
}

.layout-inner {
    display: -webkit-box;
    display: flex
}

@supports (display:grid) {
    .layout-inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto
    }
}

.layout-inner__content {
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0
}

.layout-inner__aside {
    -webkit-box-flex: 0;
    flex: none;
    padding-left: 32px;
    width: 332px
}

.layout-fixed {
    width: 920px
}

.layout-fixed--center {
    margin: 0 auto
}

.navigation-header .header {
    -webkit-box-align: end;
    -webkit-box-pack: justify;
    align-items: flex-end;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px
}

.navigation-header .spacer {
    height: 24px
}

.navigation-header nav:last-child .menu2:last-child,
.navigation-header nav:last-child .navigation-main:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.navigation-top {
    background: #242322;
    box-shadow: none;
    font-size: 12px;
    height: 34px;
    line-height: 20px;
    width: 100%
}

.navigation-top__inner {
    -webkit-box-pack: justify;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-between;
    position: relative
}

.navigation-top__left,
.navigation-top__right {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    height: 100%;
    width: 50%
}

.navigation-top__left {
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-left: -8px
}

.navigation-top__right {
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-right: -8px
}

.body--branding .navigation-top,
.body--fixed .navigation-top {
    -webkit-transform: translateZ(0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .33);
    left: 0;
    position: fixed;
    top: 0;
    transform: translateZ(0);
    z-index: 101
}

.body--branding .navigation-top-fake,
.body--fixed .navigation-top-fake {
    height: 34px
}

.body--branding .table_header_fixed,
.body--fixed .table_header_fixed {
    top: 34px
}

.navigation-top-separator {
    border-right: 1px solid #5b5a58;
    height: calc(100% - 4px)
}

.navigation-top-item {
    -webkit-box-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    align-items: center;
    background: transparent;
    border: 2px solid transparent;
    border-left: none;
    border-right: none;
    color: #abaaa8;
    display: -webkit-box;
    display: flex;
    font-size: inherit;
    font-weight: 400;
    gap: 4px;
    height: 100%;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 0 8px;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    user-select: none;
    white-space: nowrap;
    width: auto
}

.navigation-top-item.with-context--open,
.navigation-top-item:hover {
    background-color: #353432;
    color: #fff
}

.navigation-top-item__label {
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.navigation-top-item__counter {
    -webkit-box-pack: center;
    background: #d52728;
    border-radius: 99999px;
    font-size: 10px;
    font-weight: 700;
    justify-content: center;
    min-width: 14px;
    position: absolute;
    right: 2px;
    top: 2px
}

.navigation-top-item__badge,
.navigation-top-item__counter {
    -webkit-box-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-inline-box;
    display: inline-flex;
    height: 14px;
    line-height: 1;
    padding: 0 4px
}

.navigation-top-item__badge {
    background-color: #0c77c3;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 400
}

.navigation-top-item--context {
    text-overflow: clip
}

.navigation-top-item--context:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23abaaa8'%3E%3Cpath d='M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 8px;
    width: 12px
}

.navigation-top-item--icon {
    overflow: visible
}

.navigation-top-item--icon .fa,
.navigation-top-item--icon .fab,
.navigation-top-item--icon .fal,
.navigation-top-item--icon .far,
.navigation-top-item--icon .fas {
    display: block;
    font-size: 20px;
    line-height: 1
}

.navigation-top-item--icon .fa:before,
.navigation-top-item--icon .fab:before,
.navigation-top-item--icon .fal:before,
.navigation-top-item--icon .far:before,
.navigation-top-item--icon .fas:before {
    font-size: inherit;
    line-height: inherit
}

.navigation-top-item--important {
    border-bottom-color: #ef9b00
}

.navigation-top-item--important2 {
    border-bottom-color: #70f
}

.navigation-top-item--warning {
    border-bottom-color: #d8443a
}

.navigation-top-item--fluid {
    max-width: none
}

.navigation-top-item--active {
    background-color: #442926;
    border-bottom-color: transparent;
    border-top-color: #d8443a;
    color: #fff;
    cursor: pointer
}

.navigation-top-item--active.with-context--open,
.navigation-top-item--active:hover {
    background-color: #3f2825
}

.navigation-main {
    background-color: #242322;
    border: 1px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: -webkit-box;
    display: flex;
    height: 38px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
    z-index: 10
}

.navigation-main--scrollable {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none
}

.navigation-main--scrollable::-webkit-scrollbar {
    display: none
}

.navigation-main--scrollable>* {
    scroll-snap-align: center
}

.navigation-main--scrollable>:first-child {
    scroll-snap-align: start
}

.navigation-main--scrollable>:last-child {
    scroll-snap-align: end
}

.navigation-main a {
    text-decoration: none
}

.navigation-main__item {
    position: relative
}

.navigation-main__home,
.navigation-main__item,
.navigation-main__selector {
    -webkit-box-align: center;
    -webkit-transition: color .1s ease-in-out;
    align-items: center;
    color: #dddcdb;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    font-size: 18px;
    height: 100%;
    padding: 0 16px;
    text-decoration: none;
    transition: color .1s ease-in-out;
    white-space: nowrap
}

.navigation-main__home:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    content: "\f015";
    display: inline-block;
    font-family: font awesome solid;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    vertical-align: initial
}

.navigation-main__home,
.navigation-main__item {
    color: #dddcdb
}

.navigation-main__home:hover,
.navigation-main__item:hover {
    background-color: #353432;
    color: #dddcdb
}

.navigation-main__home.active,
.navigation-main__item.active {
    background-color: #353432
}

.navigation-main__home.active span,
.navigation-main__item.active span {
    white-space: pre
}

.navigation-main__selector .navigation-main__item {
    font-weight: 600;
    padding: 0
}

.navigation-main__selector .navigation-main__item:hover {
    background-color: transparent
}

.navigation-main__selector-triangle {
    -webkit-transition: color .1s ease-in-out;
    display: inline-block;
    padding: 0 .5ch;
    transition: color .1s ease-in-out
}

.navigation-main__selector-triangle:hover {
    color: #dddcdb
}

.navigation-main__selector-triangle:after {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    content: "\f078";
    display: inline-block;
    font-family: font awesome solid;
    font-size: .9em;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    vertical-align: initial
}

.navigation-main__counter {
    background: #d52728;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 400!important;
    height: 16px;
    line-height: 15px;
    min-width: 16px;
    padding: 0 4px;
    position: absolute;
    right: 2px;
    text-align: center;
    top: 4px
}

.menu0 {
    display: -webkit-box;
    display: flex;
    gap: 24px
}

.menu0-item {
    cursor: pointer;
    display: block;
    margin-bottom: -20px;
    padding-bottom: 20px;
    position: relative;
    text-decoration: none
}

.menu0-item__title {
    -webkit-transition: color .1s ease;
    color: #757473;
    text-align: center;
    text-decoration: none;
    transition: color .1s ease;
    white-space: nowrap
}

.menu0-item:hover .menu0-item__title {
    color: #0c77c3
}

.menu0-item__triangle {
    border-color: transparent transparent currentcolor;
    border-style: solid;
    border-width: 0 8px 8px;
    bottom: 0;
    color: #242322;
    display: none;
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0;
    z-index: 11
}

.menu0-item__icon {
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    width: 24px
}

.menu0-item__icon--app {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23464543'%3E%3Cpath d='M0 96C0 43 43 0 96 0h96v190.7c0 13.4 15.5 20.9 26 12.5l54-43.2 54 43.2c10.5 8.4 26 .9 26-12.5V0h64c17.7 0 32 14.3 32 32v320c0 17.7-14.3 32-32 32v64c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-53 0-96-43-96-96V96zm64 320c0 17.7 14.3 32 32 32h256v-64H96c-17.7 0-32 14.3-32 32z'/%3E%3C/svg%3E")
}

.menu0-item__icon--app.menu0-item__icon--active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%230c77c3'%3E%3Cpath d='M0 96C0 43 43 0 96 0h96v190.7c0 13.4 15.5 20.9 26 12.5l54-43.2 54 43.2c10.5 8.4 26 .9 26-12.5V0h64c17.7 0 32 14.3 32 32v320c0 17.7-14.3 32-32 32v64c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-53 0-96-43-96-96V96zm64 320c0 17.7 14.3 32 32 32h256v-64H96c-17.7 0-32 14.3-32 32z'/%3E%3C/svg%3E")
}

.menu0-item__icon--portfolio {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' fill='%23464543'%3E%3Cpath d='M304 240V16.6c0-9 7-16.6 16-16.6 123.7 0 224 100.3 224 224 0 9-7.6 16-16.6 16H304zM32 272c0-121.3 90.1-221.7 207-237.7 9.2-1.3 17 6.1 17 15.4V288l156.5 156.5c6.7 6.7 6.2 17.7-1.5 23.1-39.2 28-87.2 44.4-139 44.4-132.5 0-240-107.4-240-240zm526.4 16c9.3 0 16.6 7.8 15.4 17-7.7 55.9-34.6 105.6-73.9 142.3-6 5.6-15.4 5.2-21.2-.7L320 288h238.4z'/%3E%3C/svg%3E")
}

.menu0-item__icon--portfolio.menu0-item__icon--active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' fill='%230c77c3'%3E%3Cpath d='M304 240V16.6c0-9 7-16.6 16-16.6 123.7 0 224 100.3 224 224 0 9-7.6 16-16.6 16H304zM32 272c0-121.3 90.1-221.7 207-237.7 9.2-1.3 17 6.1 17 15.4V288l156.5 156.5c6.7 6.7 6.2 17.7-1.5 23.1-39.2 28-87.2 44.4-139 44.4-132.5 0-240-107.4-240-240zm526.4 16c9.3 0 16.6 7.8 15.4 17-7.7 55.9-34.6 105.6-73.9 142.3-6 5.6-15.4 5.2-21.2-.7L320 288h238.4z'/%3E%3C/svg%3E")
}

.menu0-item__icon--schedule {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23464543'%3E%3Cpath d='M224 0c-17.7 0-32 14.3-32 32v19.2C119 66 64 130.6 64 208v18.8c0 47-17.3 92.4-48.5 127.6l-7.4 8.3c-8.4 9.4-10.4 22.9-5.3 34.4S19.4 416 32 416h384c12.6 0 24-7.4 29.2-18.9s3.1-25-5.3-34.4l-7.4-8.3c-31.2-35.2-48.5-80.5-48.5-127.6V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3 493.3c12-12 18.7-28.3 18.7-45.3H160c0 17 6.7 33.3 18.7 45.3S207 512 224 512s33.3-6.7 45.3-18.7z'/%3E%3C/svg%3E")
}

.menu0-item__icon--schedule.menu0-item__icon--active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%230c77c3'%3E%3Cpath d='M224 0c-17.7 0-32 14.3-32 32v19.2C119 66 64 130.6 64 208v18.8c0 47-17.3 92.4-48.5 127.6l-7.4 8.3c-8.4 9.4-10.4 22.9-5.3 34.4S19.4 416 32 416h384c12.6 0 24-7.4 29.2-18.9s3.1-25-5.3-34.4l-7.4-8.3c-31.2-35.2-48.5-80.5-48.5-127.6V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3 493.3c12-12 18.7-28.3 18.7-45.3H160c0 17 6.7 33.3 18.7 45.3S207 512 224 512s33.3-6.7 45.3-18.7z'/%3E%3C/svg%3E")
}

.menu0-item__icon--arm {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23464543'%3E%3Cpath d='M0 96C0 43 43 0 96 0h320c17.7 0 32 14.3 32 32v320c0 17.7-14.3 32-32 32v64c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-53 0-96-43-96-96V96zm64 320c0 17.7 14.3 32 32 32h256v-64H96c-17.7 0-32 14.3-32 32zm240-288a64 64 0 1 0-128 0 64 64 0 1 0 128 0zM128 304c0 8.8 7.2 16 16 16h192c8.8 0 16-7.2 16-16 0-44.2-35.8-80-80-80h-64c-44.2 0-80 35.8-80 80z'/%3E%3C/svg%3E")
}

.menu0-item__icon--arm.menu0-item__icon--active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%230c77c3'%3E%3Cpath d='M0 96C0 43 43 0 96 0h320c17.7 0 32 14.3 32 32v320c0 17.7-14.3 32-32 32v64c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-53 0-96-43-96-96V96zm64 320c0 17.7 14.3 32 32 32h256v-64H96c-17.7 0-32 14.3-32 32zm240-288a64 64 0 1 0-128 0 64 64 0 1 0 128 0zM128 304c0 8.8 7.2 16 16 16h192c8.8 0 16-7.2 16-16 0-44.2-35.8-80-80-80h-64c-44.2 0-80 35.8-80 80z'/%3E%3C/svg%3E")
}

.menu0-item__icon--librarian-arm {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23464543'%3E%3Cpath d='M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z'/%3E%3C/svg%3E")
}

.menu0-item__icon--librarian-arm.menu0-item__icon--active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%230c77c3'%3E%3Cpath d='M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z'/%3E%3C/svg%3E")
}

.menu0-item__icon--tests {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' fill='%23464543'%3E%3Cpath d='M64 0C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zm192 0v128h128L256 0zm49 281L177 409c-9.4 9.4-24.6 9.4-33.9 0L79 345c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L271 247c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E")
}

.menu0-item__icon--tests.menu0-item__icon--active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' fill='%230c77c3'%3E%3Cpath d='M64 0C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zm192 0v128h128L256 0zm49 281L177 409c-9.4 9.4-24.6 9.4-33.9 0L79 345c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L271 247c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E")
}

.menu0-item__icon--profile {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23464543'%3E%3Cpath d='M224 256a128 128 0 1 0 0-256 128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3 0 498.7 13.3 512 29.7 512h388.6c16.4 0 29.7-13.3 29.7-29.7 0-98.5-79.8-178.3-178.3-178.3h-91.4z'/%3E%3C/svg%3E")
}

.menu0-item__icon--profile.menu0-item__icon--active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%230c77c3'%3E%3Cpath d='M224 256a128 128 0 1 0 0-256 128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3 0 498.7 13.3 512 29.7 512h388.6c16.4 0 29.7-13.3 29.7-29.7 0-98.5-79.8-178.3-178.3-178.3h-91.4z'/%3E%3C/svg%3E")
}

.menu0-item__icon--moodle {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1214 829' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1019.49 828.45v-381.1c0-79.673-32.907-119.513-98.72-119.52-65.813-.007-98.737 39.833-98.77 119.52v381.1H628v-381.1c0-79.673-32.333-119.513-97-119.52-65.833 0-98.737 39.84-98.71 119.52v381.1h-194V424.86c0-83.153 28.87-146.083 86.61-188.79 50.82-38.12 119.53-57.19 206.13-57.21 87.787 0 152.453 22.523 194 67.57 35.787-45.047 101.04-67.57 195.76-67.57 86.61 0 155.31 19.07 206.11 57.21 57.73 42.667 86.6 105.597 86.61 188.79v403.59h-194.02Z' fill='%23F27F22'/%3E%3Cpath d='M615.09 149.52 807.81 8.82l-2.48-8.6C457.69 42.74 299.49 72.95 0 246.55l2.77 7.9 23.82.22c-2.21 24-6 83.24-1.12 172.33-33.24 96.18-.85 161.52 29.56 232.56 4.8-74 4.3-154.91-18.4-235.46-4.72-88.47-.82-146.68 1.31-169.32l198.55 1.9s-1.31 60 5.88 116.41c177.43 62.34 355.85-.22 450.51-153.9-26.22-29.47-77.79-69.67-77.79-69.67Z' fill='%23333'/%3E%3C/svg%3E")
}

.menu0-item__icon--osh {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='4.5' stroke='%23EA335F' stroke-width='3'/%3E%3Ccircle cx='12' cy='12' r='10.5' stroke='%234311C3' stroke-width='3'/%3E%3C/svg%3E")
}

.menu0-item__icon--getchat {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' width='16' height='3.692' rx='.615' fill='%23E86949'/%3E%3Crect x='6.654' y='6.769' width='17.231' height='3.692' rx='.615' fill='%236DD1C0'/%3E%3Crect x='.5' y='13.539' width='19.692' height='3.692' rx='.615' fill='%23F8D349'/%3E%3Crect x='.5' y='20.308' width='11.692' height='3.692' rx='.615' fill='%2363BD68'/%3E%3C/svg%3E")
}

.menu0-item__icon--vk_chats {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76'%3E%3Cpath fill='%2307F' d='M0 36.131C0 19.1 0 10.583 5.291 5.291 10.583 0 19.1 0 36.131 0h3.738C56.9 0 65.417 0 70.709 5.291 76 10.583 76 19.1 76 36.131v3.738c0 17.032 0 25.548-5.291 30.84C65.417 76 56.9 76 39.869 76H36.13c-17.032 0-25.548 0-30.84-5.291C0 65.417 0 56.9 0 39.869V36.13Z'/%3E%3Cpath fill='%2300EAFF' fill-rule='evenodd' d='M11.558 1.657A38.64 38.64 0 0 0 8.55 16.654c0 20.014 15.17 36.485 34.638 38.543v11.305c13.44-2.187 25.106-9.656 32.8-20.208C76 44.298 76 42.161 76 39.87v-3.74c0-17.032 0-25.548-5.291-30.84C65.418 0 56.9 0 39.869 0H36.13C24.566 0 16.927 0 11.558 1.657Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M31.703 22.331a5.876 5.876 0 1 1-11.753 0 5.876 5.876 0 0 1 11.753 0Zm17.628 0a5.876 5.876 0 1 1-11.752 0 5.876 5.876 0 0 1 11.752 0Zm17.63 0a5.876 5.876 0 1 1-11.752 0 5.876 5.876 0 0 1 11.752 0Z'/%3E%3C/svg%3E")
}

.menu0-item__icon--handbook-nschool {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23464543'%3E%3Cpath d='M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z'/%3E%3C/svg%3E")
}

.menu0-item__icon--handbook-nschool.menu0-item__icon--active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%230c77c3'%3E%3Cpath d='M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z'/%3E%3C/svg%3E")
}

.menu0-item__icon--preschool-meals {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23464543'%3E%3Cpath d='M4.502 12h3.441l-4.08-4.078a.375.375 0 0 1 0-.53l.531-.53a.375.375 0 0 1 .53 0l4.831 4.827V4.875a.375.375 0 0 1 .375-.375h.75a.375.375 0 0 1 .376.375V12h2.464a5.932 5.932 0 0 1-.213-1.5 6.005 6.005 0 0 1 6.003-6c.124 0 .24.03.362.037A4.474 4.474 0 0 0 16.508 3c-.399.006-.796.065-1.18.176a5.248 5.248 0 0 0-7.71-2.31 5.248 5.248 0 0 0-1.936 2.31A4.457 4.457 0 0 0 4.502 3 4.504 4.504 0 0 0 0 7.5 4.499 4.499 0 0 0 4.502 12Zm10.506-1.5a4.45 4.45 0 0 0 .275 1.5h7.94c.167 0 .333.02.496.058a4.491 4.491 0 0 0-3.423-5.988 4.499 4.499 0 0 0-5.288 4.43Zm8.215 3H.758c-.43 0-.793.362-.755.79.31 3.58 2.73 6.533 6 7.68v.53a1.5 1.5 0 0 0 1.5 1.5h9.005a1.501 1.501 0 0 0 1.501-1.5v-.54c3.255-1.154 5.659-4.1 5.969-7.67.037-.428-.326-.79-.755-.79Z'/%3E%3C/svg%3E")
}

.menu0-item__icon--preschool-meals.menu0-item__icon--active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%230c77c3'%3E%3Cpath d='M4.502 12h3.441l-4.08-4.078a.375.375 0 0 1 0-.53l.531-.53a.375.375 0 0 1 .53 0l4.831 4.827V4.875a.375.375 0 0 1 .375-.375h.75a.375.375 0 0 1 .376.375V12h2.464a5.932 5.932 0 0 1-.213-1.5 6.005 6.005 0 0 1 6.003-6c.124 0 .24.03.362.037A4.474 4.474 0 0 0 16.508 3c-.399.006-.796.065-1.18.176a5.248 5.248 0 0 0-7.71-2.31 5.248 5.248 0 0 0-1.936 2.31A4.457 4.457 0 0 0 4.502 3 4.504 4.504 0 0 0 0 7.5 4.499 4.499 0 0 0 4.502 12Zm10.506-1.5a4.45 4.45 0 0 0 .275 1.5h7.94c.167 0 .333.02.496.058a4.491 4.491 0 0 0-3.423-5.988 4.499 4.499 0 0 0-5.288 4.43Zm8.215 3H.758c-.43 0-.793.362-.755.79.31 3.58 2.73 6.533 6 7.68v.53a1.5 1.5 0 0 0 1.5 1.5h9.005a1.501 1.501 0 0 0 1.501-1.5v-.54c3.255-1.154 5.659-4.1 5.969-7.67.037-.428-.326-.79-.755-.79Z'/%3E%3C/svg%3E")
}

.menu0-item__icon--preschool-attendance {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23464543'%3E%3Cpath d='M96 32v32H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48h-48V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v32H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zm352 160H0v272c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192z'/%3E%3C/svg%3E")
}

.menu0-item__icon--preschool-attendance.menu0-item__icon--active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%230c77c3'%3E%3Cpath d='M96 32v32H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48h-48V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v32H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zm352 160H0v272c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192z'/%3E%3C/svg%3E")
}

.menu0-item__icon--preschool-pay {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' fill='%23464543'%3E%3Cpath d='M0 96c0-35.3 28.7-64 64-64h448c35.3 0 64 28.7 64 64v320c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zm112 192c-8.8 0-16 7.2-16 16s7.2 16 16 16h352c8.8 0 16-7.2 16-16s-7.2-16-16-16H112zm-16 80c0 8.8 7.2 16 16 16h64c8.8 0 16-7.2 16-16s-7.2-16-16-16h-64c-8.8 0-16 7.2-16 16zm128 0c0 8.8 7.2 16 16 16h128c8.8 0 16-7.2 16-16s-7.2-16-16-16H240c-8.8 0-16 7.2-16 16zM408 96c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h80c13.3 0 24-10.7 24-24v-48c0-13.3-10.7-24-24-24h-80z'/%3E%3C/svg%3E")
}

.menu0-item__icon--preschool-pay.menu0-item__icon--active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' fill='%230c77c3'%3E%3Cpath d='M0 96c0-35.3 28.7-64 64-64h448c35.3 0 64 28.7 64 64v320c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zm112 192c-8.8 0-16 7.2-16 16s7.2 16 16 16h352c8.8 0 16-7.2 16-16s-7.2-16-16-16H112zm-16 80c0 8.8 7.2 16 16 16h64c8.8 0 16-7.2 16-16s-7.2-16-16-16h-64c-8.8 0-16 7.2-16 16zm128 0c0 8.8 7.2 16 16 16h128c8.8 0 16-7.2 16-16s-7.2-16-16-16H240c-8.8 0-16 7.2-16 16zM408 96c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h80c13.3 0 24-10.7 24-24v-48c0-13.3-10.7-24-24-24h-80z'/%3E%3C/svg%3E")
}

.menu0-item__icon--preschool-schedule {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23464543'%3E%3Cpath d='M224 0c-17.7 0-32 14.3-32 32v19.2C119 66 64 130.6 64 208v18.8c0 47-17.3 92.4-48.5 127.6l-7.4 8.3c-8.4 9.4-10.4 22.9-5.3 34.4S19.4 416 32 416h384c12.6 0 24-7.4 29.2-18.9s3.1-25-5.3-34.4l-7.4-8.3c-31.2-35.2-48.5-80.5-48.5-127.6V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3 493.3c12-12 18.7-28.3 18.7-45.3H160c0 17 6.7 33.3 18.7 45.3S207 512 224 512s33.3-6.7 45.3-18.7z'/%3E%3C/svg%3E")
}

.menu0-item__icon--preschool-schedule.menu0-item__icon--active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%230c77c3'%3E%3Cpath d='M224 0c-17.7 0-32 14.3-32 32v19.2C119 66 64 130.6 64 208v18.8c0 47-17.3 92.4-48.5 127.6l-7.4 8.3c-8.4 9.4-10.4 22.9-5.3 34.4S19.4 416 32 416h384c12.6 0 24-7.4 29.2-18.9s3.1-25-5.3-34.4l-7.4-8.3c-31.2-35.2-48.5-80.5-48.5-127.6V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3 493.3c12-12 18.7-28.3 18.7-45.3H160c0 17 6.7 33.3 18.7 45.3S207 512 224 512s33.3-6.7 45.3-18.7z'/%3E%3C/svg%3E")
}

.menu0-item--active .menu0-item__triangle {
    display: block
}

.menu0-item--active .menu0-item__title {
    color: #0c77c3
}

.menu2 {
    -webkit-box-pack: stretch;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .33);
    display: -webkit-box;
    display: flex;
    justify-content: stretch;
    margin: 0;
    padding: 0
}

.menu2,
.menu2>table {
    min-height: 48px
}

.menu2__class {
    font-size: 28px;
    line-height: 32px
}

.menu2__student {
    font-size: 20px;
    line-height: 24px
}

.menu2 .left,
.menu2__left {
    border-right: 1px solid #ccccca;
    color: #464543;
    max-width: 17%;
    min-width: 90px;
    padding: 12px;
    text-align: left
}

.menu2 .left h1,
.menu2__left h1 {
    font-weight: 600
}

.menu2 .left .hr,
.menu2 .left .section-title,
.menu2 .left h1,
.menu2 .left h2,
.menu2 .left h3,
.menu2 .left h4,
.menu2__left .hr,
.menu2__left .section-title,
.menu2__left h1,
.menu2__left h2,
.menu2__left h3,
.menu2__left h4 {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.menu2 .left .button,
.menu2__left .button {
    margin-left: 0;
    margin-right: 0
}

.menu2 .left ej-select+div>a:not(.hide),
.menu2__left ej-select+div>a:not(.hide) {
    margin-top: .5rem
}

.menu2 .left_min {
    width: 67px
}

.menu2 .center,
.menu2__center {
    padding: 12px;
    text-align: left
}

.menu2 .center a.green,
.menu2__center a.green {
    color: green
}

.menu2__center {
    -webkit-box-flex: 0;
    flex: 0 1 auto
}

.menu2 .right,
.menu2__right {
    padding: 12px;
    text-align: right;
    white-space: nowrap
}

.menu2 .separator {
    color: #dddcdb
}

.menu2 .tdhr {
    background: transparent;
    height: 5px
}

.menu2 span.ej-chip {
    display: block;
    float: none;
    margin: 0;
    padding: 5px 0 3px 3px;
    text-align: left
}

.menu2 span.label-nofloat {
    float: none
}

.menu2 .choose_classes_single .left .section-title,
.menu2 .choose_classes_single .left h3 {
    line-height: 20px;
    margin-bottom: 5px;
    white-space: normal
}

.menu2__smalldate {
    color: #464543;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-align: left
}

.menu2+.menu2,
nav+nav .menu2 {
    border-top: 1px solid #ccccca
}

.navigation-tabs {
    margin: 0;
    text-shadow: none
}

.navigation-tabs a,
.navigation-tabs a:hover {
    text-decoration: none
}

.navigation-tabs .select {
    -moz-text-align-last: center;
    font-size: 16px;
    text-align: center;
    text-align-last: center
}

.navigation-tabs__icon,
.navigation-tabs__items>.navigation-tabs__items__icon {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background: transparent;
    border: 0;
    display: block;
    height: 40px;
    line-height: 18px;
    margin: 0;
    padding: 8px 16px 8px 0;
    user-select: none
}

.navigation-tabs__icon>a {
    margin: 0 18px 0 0
}

.navigation-tabs__element,
.navigation-tabs__item,
.navigation-tabs__more,
.navigation-tabs__period,
.navigation-tabs__students {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 40px;
    margin: 0;
    outline: none;
    padding: 0 16px;
    user-select: none
}

.navigation-tabs__element.hide,
.navigation-tabs__item.hide,
.navigation-tabs__more.hide {
    display: none
}

.navigation-tabs__item,
.navigation-tabs__more {
    border: solid transparent;
    border-radius: 4px 4px 0 0;
    border-width: 1px 1px 0;
    color: #0c77c3;
    flex-shrink: 0;
    margin-right: 1px;
    text-decoration: none;
    white-space: nowrap
}

.navigation-tabs__item:focus,
.navigation-tabs__item:hover,
.navigation-tabs__more:focus,
.navigation-tabs__more:hover {
    border-color: rgba(12, 119, 195, .25);
    text-decoration: none
}

.navigation-tabs__item:active,
.navigation-tabs__more:active {
    border-color: rgba(12, 119, 195, .5);
    color: #0c77c3
}

.navigation-tabs__item.hide,
.navigation-tabs__item.mobile_only,
.navigation-tabs__more.hide,
.navigation-tabs__more.mobile_only {
    display: none
}

.navigation-tabs__item.active {
    height: 40px;
    position: relative
}

.navigation-tabs__item.active,
.navigation-tabs__item.active:active {
    background: #fff;
    border-color: #dddcdb;
    color: #242322
}

.navigation-tabs__more {
    color: #0c77c3;
    font-size: 22px;
    height: 40px
}

.navigation-tabs__more.hide {
    display: none
}

.navigation-tabs__inner {
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    height: 39px
}

.navigation-tabs__items {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    height: 40px
}

.navigation-tabs__items>.navigation-tabs__items__icon.hide {
    display: none
}

.navigation-tabs-label {
    display: block;
    font-size: 14px;
    padding: 0 4px
}

.navigation-tabs__period,
.navigation-tabs__students {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex
}

.navigation-tabs__period .select,
.navigation-tabs__period ej-select,
.navigation-tabs__students .select,
.navigation-tabs__students ej-select {
    vertical-align: baseline
}

.navigation-tabs__period {
    -webkit-box-flex: 0;
    cursor: default;
    flex: 0 1 auto;
    padding-right: 0;
    text-align: right;
    white-space: nowrap
}

.navigation-tabs__period>a {
    -webkit-transition: opacity .15s ease-in-out;
    color: #0c77c3;
    cursor: pointer;
    padding: 4px;
    text-decoration: none;
    transition: opacity .15s ease-in-out
}

.navigation-tabs__period>a:hover {
    opacity: .5
}

.navigation-tabs__period ej-datepicker {
    margin-top: -3px
}

.navigation-tabs__period>:last-child {
    padding-right: 0
}

.m-navigation {
    display: none
}

.m-panel {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: stretch;
    background-color: #464543;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .19);
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    height: 48px;
    justify-content: stretch;
    line-height: 48px;
    padding-left: 16px;
    padding-right: 16px
}

@supports (padding:env(safe-area-inset-left)) {
    .m-panel {
        padding-left: calc(env(safe-area-inset-left) + 16px);
        padding-right: calc(env(safe-area-inset-right) + 16px)
    }
}

.m-panel-fake {
    display: block;
    height: 48px
}

.m-panel__flag {
    background-color: #d52728;
    background-color: var(--flag-bg-color);
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 250px;
    z-index: 1
}

.m-panel__flag:after,
.m-panel__flag:before {
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    left: 100%;
    margin-left: -1px;
    position: absolute;
    width: 0;
    z-index: 1
}

.m-panel__flag:before {
    border-color: #d52728 transparent transparent;
    border-color: var(--flag-bg-color) transparent transparent transparent;
    border-width: 26.67px 10px 0 0;
    top: 0
}

.m-panel__flag:after {
    border-color: transparent transparent transparent #d52728;
    border-color: transparent transparent transparent var(--flag-bg-color);
    border-width: 26.67px 0 0 10px;
    bottom: 0
}

.m-panel__title {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    flex-basis: 0;
    overflow: hidden;
    position: relative;
    width: auto;
    z-index: 2
}

.m-panel__title .m-logo {
    max-width: calc(100vw - 216px)
}

.m-panel__title .m-logo--wide {
    max-width: 218px
}

.m-panel__title--menu .m-logo {
    max-width: 186px
}

.m-logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    height: 48px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-decoration: none
}

.m-logo,
.m-logo:hover {
    color: #fff;
    color: var(--flag-text-color)
}

.m-logo__subtitle,
.m-logo__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-logo__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.m-logo__subtitle {
    font-size: 11px;
    font-weight: 300;
    line-height: 14px
}

.m-panel__icon {
    -webkit-box-flex: 0;
    background: transparent;
    border: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0;
    outline: none;
    padding: 0;
    position: relative;
    z-index: 2
}

.m-panel__icon,
.m-panel__icon:before {
    color: #fff;
    display: block;
    font-size: 24px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    width: 48px
}

.m-panel__icon:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    content: "\f0c9";
    display: inline-block;
    font-family: font awesome solid;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    vertical-align: initial
}

.m-panel__icon:active,
.m-panel__icon:focus {
    box-shadow: 0 0 0 3px rgba(12, 119, 195, .4);
    outline: none
}

.m-panel__icon:last-child {
    margin-right: -11px
}

.m-panel__toast {
    margin: 0 0 0 -16px;
    width: 48px
}

.m-panel__counter {
    background-color: #d52728;
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
    height: 24px;
    left: 25px;
    line-height: 24px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 24px
}

.m-menu,
.m-panel {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100
}

.m-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: stretch;
    -webkit-transform: translateX(-100%);
    -webkit-transition: background-color 75ms ease-in-out;
    background-color: transparent;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: stretch;
    pointer-events: none;
    touch-action: none;
    transform: translateX(-100%);
    transition: background-color 75ms ease-in-out
}

@supports (-webkit-touch-callout:none) {
    .m-menu {
        height: -webkit-fill-available
    }
}

@supports (display:grid) {
    .m-menu {
        display: grid;
        grid-template: "panel click" 48px "items click" minmax(0, auto) /250px minmax(0, auto)
    }
}

.m-menu__panel {
    background: transparent;
    grid-area: panel;
    position: relative
}

.m-menu__items {
    -webkit-box-flex: 99;
    -webkit-transform: translateX(-100%);
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    flex-grow: 99;
    grid-area: items;
    max-width: 250px;
    overflow-y: auto;
    padding: 12px 0 env(safe-area-inset-bottom, 16px) env(safe-area-inset-left, 0);
    scrollbar-color: #bcbbb9 transparent;
    scrollbar-width: thin;
    transform: translateX(-100%)
}

.m-menu__items:hover {
    scrollbar-color: #abaaa8 transparent
}

.m-menu__items::-webkit-scrollbar {
    height: 10px;
    width: 10px
}

.m-menu__items::-webkit-scrollbar-track {
    background: transparent
}

.m-menu__items::-webkit-scrollbar-thumb {
    background: #bcbbb9;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 5px
}

.m-menu__items::-webkit-scrollbar-thumb:hover {
    background: #abaaa8;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 5px
}

.m-menu__items::-webkit-scrollbar-button {
    display: none
}

.m-menu__items::-webkit-scrollbar-corner {
    background-color: transparent
}

@supports (display:grid) {
    .m-menu__items {
        max-width: none
    }
}

.m-menu__click {
    grid-area: click
}

.m-menu-item {
    color: #333;
    display: block;
    font-size: 18px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    padding: 0 48px;
    text-decoration: none
}

.m-menu-item--mbefore {
    margin-top: 8px
}

.m-menu-item--sub {
    font-weight: 400;
    margin-bottom: 4px
}

.m-menu-item:hover {
    background-color: transparent;
    color: #0c77c3
}

.m-menu-item.active,
.m-menu-item.active:hover,
a.m-menu-item:active,
a.m-menu-item:active:hover {
    background-color: rgba(12, 119, 195, .92);
    color: #fff
}

.m-menu-item .select {
    font-size: inherit;
    font-weight: inherit;
    height: auto;
    line-height: inherit
}

.m-menu-item__title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-menu-item__title--select {
    overflow: visible
}

.m-menu-item__icon {
    display: block;
    float: left;
    line-height: 31px;
    margin-left: -32px;
    opacity: .67;
    width: 32px
}

.m-menu-item__icon:before {
    display: block;
    text-align: center;
    width: 21.44px
}

.m-menu-item__counter {
    background-color: #d52728;
    border-radius: 12px;
    color: #fff;
    float: right;
    font-size: 13px;
    font-weight: 400;
    height: 24px;
    line-height: 23px;
    margin-right: -24px;
    margin-top: 4px;
    text-align: center;
    width: 24px
}

.m-menu-item.active .m-menu-item__counter {
    background-color: #fff;
    color: #d52728
}

.m-menu-hr {
    -webkit-box-flex: 0;
    background-color: #dddcdb;
    flex: none;
    height: 1px;
    margin: 8px 0
}

.m-menu .m-menu__items,
.m-menu .m-panel__flag {
    -webkit-transition: -webkit-transform .12s ease-in 75ms;
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
    transition: -webkit-transform .12s ease-in 75ms;
    transition: transform .12s ease-in 75ms;
    transition: transform .12s ease-in 75ms, -webkit-transform .12s ease-in 75ms
}

.m-menu--visible {
    background-color: rgba(0, 0, 0, .5);
    pointer-events: all;
    touch-action: auto
}

.m-menu--visible,
.m-menu--visible .m-menu__items,
.m-menu--visible .m-panel__flag {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.top-nav-attestat {
    color: #fff;
    display: block;
    font-size: 13px;
    left: 50%;
    margin-left: -190px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 0
}

.top-nav-attestat>a {
    background: transparent url(data:image/gif;base64,R0lGODdh9AEBAPYAAD0xMTMzM4ceH4QfIIYfIIUfIDoxMYEgIXoiIjQzM4IgIYMfIH8gIUAwMG0lJYYfH1spKlMrK0MvLzcyMngiI0YuLj8wMFgqKkotLjsxMX4hInUjI00tLXAkJUwtLX0hInYjI2kmJlcqKzgyMnEkJE4sLYAgIXwhInQjJHMjJHciIzUyMl4oKYMgIGQnKGUnJ10pKTkyMkQvL0UvL1IrLHshImEoKEstLX4hITYyMmslJlQrK0cuLmgmJ1EsLD4wMHIjJHIkJG8kJVYrK0kuLmomJmolJjwxMWYmJ2AoKE8sLHkiI1kqKkguLkIvMGwlJm4kJXoiI2MnKGUnKEEwMFIsLGEnKFoqKkEvMGkmJ2cmJ1UrK1opKl8oKFAsLE4sLGUmJ1crK1wpKmInKGIoKIgeHwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAA9AEBAAAH/4ABgoOEhYaHhQmKCSs5ORMTIzExBpUZGUcAPxYWDZ5YThISMjMzFRU8TUQYGDceHhwcJV9KPlU0ERE7W0MiIhcXTFwQEGIwLCxJNjZWYy5TL2BIPVkhRUU6Tw7bQh0dJCRBQSkoKBsbICoqFBRLCO8INScnHxoaODgM+iYmB/4KABW0WEBwwYCDBwsoJMCQ4YOHAiJKnFimosWLGDNq3Mixo8ePIEN+nEhSwMOGClMiPFiwRYuA/vyZ0KcPh70PH07UqAEvyhJ2KkCAOIciRQogQEh4EwJlmwMdRoyECNFDC5IXL1y4kELGRpIuLGDAIAbhChNgIsIM2ZGLBg0fXiyUlCgRy8ONG6yINOFxaoYMGaKcUPHUgNOPI5cqVYoxYgSkHCtWLEJEuXKhQAA7) 50% repeat-y;
    color: #eee;
    display: block;
    text-decoration: none;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .5);
    width: 380px
}

.top-nav-attestat>a,
.top-nav-attestat>a>* {
    color: #eee
}

.top-nav-attestat.green>a {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAABCAMAAAAfIKymAAABMlBMVEUiiB4xOjEkgiAkgSAjhh8jhR8jgx8zMzMihx4jhB8kfyAzNDMleiIwQDAnbSUsWykihh8meCIxOzEsUysvRi4mdSMyNzIwQy8lfiEuTS0rWConcCQwPzAvSi0mdyItUisrXigjgyAmdiMyOTIwRS8rXSkoaSYyODIwRC8mdCMkgCAmcyMyNjIuTiwyNTIkfiEpZScmcSQlfSEuTC0qZCclfCEuSy0sVyoleyEqYSgxPDEvSC4sVCsqYCgvRy4oayUoaiUoaiYtUSwpaCYtTywxQi8pZiYmciMmciQrWSonbyQwPjAsVisvSS4meSIobCUqXygtUiwpaSYtUCwsXCkpZyYtTiwrWikxQS8pZSYrWioxQTAqZScqYycqYicnbiQqYScsVysqYigmeiIxPTEsVSuvazSTAAAA9UlEQVQYGcXBPS8DAQAA0Fd3woCqj4qPhhDhGlF2RpMf4GdKTCYGu6g0PiKEiDauOA2DxN3RxcrovUKfP4RYyMVKqRtKlqutug7bz6dKqVfVbOTEZKZpLHrJi8fvoqjVdq82tG+r/qmSWsrPlhvRc1ZsTMuHD9moK5twn3symHqzeYCVTNY04Yo5l3xh9gGBrpQvXQN8+PHhH/T70e+dgq5QV8a0OwpYusXioylBoMFO+8hg6M1YjxlxrDa+y3pBU2WkEwtFvefh6EmvmO2krlJtv54bsFDqPHoyFWhZewnODIcSq+U9imrJhQTzoUS5xzWp330DjR1ZCdfXgtIAAAAASUVORK5CYII=) 50% repeat-y
}

.footer {
    background-color: #fff;
    border-top: 1px solid #dddcdb;
    color: #5b5a58;
    font-size: 14px;
    line-height: 24px;
    min-width: 980px;
    position: relative;
    width: 100%;
    z-index: 1
}

.footer .layout-content {
    display: -webkit-box;
    display: flex
}

.footer-menu {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-menu__item {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: inline-flex;
    height: 24px;
    margin: 0 12px .5em 0;
    min-width: 0;
    white-space: nowrap
}

.footer-menu-icon {
    background: #ccc;
    border-radius: 10px;
    display: inline-block;
    height: 20px;
    margin-right: .66ch;
    width: 20px
}

.footer-menu-icon--clock {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23fff'%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8Zm92.49 313-20 25a16 16 0 0 1-22.49 2.5l-67-49.72a40 40 0 0 1-15-31.23V112a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16v144l58 42.5a16 16 0 0 1 2.49 22.5Z'/%3E%3C/svg%3E")
}

.footer-menu-icon--clock,
.footer-menu-icon--link {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 10px auto
}

.footer-menu-icon--link {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23fff'%3E%3Cpath d='M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z'/%3E%3C/svg%3E")
}

.footer-menu-icon--phone {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23fff'%3E%3Cpath d='m493.4 24.6-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 10px auto
}

.footer-menu-icon--question {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' fill='%23fff'%3E%3Cpath d='M202.021 0C122.202 0 70.503 32.703 29.914 91.026c-7.363 10.58-5.093 25.086 5.178 32.874l43.138 32.709c10.373 7.865 25.132 6.026 33.253-4.148 25.049-31.381 43.63-49.449 82.757-49.449 30.764 0 68.816 19.799 68.816 49.631 0 22.552-18.617 34.134-48.993 51.164-35.423 19.86-82.299 44.576-82.299 106.405V320c0 13.255 10.745 24 24 24h72.471c13.255 0 24-10.745 24-24v-5.773c0-42.86 125.268-44.645 125.268-160.627C377.504 66.256 286.902 0 202.021 0zM192 373.459c-38.196 0-69.271 31.075-69.271 69.271 0 38.195 31.075 69.27 69.271 69.27s69.271-31.075 69.271-69.271-31.075-69.27-69.271-69.27z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 8px auto
}

.footer-apps,
.footer-apps__item {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex
}

.footer-apps__item {
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0;
    vertical-align: top;
    white-space: nowrap
}

.footer-apps__item+.footer-apps__item {
    margin-left: 12px
}

.footer-apps__android,
.footer-apps__ios {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    overflow: hidden
}

.footer-apps__ios {
    background-image: url(/assets/dist/badge_lrg.30628b42.svg);
    height: 40px;
    width: 135px
}

.footer-apps__android {
    background-image: url(/assets/dist/ru_badge_web_generic.7e73f548.png);
    height: 42px;
    width: 141px
}

.footer-copyright {
    min-width: 300px
}

.footer-apps,
.footer-copyright,
.footer-menu {
    line-height: 24px;
    padding: 0
}

.loading-screen {
    -webkit-backdrop-filter: blur(2px);
    -webkit-box-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    align-content: center;
    align-items: center;
    backdrop-filter: blur(2px);
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    color: #fff;
    display: none;
    flex-direction: column;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 200
}

.loading-screen__circle {
    display: none;
    font-size: 28px;
    line-height: 28px;
    margin: 16px auto 8px;
    text-align: center
}

.loading-screen--with-circle .loading-screen__circle {
    display: block
}

.loading-screen--with-circle .loading-screen__progressbar {
    display: none
}

.loading-screen__caption {
    font-size: 18px;
    line-height: 24px;
    margin: 8px auto 16px;
    padding: 0 0 0 .82em;
    text-align: center
}

.loading-screen__progressbar {
    font-size: 34px;
    margin: 15% auto 0;
    text-align: center;
    width: 500px
}

.loading-screen--visible {
    display: -webkit-box;
    display: flex
}

table thead tr .header,
table thead tr .headerSortDown,
table thead tr .headerSortUp {
    cursor: pointer
}

table thead tr .header:after,
table thead tr .headerSortDown:after,
table thead tr .headerSortUp:after {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    color: #0c77c3;
    display: inline-block;
    font-family: font awesome solid;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    vertical-align: initial
}

table thead tr .header:after {
    content: "\f0dc"
}

table thead tr .headerSortUp:after {
    content: "\f0de"
}

table thead tr .headerSortDown:after {
    content: "\f0dd"
}

td.b-href-outer {
    cursor: pointer
}

.ej-table-outer {
    border-radius: 4px;
    overflow: clip
}

.ej-table-outer--scrollable {
    max-height: calc(100vh - 74px);
    overflow: auto;
    scrollbar-width: thin
}

.ej-table-outer--scrollable .ej-table>thead {
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    z-index: 199
}

.ej-table-outer--scrollable .ej-table>thead .sticky-left {
    background-color: #f7f6f5;
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 1
}

.ej-table-outer--scrollable .ej-table>tbody tr:nth-child(odd)>.sticky-left {
    background-color: #fff;
    height: inherit;
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 1
}

.ej-table-outer--scrollable .ej-table>tbody tr:nth-child(2n)>.sticky-left {
    background-color: #f7f7f7;
    height: inherit;
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 1
}

.ej-table {
    background-color: #fff;
    border: 1px solid #f7f6f5;
    border-bottom-color: #dddcdb;
    display: table;
    font-size: 1em;
    margin: 0;
    width: auto
}

.ej-table>tbody,
.ej-table>tfoot,
.ej-table>thead {
    border: 1px solid #dddcdb
}

.ej-table>tbody:last-child,
.ej-table>tfoot:last-child,
.ej-table>thead:last-child {
    border-bottom: 1px solid #d1d0ce
}

.ej-table>tbody>tr>td,
.ej-table>tbody>tr>th,
.ej-table>tfoot>tr>td,
.ej-table>tfoot>tr>th,
.ej-table>thead>tr>td,
.ej-table>thead>tr>th {
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    padding: 8px 12px;
    vertical-align: middle
}

.ej-table>tbody>tr>td.ej-table-num,
.ej-table>tbody>tr>th.ej-table-num,
.ej-table>tfoot>tr>td.ej-table-num,
.ej-table>tfoot>tr>th.ej-table-num,
.ej-table>thead>tr>td.ej-table-num,
.ej-table>thead>tr>th.ej-table-num {
    color: #908f8e;
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier New, Courier, monospace;
    font-size: .85em;
    min-width: 32px;
    padding-left: 1ch;
    text-align: right
}

.ej-table>tbody>tr>td.ej-table-fio,
.ej-table>tbody>tr>th.ej-table-fio,
.ej-table>tfoot>tr>td.ej-table-fio,
.ej-table>tfoot>tr>th.ej-table-fio,
.ej-table>thead>tr>td.ej-table-fio,
.ej-table>thead>tr>th.ej-table-fio {
    white-space: nowrap
}

.ej-table>tbody>tr>td.ej-table-button,
.ej-table>tbody>tr>th.ej-table-button,
.ej-table>tfoot>tr>td.ej-table-button,
.ej-table>tfoot>tr>th.ej-table-button,
.ej-table>thead>tr>td.ej-table-button,
.ej-table>thead>tr>th.ej-table-button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    border-left: 0;
    user-select: none
}

.ej-table>tbody>tr>td.ej-table-separator-horizontal,
.ej-table>tbody>tr>th.ej-table-separator-horizontal,
.ej-table>tfoot>tr>td.ej-table-separator-horizontal,
.ej-table>tfoot>tr>th.ej-table-separator-horizontal,
.ej-table>thead>tr>td.ej-table-separator-horizontal,
.ej-table>thead>tr>th.ej-table-separator-horizontal {
    background-color: #ccc;
    display: none;
    height: 1px;
    padding: 0
}

.ej-table>tbody>tr>td.ej-table-control,
.ej-table>tbody>tr>th.ej-table-control,
.ej-table>tfoot>tr>td.ej-table-control,
.ej-table>tfoot>tr>th.ej-table-control,
.ej-table>thead>tr>td.ej-table-control,
.ej-table>thead>tr>th.ej-table-control {
    border-left: 0;
    border-right: 0
}

.ej-table>tbody>tr>td.ej-table-bottom,
.ej-table>tbody>tr>th.ej-table-bottom,
.ej-table>tfoot>tr>td.ej-table-bottom,
.ej-table>tfoot>tr>th.ej-table-bottom,
.ej-table>thead>tr>td.ej-table-bottom,
.ej-table>thead>tr>th.ej-table-bottom {
    border-bottom: 1px solid #dddcdb
}

.ej-table>tbody>tr>td.fdd,
.ej-table>tbody>tr>th.fdd,
.ej-table>tfoot>tr>td.fdd,
.ej-table>tfoot>tr>th.fdd,
.ej-table>thead>tr>td.fdd,
.ej-table>thead>tr>th.fdd {
    background-color: #ffe5e5
}

.ej-table>tbody>tr>td[valign=top],
.ej-table>tbody>tr>th[valign=top],
.ej-table>tfoot>tr>td[valign=top],
.ej-table>tfoot>tr>th[valign=top],
.ej-table>thead>tr>td[valign=top],
.ej-table>thead>tr>th[valign=top] {
    vertical-align: top
}

.ej-table>tbody>tr>td[valign=middle],
.ej-table>tbody>tr>th[valign=middle],
.ej-table>tfoot>tr>td[valign=middle],
.ej-table>tfoot>tr>th[valign=middle],
.ej-table>thead>tr>td[valign=middle],
.ej-table>thead>tr>th[valign=middle] {
    vertical-align: middle
}

.ej-table>tbody>tr>td[valign=bottom],
.ej-table>tbody>tr>th[valign=bottom],
.ej-table>tfoot>tr>td[valign=bottom],
.ej-table>tfoot>tr>th[valign=bottom],
.ej-table>thead>tr>td[valign=bottom],
.ej-table>thead>tr>th[valign=bottom] {
    vertical-align: bottom
}

.ej-table>thead>tr>td.ej-table-num,
.ej-table>thead>tr>th.ej-table-num {
    color: #5b5a58
}

.ej-table>thead.border-wrap>tr>td {
    border: 1px solid #dddcdb
}

.ej-table>thead+tbody {
    border-top: 2px
}

.ej-table>thead {
    background-color: #f7f6f5
}

.ej-table>thead>tr>td,
.ej-table>thead>tr>th {
    border: 0;
    color: #5b5a58;
    font-size: 1em;
    font-weight: 700;
    height: 3.2em;
    text-align: left
}

.ej-table>thead.ej-table-header--top {
    background-color: #d5dfe5
}

.ej-table>thead.ej-table-header--top>tr>td,
.ej-table>thead.ej-table-header--top>tr>th {
    font-size: 1em;
    font-weight: 700;
    height: 2.2em
}

.ej-table>tbody+thead.ej-table-header--top>tr>td,
.ej-table>tbody+thead.ej-table-header--top>tr>th {
    padding-top: 16px
}

.ej-table>tbody>td {
    min-height: 32px
}

.ej-table>tbody.table__filler:last-child,
.ej-table>tbody.table__filler:last-child tr,
.ej-table>tbody.table__filler:last-child tr td {
    border-bottom-color: transparent
}

.ej-table>tbody.table__filler,
.ej-table>tbody.table__filler tr,
.ej-table>tbody.table__filler tr td {
    border-left-color: transparent;
    border-right-color: transparent;
    height: 16px;
    padding: 0
}

.ej-table>tfoot {
    background-color: #f2f2f2
}

.ej-table>tfoot>tr>td {
    color: #5b5a58;
    height: 32px;
    text-shadow: 0 1px 0 #fff
}

.ej-table--top>tbody>tr>td,
.ej-table--top>tbody>tr>th,
.ej-table--top>tfoot>tr>td,
.ej-table--top>tfoot>tr>th,
.ej-table--top>thead>tr>td,
.ej-table--top>thead>tr>th {
    vertical-align: top
}

.ej-table--borderless,
.ej-table--borderless>tbody,
.ej-table--borderless>tfoot,
.ej-table--borderless>thead {
    border: 1px solid rgba(0, 0, 0, .05)!important
}

.ej-table--100percent {
    width: 100%
}

.ej-table--50percent {
    width: 50%
}

.ej-table--columns>tbody>tr>td,
.ej-table--columns>tfoot>tr>td {
    border-left: 1px solid #dddcdb
}

.ej-table--columns>tbody>tr>td.ej-table-num+td,
.ej-table--columns>tfoot>tr>td.ej-table-num+td {
    border-left: 0
}

.ej-table--bottom {
    border-bottom: 1px solid #dddcdb
}

.ej-table--bottom>tbody>tr {
    border-bottom: 1px solid #dddcdb
}

.ej-table--header-columns>thead>tr>td,
.ej-table--header-columns>thead>tr>th {
    border-left: 1px solid #dddcdb
}

.ej-table--header-columns>thead>tr>td.ej-table-num+td,
.ej-table--header-columns>thead>tr>th.ej-table-num+th {
    border-left: 0
}

.ej-table--header-columns>thead>tr>td[colspan],
.ej-table--header-columns>thead>tr>th[colspan] {
    border-bottom: 1px solid #dddcdb
}

.ej-table--colored-lines>tbody>tr:nth-child(2n) {
    background-color: #f7f7f7
}

.ej-table--colored-lines>tbody>tr:nth-child(2n)>td.trhover {
    background-color: #eadbff
}

.ej-table--colored-lines>tbody>tr:nth-child(odd) {
    background-color: #fff
}

.ej-table--data>tbody>tr>td {
    height: 3.2em;
    padding-left: 24px
}

.ej-table--list>tbody>tr>td,
.ej-table--list>tfoot>tr>td {
    font-size: 14px;
    height: auto;
    line-height: 24px;
    padding: 4px 8px
}

.ej-table--list>thead>tr>td,
.ej-table--list>thead>tr>th {
    font-size: 12px;
    line-height: 16px;
    padding: 8px
}

.ej-table--hoverable>tbody>tr {
    -webkit-transition: background-color 75ms cubic-bezier(0, 0, 0, 1);
    transition: background-color 75ms cubic-bezier(0, 0, 0, 1)
}

.ej-table--hoverable>tbody>tr:hover {
    background-color: #eadbff
}

.ej-table--pointer>tbody>tr {
    cursor: pointer
}

.ej-table--small>tbody>tr>td,
.ej-table--small>tbody>tr>th,
.ej-table--small>tfoot>tr>td,
.ej-table--small>tfoot>tr>th,
.ej-table--small>thead>tr>td,
.ej-table--small>thead>tr>th {
    font-size: .875em;
    height: 2em;
    line-height: 1.2em;
    padding: 8px
}

.ej-table--small>thead>tr>td,
.ej-table--small>thead>tr>th {
    padding: 12px 8px
}

.ej-table--compact>tbody>tr>td,
.ej-table--compact>tbody>tr>th,
.ej-table--compact>tfoot>tr>td,
.ej-table--compact>tfoot>tr>th,
.ej-table--compact>thead>tr>td,
.ej-table--compact>thead>tr>th {
    font-size: 1em;
    height: 2em;
    line-height: 1.2em;
    padding: 8px 4px
}

.ej-table--compact>thead>tr>td,
.ej-table--compact>thead>tr>th {
    padding: 12px 4px
}

.ej-table--sortable .ej-table-header--sortable {
    -webkit-transition: background-color .1s ease-in-out;
    background-color: hsla(0, 0%, 100%, .18);
    cursor: pointer;
    outline: none;
    transition: background-color .1s ease-in-out
}

.ej-table--sortable .ej-table-header--sortable:hover {
    background-color: hsla(0, 0%, 100%, .18)
}

.ej-table--sortable .ej-table-header--sortable .ej-table-header__inner {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative
}

.ej-table--sortable .ej-table-header--sortable .ej-table-header__inner:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-box-ordinal-group: 1;
    display: block;
    font-family: font awesome solid;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: 1.142em;
    margin: 0 auto auto;
    order: 0;
    padding-bottom: 8px;
    text-align: center;
    vertical-align: baseline;
    vertical-align: initial
}

.ej-table--sortable .ej-table-header--sortable .ej-table-header__inner:before,
.ej-table--sortable .ej-table-header--sortable-none .ej-table-header__inner:before {
    content: "\f0dc"
}

.ej-table--sortable .ej-table-header--sortable-desc .ej-table-header__inner:before {
    content: "\f0de"
}

.ej-table--sortable .ej-table-header--sortable-asc .ej-table-header__inner:before {
    content: "\f0dd"
}

.ej-table--sortable .ej-table-header--sortable.ej-table-num .ej-table-header__inner,
.ej-table--sortable .ej-table-header--sortable.text-left .ej-table-header__inner,
.ej-table--sortable .ej-table-header--sortable.text-right .ej-table-header__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    height: auto;
    line-height: 16px
}

.ej-table--sortable .ej-table-header--sortable.ej-table-num .ej-table-header__inner:before,
.ej-table--sortable .ej-table-header--sortable.text-left .ej-table-header__inner:before,
.ej-table--sortable .ej-table-header--sortable.text-right .ej-table-header__inner:before {
    -webkit-box-ordinal-group: 100;
    height: 16px;
    line-height: 14px;
    margin: 0 0 0 8px;
    order: 99;
    padding-bottom: 0
}

.ej-table--fix-size {
    table-layout: fixed
}

.ej-table .tdspacer {
    background-color: #dddcdb;
    width: 1px!important
}

.ej-table>.table__section>tr,
.ej-table>tbody>tr.table__section {
    border-bottom: 1px solid #dddcdb;
    border-top: 1px solid #dddcdb;
    cursor: default
}

.ej-table>.table__section>tr,
.ej-table>.table__section>tr:hover,
.ej-table>tbody>tr.table__section,
.ej-table>tbody>tr.table__section:hover {
    background-color: #f2f2f2!important
}

.ej-table>.table__section>tr>td,
.ej-table>tbody>tr.table__section>td {
    background: transparent;
    border: 0;
    color: #555;
    font-weight: 700;
    line-height: 32px;
    text-align: left
}

.ej-table>.table__section>tr>td .table__section__misc,
.ej-table>tbody>tr.table__section>td .table__section__misc {
    font-weight: 400;
    margin-left: 12px;
    opacity: .66
}

.ej-table-movable,
.movable {
    cursor: move;
    padding: 0!important
}

.ej-table-movable,
.ej-table-movable:before,
.movable,
.movable:before {
    max-width: 48px!important;
    width: 48px!important
}

.ej-table-movable:before,
.movable:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    color: #0c77c3;
    content: "\f0c9";
    display: block;
    font-family: font awesome solid;
    font-size: 21px;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    height: 32px;
    line-height: 32px;
    text-align: center;
    vertical-align: baseline;
    vertical-align: initial
}

.ej-table>thead>tr>td.ej-table-movable,
.ej-table>thead>tr>th.ej-table-movable {
    cursor: default
}

.ej-table>thead>tr>td.ej-table-movable:before,
.ej-table>thead>tr>th.ej-table-movable:before {
    color: #5b5a58;
    content: "\f0dc";
    opacity: .2
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table;
    line-height: 0
}

.clearfix:after {
    clear: both
}

.ej-scrollable {
    -ms-scroll-chaining: none;
    border: 0;
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0;
    scrollbar-color: #bcbbb9 transparent;
    scrollbar-width: thin
}

.ej-scrollable:hover {
    scrollbar-color: #abaaa8 transparent
}

.ej-scrollable::-webkit-scrollbar {
    height: 10px;
    width: 10px
}

.ej-scrollable::-webkit-scrollbar-track {
    background: transparent
}

.ej-scrollable::-webkit-scrollbar-thumb {
    background: #bcbbb9;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 5px
}

.ej-scrollable::-webkit-scrollbar-thumb:hover {
    background: #abaaa8;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 5px
}

.ej-scrollable::-webkit-scrollbar-button {
    display: none
}

.ej-scrollable::-webkit-scrollbar-corner {
    background-color: transparent
}

.ej-scrollable:not(:hover) {
    scrollbar-width: none
}

.ej-scrollable:not(:hover)::-webkit-scrollbar {
    display: none
}

.ej-scrollable--horizontal {
    overflow-x: auto;
    overflow-y: hidden
}

.ej-scrollable--vertical {
    overflow-x: hidden;
    overflow-y: auto
}

.ej-scrollable--both {
    overflow: auto
}

.ej-scrollable--panel {
    background-color: #fff;
    box-shadow: 0 0 0 1px #abaaa8, 0 2px 0 0 rgba(0, 0, 0, .05)
}

.ej-scrollable--border {
    background-color: #fff;
    border: 1px solid #dddcdb;
    border-radius: 4px
}

.ej-scrollable--content {
    padding: 8px 18px 8px 8px
}

.ej-scrollable--auto table {
    border: 0!important
}

.double_num {
    height: 28px;
    text-align: right
}

.double_num__absolute {
    height: 15.4px
}

.double_num__percent {
    color: #aaa;
    font-size: .9em;
    height: 12.6px;
    margin-right: -.15em
}

.arm-disabled-ext,
.notice {
    --notice-bg-color: #fcfcfc;
    --notice-border-color: #c2c2c1;
    --notice-title-color: #5b5a58;
    --notice-controls-bg-color: #e7e7e7;
    background-color: var(--notice-bg-color);
    border-color: var(--notice-border-color);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .05);
    margin-bottom: 24px;
    max-width: 960px;
    padding: 16px;
    position: relative
}

.notice__header {
    color: var(--notice-title-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    padding-right: 40px
}

.notice__header+.notice__content {
    margin-top: 12px
}

.notice__content {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex
}

.notice__content__icon {
    left: -8px;
    position: relative
}

.notice__content__text {
    font-size: 14px;
    line-height: 20px
}

.notice__content--controls:before {
    content: "";
    display: block;
    float: right;
    height: 20px;
    width: 128px
}

.notice__controls {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    line-height: 24px;
    position: absolute;
    right: 16px;
    text-align: right;
    top: 16px;
    user-select: none
}

.notice__close,
.notice__collapse {
    background-color: var(--notice-controls-bg-color);
    border: 0;
    border-radius: 9px;
    color: var(--notice-border-color);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    margin: 0 0 0 9px;
    outline: none;
    padding: 0;
    width: 18px
}

.notice__close:before,
.notice__collapse:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    display: block;
    font-family: font awesome regular;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    pointer-events: none;
    text-align: center;
    vertical-align: baseline;
    vertical-align: initial
}

.notice__close:active,
.notice__collapse:active {
    box-shadow: 0 0 0 3px rgba(12, 119, 195, .4);
    outline: none
}

.notice__collapse:before {
    content: "\f068"
}

.notice__close:before {
    content: "\f00d"
}

.notice--collapsed {
    max-height: none
}

.notice--collapsed .notice__content {
    margin-top: 0;
    max-height: 0;
    overflow: hidden
}

.notice--collapsed .notice__collapse:before {
    content: "\f067"
}

.notice--small {
    padding: 6px 8px 8px
}

.notice--small .notice__controls {
    right: 8px;
    top: 6px
}

.notice--small .notice__header {
    font-size: 16px;
    line-height: 24px
}

.notice--small .notice__header+.notice__content {
    margin-top: 4px
}

.notice .hr {
    border-bottom: 0!important;
    border-top-color: var(--notice-border-color)!important;
    margin: 8px 0;
    width: 100%
}

.arm-disabled-ext,
.notice--red {
    --notice-bg-color: #faebea;
    --notice-border-color: #eeada9;
    --notice-title-color: #ad2b22;
    --notice-controls-bg-color: #f0d0ce
}

.notice--green {
    --notice-bg-color: #eef7ef;
    --notice-border-color: #91d498;
    --notice-title-color: #3fa149;
    --notice-controls-bg-color: #d6ecd9
}

.notice--blue {
    --notice-bg-color: #e3f1fc;
    --notice-border-color: #5eb7f5;
    --notice-title-color: #0c77c3;
    --notice-controls-bg-color: #c5e1f5
}

.notice--yellow {
    --notice-bg-color: #fef8ed;
    --notice-border-color: #ffce75;
    --notice-title-color: #ef9b00;
    --notice-controls-bg-color: #fceccd
}

.notice--ny {
    --notice-bg-color: #fff;
    --notice-border-color: #c2c2c2;
    --notice-title-color: #ad2b22;
    --notice-controls-bg-color: #f7eae9;
    background-image: url(/assets/dist/eljur_snowflakes.d58e8aa8.png)
}

.color-red {
    color: #d8443a!important
}

.color-orange {
    color: #f76706!important
}

.color-yellow {
    color: #ef9b00!important
}

.color-green {
    color: #3fa149!important
}

.color-green-light {
    color: #61c16b!important
}

.color-blue {
    color: #0c77c3!important
}

.color-purple {
    color: #ae3ec9!important
}

.color-gray {
    color: #5b5a58!important
}

.color-gray-light {
    color: #abaaa8!important
}

.color-gray-pale {
    color: #f2f1f0!important
}

.color-saving {
    background-color: #fdf7cf!important
}

.color-saved {
    background-color: #e4fae4!important
}

.color-notsave {
    background-color: #fcd9d2!important
}

.section-title,
h1,
h2,
h3,
h4,
h5 {
    -webkit-font-feature-settings: "cpsp" 1, "cv10" 1, "kern" 1, "ss01" 1, "ss02" 1, "tnum" 0, "zero" 1;
    font-feature-settings: "cpsp" 1, "cv10" 1, "kern" 1, "ss01" 1, "ss02" 1, "tnum" 0, "zero" 1;
    font-family: inherit;
    font-weight: 400
}

h1,
h2 {
    font-size: 18px;
    font-weight: 550;
    letter-spacing: -.01em;
    line-height: 32px;
    margin-bottom: 16px
}

.section-title,
h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

h4,
h5 {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 0
}

h5.uppercase {
    letter-spacing: .15em;
    text-transform: uppercase
}

blockquote,
p {
    margin: 4px 0
}

ol,
pre,
table,
ul {
    margin: 0
}

.list-bullet {
    list-style-type: disc;
    margin: 0;
    padding: 0
}

.list-bullet>li {
    margin-left: 2em
}

.list-mdash {
    margin: 0;
    padding: 0
}

.list-mdash>li {
    list-style: none
}

.list-mdash>li:before {
    content: "\2013";
    display: block;
    font-size: inherit;
    left: -1em;
    line-height: inherit;
    max-height: 0;
    max-width: 0;
    position: relative;
    top: 0
}

.list-delimeter {
    margin: 0!important;
    padding: 0!important
}

.list-delimeter>li {
    border-bottom: 1px solid #dddcdb;
    margin: 0;
    padding: 4px 0;
    white-space: normal
}

.list-delimeter>li:last-child {
    border-bottom: 0
}

.list-numbered {
    list-style-type: decimal;
    margin: 0;
    padding: 0
}

.list-numbered>li {
    margin-left: 3ch
}

.list-numbered.list-overflow>li {
    margin-left: 5ch
}

.list-numbered--light {
    counter-reset: item
}

.list-numbered--light>li {
    display: block;
    margin: 0 0 1.2857em 20px;
    position: relative
}

.list-numbered--light>li:before {
    color: #757473;
    content: counter(item) ".";
    counter-increment: item;
    left: -2em;
    padding-right: .2em;
    position: absolute;
    text-align: right;
    width: 2em
}

.list-overflow {
    -ms-scroll-chaining: none;
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: #bcbbb9 transparent;
    scrollbar-width: thin
}

.list-overflow:hover {
    scrollbar-color: #abaaa8 transparent
}

.list-overflow::-webkit-scrollbar {
    height: 10px;
    width: 10px
}

.list-overflow::-webkit-scrollbar-track {
    background: transparent
}

.list-overflow::-webkit-scrollbar-thumb {
    background: #bcbbb9;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 5px
}

.list-overflow::-webkit-scrollbar-thumb:hover {
    background: #abaaa8;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 5px
}

.list-overflow::-webkit-scrollbar-button {
    display: none
}

.list-overflow::-webkit-scrollbar-corner {
    background-color: transparent
}

.list-overflow:not(:hover) {
    scrollbar-width: none
}

.list-overflow:not(:hover)::-webkit-scrollbar {
    display: none
}

.list-columns {
    -webkit-box-align: start;
    -webkit-box-pack: start;
    align-content: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style-type: none;
    margin-left: 16px;
    margin-right: -16px
}

.list-columns>li {
    -webkit-box-flex: 0;
    flex: 0 0 33.33%;
    padding-right: 1em
}

.list-columns--4>li {
    -webkit-box-flex: 0;
    flex: 0 0 25%
}

.list-columns--5>li {
    -webkit-box-flex: 0;
    flex: 0 0 20%
}

.typography {
    --font-size: 14px;
    --font-size-h1: 27px;
    --font-size-h2: 22px;
    --font-size-h3: 18px;
    --line-height: 20px;
    --line-height-h1: 40px;
    --line-height-h2: 30px;
    --line-height-h3: 30px;
    --ratio: 1.25;
    --gutter: 16px;
    font-size: var(--font-size);
    line-height: var(--line-height);
    text-align: left
}

.typography sub,
.typography sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.typography sup {
    top: -.5em
}

.typography sub {
    bottom: -.25em
}

.typography .abbr,
.typography abbr {
    font-size: calc(var(--font-size)*.95);
    letter-spacing: .1em;
    text-decoration: none
}

.typography .section-title,
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5 {
    font-family: inherit
}

.typography h1 {
    font-size: var(--font-size-h1);
    font-weight: 800;
    line-height: var(--line-height-h1);
    margin: 0 0 var(--gutter) 0
}

.typography h2 {
    font-size: var(--font-size-h2);
    font-weight: 700;
    line-height: var(--line-height-h2)
}

.typography .section-title,
.typography h3 {
    font-size: var(--font-size-h3);
    font-weight: 700;
    line-height: var(--line-height-h3);
    margin: 0
}

.typography h4,
.typography h5 {
    font-size: var(--font-size);
    font-weight: 600;
    line-height: var(--line-height);
    margin: 0
}

.typography .control-checkboxes,
.typography .control-radios,
.typography .paragraph,
.typography audio,
.typography figure,
.typography h2,
.typography ol,
.typography p,
.typography picture,
.typography ul,
.typography video,
.typography>img {
    margin: 0 0 var(--gutter) 0
}

.typography blockquote,
.typography li,
.typography ol,
.typography p,
.typography table,
.typography tbody,
.typography td,
.typography tfoot,
.typography th,
.typography thead,
.typography tr,
.typography ul {
    font-size: var(--font-size);
    line-height: var(--line-height)
}

.typography ol,
.typography ul {
    margin-left: 2em;
    padding: 0
}

.typography ol li,
.typography ul li {
    margin: 0 0 calc(var(--gutter)/8) 0
}

.typography ol ol,
.typography ol ul,
.typography ul ol,
.typography ul ul {
    margin: calc(var(--gutter)/2) 0
}

.typography.typography--prevent-nested-lists-margin ol ol,
.typography.typography--prevent-nested-lists-margin ol ul,
.typography.typography--prevent-nested-lists-margin ul ol,
.typography.typography--prevent-nested-lists-margin ul ul {
    margin: calc(var(--gutter)/2) 1em!important
}

.typography ul {
    list-style-type: disc
}

.typography ol {
    list-style-type: decimal
}

.typography del,
.typography em,
.typography span,
.typography strike,
.typography strong {
    margin: 0
}

.typography table {
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0 0 var(--gutter) 0
}

.typography table td,
.typography table th {
    vertical-align: top
}

.typography table td:before,
.typography table th:before {
    content: " ";
    display: inline
}

.typography table tbody tr,
.typography table tfoot tr,
.typography table thead tr {
    border: 1px solid #ddd
}

.typography table tbody td,
.typography table tfoot td,
.typography table thead td,
.typography table thead th {
    font-size: var(--font-size);
    line-height: var(--line-height);
    padding: calc(var(--line-height)/2);
    text-align: left
}

.typography table tbody td p:last-child,
.typography table tfoot td p:last-child,
.typography table thead td p:last-child,
.typography table thead th p:last-child {
    margin-bottom: 0
}

.typography table thead td,
.typography table thead th {
    font-weight: 700;
    text-align: left;
    vertical-align: bottom
}

.typography table tbody td {
    text-align: left
}

.typography table tfoot td {
    font-size: 14px
}

.typography blockquote {
    background-color: #fce5ba;
    border-left: 4px solid #ef9b00;
    margin: 0 0 var(--gutter) 0;
    padding: var(--gutter)
}

.typography>:first-child {
    margin-top: 0
}

.typography>:last-child {
    margin-bottom: 0
}

.typography .ej-chip {
    font-size: calc(var(--font-size)*.9);
    height: var(--line-height);
    line-height: calc(var(--line-height) - 1px)
}

.typography .ej-chip--effect-plain {
    line-height: calc(var(--line-height) - 2px)
}

.typography .spacer {
    height: var(--line-height)
}

.typography .minispacer {
    height: calc(var(--line-height)/4)
}

.typography .small,
.typography small,
.typography sub,
.typography sup,
.typography tfoot,
.typography tfoot td {
    font-size: calc(var(--font-size)/var(--ratio));
    line-height: inherit
}

.typography.container {
    padding: var(--gutter)
}

.typography--tiny {
    --font-size: 11px;
    --font-size-h1: 21px;
    --font-size-h2: 17px;
    --font-size-h3: 14px;
    --line-height: 12px;
    --line-height-h1: 36px;
    --line-height-h2: 18px;
    --line-height-h3: 18px;
    --ratio: 1.25;
    --gutter: 12px
}

.typography--small {
    --font-size: 12px;
    --font-size-h1: 23px;
    --font-size-h2: 19px;
    --font-size-h3: 15px;
    --line-height: 16px;
    --line-height-h1: 32px;
    --line-height-h2: 24px;
    --line-height-h3: 24px;
    --ratio: 1.25;
    --gutter: 16px
}

.typography--big {
    --font-size: 16px;
    --font-size-h1: 31px;
    --font-size-h2: 25px;
    --font-size-h3: 20px;
    --line-height: 24px;
    --line-height-h1: 48px;
    --line-height-h2: 36px;
    --line-height-h3: 36px;
    --ratio: 1.25;
    --gutter: 20px
}

.typography--large {
    --font-size: 18px;
    --font-size-h1: 31px;
    --font-size-h2: 26px;
    --font-size-h3: 22px;
    --line-height: 24px;
    --line-height-h1: 48px;
    --line-height-h2: 36px;
    --line-height-h3: 36px;
    --ratio: 1.2;
    --gutter: 24px
}

.typography--pretty .section-title,
.typography--pretty h1,
.typography--pretty h2,
.typography--pretty h3,
.typography--pretty h4,
.typography--pretty h5 {
    font-family: Montserrat
}

.typography--ptsans .section-title,
.typography--ptsans h1,
.typography--ptsans h2,
.typography--ptsans h3,
.typography--ptsans h4,
.typography--ptsans h5 {
    font-family: PT Sans Caption
}

.typography--readable-headings .section-title,
.typography--readable-headings blockquote,
.typography--readable-headings h1,
.typography--readable-headings h2,
.typography--readable-headings h3,
.typography--readable-width .section-title,
.typography--readable-width blockquote,
.typography--readable-width h1,
.typography--readable-width h2,
.typography--readable-width h3 {
    max-width: 800px
}

.typography--readable-width {
    max-width: 920px
}

.typography--grayscale,
.typography--grayscale h1 {
    color: #242322
}

.typography--grayscale h2 {
    color: #3f3e3d
}

.typography--grayscale .section-title,
.typography--grayscale h3 {
    color: #5b5a58
}

.typography--grayscale h4,
.typography--grayscale h5 {
    color: #242322
}

.typography--grayscale tfoot td,
.typography--grayscale thead td,
.typography--grayscale thead th {
    color: #777
}

.ej-text {
    margin: 0
}

.ej-text--var-heading-1 {
    font-size: 28px;
    font-weight: 700;
    line-height: 40px
}

.ej-text--var-heading-2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.ej-text--var-heading-3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.ej-text--var-body-1 {
    font-size: 12px;
    line-height: 16px
}

.ej-text--var-body-2 {
    font-size: 14px;
    line-height: 20px
}

.ej-text--var-body-3 {
    font-size: 16px;
    line-height: 24px
}

.ej-text--var-body-4 {
    font-size: 18px;
    line-height: 24px
}

.ej-text--bold {
    font-weight: 700
}

.ej-text--nowrap {
    white-space: nowrap
}

.ej-text--italic {
    font-style: italic
}

.ej-text--strikethrough {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.ej-text--underline {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.ej-text--dashed {
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed
}

.ej-text--hoverable {
    -webkit-transition: color .1s ease;
    cursor: pointer;
    transition: color .1s ease
}

.ej-text--hoverable:hover {
    color: #464543
}

.ej-text--align-left {
    text-align: left
}

.ej-text--align-center {
    text-align: center
}

.ej-text--align-right {
    text-align: right
}

.ej-text--color-primary {
    color: #242322
}

.ej-text--hoverable.ej-text--color-primary:hover {
    color: #464543
}

.ej-text--color-secondary {
    color: #757473
}

.ej-text--hoverable.ej-text--color-secondary:hover {
    color: #464543
}

.ej-text--color-tertiary {
    color: #908f8e
}

.ej-text--hoverable.ej-text--color-tertiary:hover {
    color: #464543
}

.ej-text--color-red {
    color: #d8443a
}

.ej-text--hoverable.ej-text--color-red:hover {
    color: #ad2b22
}

.ej-text--color-orange {
    color: #f76706
}

.ej-text--hoverable.ej-text--color-orange:hover {
    color: #b64c04
}

.ej-text--color-yellow {
    color: #ef9b00
}

.ej-text--hoverable.ej-text--color-yellow:hover {
    color: #ad7000
}

.ej-text--color-green {
    color: #3fa149
}

.ej-text--hoverable.ej-text--color-green:hover {
    color: #2c7133
}

.ej-text--color-mint {
    color: #139f75
}

.ej-text--hoverable.ej-text--color-mint:hover {
    color: #0c6449
}

.ej-text--color-blue {
    color: #0c77c3
}

.ej-text--hoverable.ej-text--color-blue:hover {
    color: #085185
}

.ej-text--color-indigo {
    color: #3b5bdb
}

.ej-text--hoverable.ej-text--color-indigo:hover {
    color: #213eb3
}

.ej-text--color-violet {
    color: #6a43de
}

.ej-text--hoverable.ej-text--color-violet:hover {
    color: #4921bd
}

.ej-text--color-purple {
    color: #ae3ec9
}

.ej-text--hoverable.ej-text--color-purple:hover {
    color: #842b9a
}

.fa,
.fad,
.far {
    display: inline-block
}

.fa:before,
.fad:before,
.far:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    display: inline-block;
    font-family: font awesome regular;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    vertical-align: baseline;
    vertical-align: initial
}

.fal {
    display: inline-block
}

.fal:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    display: inline-block;
    font-family: font awesome light;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    line-height: inherit;
    vertical-align: baseline;
    vertical-align: initial
}

.fas {
    display: inline-block
}

.fas:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    display: inline-block;
    font-family: font awesome solid;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    vertical-align: initial
}

.fab {
    display: inline-block
}

.fab:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    display: inline-block;
    font-family: font awesome brands;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    vertical-align: baseline;
    vertical-align: initial
}

.fa-alien-monster:before {
    content: "\f8f6"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-apple-alt:before {
    content: "\f5d1"
}

.fa-arrow-alt-right:before {
    content: "\f356"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-to-bottom:before {
    content: "\f33d"
}

.fa-arrow-to-right:before {
    content: "\f340"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-atom-alt:before {
    content: "\f5d3"
}

.fa-award:before {
    content: "\f559"
}

.fa-badge-check:before {
    content: "\f336"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-ballot-check:before {
    content: "\f733"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-bars:before {
    content: "\f0c9"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-book:before {
    content: "\f02d"
}

.fa-book-open:before {
    content: "\f518"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-books:before {
    content: "\f5db"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-calculator-alt:before {
    content: "\f64c"
}

.fa-calendar:before {
    content: "\f133"
}

.fa-calendar-alt:before {
    content: "\f073"
}

.fa-camera:before {
    content: "\f030"
}

.fa-car:before {
    content: "\f1b9"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-carrot:before {
    content: "\f787"
}

.fa-chalkboard-teacher:before {
    content: "\f51c"
}

.fa-chart-bar:before {
    content: "\f080"
}

.fa-chart-line:before {
    content: "\f201"
}

.fa-chart-pie:before {
    content: "\f200"
}

.fa-check:before {
    content: "\f00c"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-circle:before {
    content: "\f111"
}

.fa-circle-notch:before {
    content: "\f1ce"
}

.fa-city:before {
    content: "\f64f"
}

.fa-clipboard-list:before {
    content: "\f46d"
}

.fa-clock:before {
    content: "\f017"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-code:before {
    content: "\f121"
}

.fa-cog:before {
    content: "\f013"
}

.fa-comment:before {
    content: "\f075"
}

.fa-comment-alt-lines:before {
    content: "\f4a6"
}

.fa-comment-check:before {
    content: "\f4ac"
}

.fa-comment-times:before {
    content: "\f4b5"
}

.fa-comments:before {
    content: "\f086"
}

.fa-cookie:before {
    content: "\f563"
}

.fa-copy:before {
    content: "\f0c5"
}

.fa-credit-card-front:before {
    content: "\f38a"
}

.fa-croissant:before {
    content: "\f7f6"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-dna:before {
    content: "\f471"
}

.fa-dot-circle:before {
    content: "\f192"
}

.fa-dove:before {
    content: "\f4ba"
}

.fa-download:before {
    content: "\f019"
}

.fa-drafting-compass:before {
    content: "\f568"
}

.fa-edit:before {
    content: "\f044"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-empty-set:before {
    content: "\f656"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-external-link-square-alt:before {
    content: "\f360"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-figma:before {
    content: "\f799"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-alt:before {
    content: "\f15c"
}

.fa-file-archive:before {
    content: "\f1c6"
}

.fa-file-audio:before {
    content: "\f1c7"
}

.fa-file-edit:before {
    content: "\f31c"
}

.fa-file-excel:before {
    content: "\f1c3"
}

.fa-file-exclamation:before {
    content: "\f31a"
}

.fa-file-image:before {
    content: "\f1c5"
}

.fa-file-minus:before {
    content: "\f318"
}

.fa-file-music:before {
    content: "\f8b6"
}

.fa-file-pdf:before {
    content: "\f1c1"
}

.fa-file-plus:before {
    content: "\f319"
}

.fa-file-powerpoint:before {
    content: "\f1c4"
}

.fa-file-search:before {
    content: "\f865"
}

.fa-file-times:before {
    content: "\f317"
}

.fa-file-upload:before {
    content: "\f574"
}

.fa-file-video:before {
    content: "\f1c8"
}

.fa-file-word:before {
    content: "\f1c2"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-fire-alt:before {
    content: "\f7e4"
}

.fa-flag:before {
    content: "\f024"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-french-fries:before {
    content: "\f803"
}

.fa-gem:before {
    content: "\f3a5"
}

.fa-globe-stand:before {
    content: "\f5f6"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-graduation-cap:before {
    content: "\f19d"
}

.fa-hammer:before {
    content: "\f6e3"
}

.fa-hand-holding-box:before {
    content: "\f47b"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-home:before {
    content: "\f015"
}

.fa-hourglass-half:before {
    content: "\f252"
}

.fa-icons:before {
    content: "\f86d"
}

.fa-image:before {
    content: "\f03e"
}

.fa-info:before {
    content: "\f129"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-jug:before {
    content: "\f8c6"
}

.fa-landmark:before {
    content: "\f66f"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-layer-plus:before {
    content: "\f5ff"
}

.fa-leaf-oak:before {
    content: "\f6f7"
}

.fa-lightbulb:before {
    content: "\f0eb"
}

.fa-link:before {
    content: "\f0c1"
}

.fa-list:before {
    content: "\f03a"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-long-arrow-alt-right:before {
    content: "\f30b"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-male:before {
    content: "\f183"
}

.fa-map-marked:before {
    content: "\f59f"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-meat:before {
    content: "\f814"
}

.fa-minus:before {
    content: "\f068"
}

.fa-mug-hot:before {
    content: "\f7b6"
}

.fa-music:before {
    content: "\f001"
}

.fa-notes-medical:before {
    content: "\f481"
}

.fa-palette:before {
    content: "\f53f"
}

.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-pen:before {
    content: "\f304"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-pencil-alt:before {
    content: "\f303"
}

.fa-phone:before {
    content: "\f095"
}

.fa-pie:before {
    content: "\f705"
}

.fa-planet-ringed:before {
    content: "\e020"
}

.fa-plus:before {
    content: "\f067"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-praying-hands:before {
    content: "\f684"
}

.fa-print:before {
    content: "\f02f"
}

.fa-question:before {
    content: "\f128"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-repeat:before {
    content: "\f363"
}

.fa-reply:before {
    content: "\f3e5"
}

.fa-reply-all:before {
    content: "\f122"
}

.fa-ruler-triangle:before {
    content: "\f61c"
}

.fa-salad:before {
    content: "\f81e"
}

.fa-sandwich:before {
    content: "\f81f"
}

.fa-save:before {
    content: "\f0c7"
}

.fa-school:before {
    content: "\f549"
}

.fa-search:before {
    content: "\f002"
}

.fa-shapes:before {
    content: "\f61f"
}

.fa-share:before {
    content: "\f064"
}

.fa-shield-check:before {
    content: "\f2f7"
}

.fa-shish-kebab:before {
    content: "\f821"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-sign-language:before {
    content: "\f2a7"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-sign-out-alt:before {
    content: "\f2f5"
}

.fa-signature:before {
    content: "\f5b7"
}

.fa-sketch:before {
    content: "\f7c6"
}

.fa-sliders-h:before {
    content: "\f1de"
}

.fa-smile:before {
    content: "\f118"
}

.fa-sort:before {
    content: "\f0dc"
}

.fa-soup:before {
    content: "\f823"
}

.fa-spinner-third:before {
    content: "\f3f4"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-square-root-alt:before {
    content: "\f698"
}

.fa-stamp:before {
    content: "\f5bf"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-half-alt:before {
    content: "\f5c0"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-sync:before {
    content: "\f021"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbtack:before {
    content: "\f08d"
}

.fa-times:before {
    content: "\f00d"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-trash-alt:before {
    content: "\f2ed"
}

.fa-trash-restore:before {
    content: "\f829"
}

.fa-undo:before {
    content: "\f0e2"
}

.fa-university:before {
    content: "\f19c"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-upload:before {
    content: "\f093"
}

.fa-user:before {
    content: "\f007"
}

.fa-user-check:before {
    content: "\f4fc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-cog:before {
    content: "\f4fe"
}

.fa-user-friends:before {
    content: "\f500"
}

.fa-user-graduate:before {
    content: "\f501"
}

.fa-users:before {
    content: "\f0c0"
}

.fa-users-class:before {
    content: "\f63d"
}

.fa-utensils:before {
    content: "\f2e7"
}

.fa-video-plus:before {
    content: "\f4e1"
}

.fa-video-slash:before {
    content: "\f4e2"
}

.fa-volleyball-ball:before {
    content: "\f45f"
}

.fa-vuejs:before {
    content: "\f41f"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite
}

.fa-pulse {
    -webkit-animation: fa-spin 1s steps(8) infinite;
    animation: fa-spin 1s steps(8) infinite
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none
}

.ej-chip {
    --ej-chip-color-background: #d9edfb;
    --ej-chip-color-text: #0c77c3;
    --ej-chip-color-border: #d9edfb;
    --ej-chip-size-height: 24px;
    --ej-chip-size-text: 14px;
    --ej-chip-size-text-line: 20px;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-transition: border-color .1s ease, background-color .1s ease;
    align-items: center;
    background-color: var(--ej-chip-color-background);
    border-color: var(--ej-chip-color-border);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: var(--ej-chip-color-text);
    display: -webkit-inline-box;
    display: inline-flex;
    font-size: var(--ej-chip-size-text);
    font-weight: 400;
    gap: 8px;
    height: var(--ej-chip-size-height);
    justify-content: center;
    line-height: var(--ej-chip-size-text-line);
    padding-left: 8px;
    padding-right: 8px;
    transition: border-color .1s ease, background-color .1s ease;
    white-space: nowrap
}

.ej-chip:where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-border: #5eb7f5
}

.ej-chip:where(.ej-chip--round) {
    border-radius: 99999px
}

.ej-chip:where(.ej-chip--closable) {
    cursor: pointer
}

.ej-chip:where(.ej-chip--closable):after {
    color: inherit;
    content: "\f00d";
    font-family: font awesome regular
}

.ej-chip:where(.ej-chip--disabled) {
    --ej-chip-color-background: #f2f1f0;
    --ej-chip-color-text: #abaaa8;
    --ej-chip-color-border: #f2f1f0;
    cursor: default
}

.ej-chip:where(.ej-chip--size-medium) {
    --ej-chip-size-height: 24px;
    --ej-chip-size-text: 14px;
    --ej-chip-size-text-line: 20px
}

.ej-chip:where(.ej-chip--color-gray:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #f2f1f0;
    --ej-chip-color-text: #5b5a58;
    --ej-chip-color-border: #f2f1f0
}

.ej-chip:where(.ej-chip--color-gray:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-border: #abaaa8
}

.ej-chip:where(.ej-chip--color-blue:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #d9edfb;
    --ej-chip-color-text: #0c77c3;
    --ej-chip-color-border: #d9edfb
}

.ej-chip:where(.ej-chip--color-blue:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-border: #5eb7f5
}

.ej-chip:where(.ej-chip--color-red:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #fcf4f3;
    --ej-chip-color-text: #d8443a;
    --ej-chip-color-border: #fcf4f3
}

.ej-chip:where(.ej-chip--color-red:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-border: #eeada9
}

.ej-chip:where(.ej-chip--color-green:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #e7f4e9;
    --ej-chip-color-text: #3fa149;
    --ej-chip-color-border: #e7f4e9
}

.ej-chip:where(.ej-chip--color-green:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-border: #91d498
}

.ej-chip:where(.ej-chip--color-yellow:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #fef5e3;
    --ej-chip-color-text: #ef9b00;
    --ej-chip-color-border: #fef5e3
}

.ej-chip:where(.ej-chip--color-yellow:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-border: #ffce75
}

.ej-chip:where(.ej-chip--color-orange:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #fef1e9;
    --ej-chip-color-text: #f76706;
    --ej-chip-color-border: #fef1e9
}

.ej-chip:where(.ej-chip--color-orange:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-border: #fcb586
}

.ej-chip:where(.ej-chip--color-purple:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #f8f1fa;
    --ej-chip-color-text: #ae3ec9;
    --ej-chip-color-border: #f8f1fa
}

.ej-chip:where(.ej-chip--color-purple:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-border: #d9a6e6
}

.ej-chip:where(.ej-chip--color-indigo:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #f4f6fc;
    --ej-chip-color-text: #3b5bdb;
    --ej-chip-color-border: #f4f6fc
}

.ej-chip:where(.ej-chip--color-indigo:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-border: #abb9f0
}

.ej-chip:where(.ej-chip--color-violet:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #f9f8fd;
    --ej-chip-color-text: #6a43de;
    --ej-chip-color-border: #f9f8fd
}

.ej-chip:where(.ej-chip--color-violet:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-border: #c3b4f2
}

.ej-chip:where(.ej-chip--effect-light.ej-chip--color-gray:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #f2f1f0;
    --ej-chip-color-text: #5b5a58;
    --ej-chip-color-border: #f2f1f0
}

.ej-chip:where(.ej-chip--effect-light.ej-chip--color-gray:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-border: #abaaa8
}

.ej-chip:where(.ej-chip--effect-light.ej-chip--color-blue:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #d9edfb;
    --ej-chip-color-text: #0c77c3;
    --ej-chip-color-border: #d9edfb
}

.ej-chip:where(.ej-chip--effect-light.ej-chip--color-blue:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-border: #5eb7f5
}

.ej-chip:where(.ej-chip--effect-light.ej-chip--color-red:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #fcf4f3;
    --ej-chip-color-text: #d8443a;
    --ej-chip-color-border: #fcf4f3
}

.ej-chip:where(.ej-chip--effect-light.ej-chip--color-red:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-border: #eeada9
}

.ej-chip:where(.ej-chip--effect-light.ej-chip--color-green:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #e7f4e9;
    --ej-chip-color-text: #3fa149;
    --ej-chip-color-border: #e7f4e9
}

.ej-chip:where(.ej-chip--effect-light.ej-chip--color-green:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-border: #91d498
}

.ej-chip:where(.ej-chip--effect-light.ej-chip--color-yellow:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #fef5e3;
    --ej-chip-color-text: #ef9b00;
    --ej-chip-color-border: #fef5e3
}

.ej-chip:where(.ej-chip--effect-light.ej-chip--color-yellow:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-border: #ffce75
}

.ej-chip:where(.ej-chip--effect-light.ej-chip--color-orange:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #fef1e9;
    --ej-chip-color-text: #f76706;
    --ej-chip-color-border: #fef1e9
}

.ej-chip:where(.ej-chip--effect-light.ej-chip--color-orange:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-border: #fcb586
}

.ej-chip:where(.ej-chip--effect-light.ej-chip--color-purple:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #f8f1fa;
    --ej-chip-color-text: #ae3ec9;
    --ej-chip-color-border: #f8f1fa
}

.ej-chip:where(.ej-chip--effect-light.ej-chip--color-purple:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-border: #d9a6e6
}

.ej-chip:where(.ej-chip--effect-light.ej-chip--color-indigo:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #f4f6fc;
    --ej-chip-color-text: #3b5bdb;
    --ej-chip-color-border: #f4f6fc
}

.ej-chip:where(.ej-chip--effect-light.ej-chip--color-indigo:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-border: #abb9f0
}

.ej-chip:where(.ej-chip--effect-light.ej-chip--color-violet:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #f9f8fd;
    --ej-chip-color-text: #6a43de;
    --ej-chip-color-border: #f9f8fd
}

.ej-chip:where(.ej-chip--effect-light.ej-chip--color-violet:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-border: #c3b4f2
}

.ej-chip:where(.ej-chip--effect-dark.ej-chip--color-gray:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #5b5a58;
    --ej-chip-color-text: #fff;
    --ej-chip-color-border: #5b5a58
}

.ej-chip:where(.ej-chip--effect-dark.ej-chip--color-gray:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-background: #464543;
    --ej-chip-color-border: #464543
}

.ej-chip:where(.ej-chip--effect-dark.ej-chip--color-blue:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #0c77c3;
    --ej-chip-color-text: #fff;
    --ej-chip-color-border: #0c77c3
}

.ej-chip:where(.ej-chip--effect-dark.ej-chip--color-blue:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-background: #085185;
    --ej-chip-color-border: #085185
}

.ej-chip:where(.ej-chip--effect-dark.ej-chip--color-red:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #d8443a;
    --ej-chip-color-text: #fff;
    --ej-chip-color-border: #d8443a
}

.ej-chip:where(.ej-chip--effect-dark.ej-chip--color-red:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-background: #ad2b22;
    --ej-chip-color-border: #ad2b22
}

.ej-chip:where(.ej-chip--effect-dark.ej-chip--color-green:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #3fa149;
    --ej-chip-color-text: #fff;
    --ej-chip-color-border: #3fa149
}

.ej-chip:where(.ej-chip--effect-dark.ej-chip--color-green:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-background: #2c7133;
    --ej-chip-color-border: #2c7133
}

.ej-chip:where(.ej-chip--effect-dark.ej-chip--color-yellow:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #ef9b00;
    --ej-chip-color-text: #fff;
    --ej-chip-color-border: #ef9b00
}

.ej-chip:where(.ej-chip--effect-dark.ej-chip--color-yellow:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-background: #ad7000;
    --ej-chip-color-border: #ad7000
}

.ej-chip:where(.ej-chip--effect-dark.ej-chip--color-orange:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #f76706;
    --ej-chip-color-text: #fff;
    --ej-chip-color-border: #f76706
}

.ej-chip:where(.ej-chip--effect-dark.ej-chip--color-orange:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-background: #b64c04;
    --ej-chip-color-border: #b64c04
}

.ej-chip:where(.ej-chip--effect-dark.ej-chip--color-purple:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #ae3ec9;
    --ej-chip-color-text: #fff;
    --ej-chip-color-border: #ae3ec9
}

.ej-chip:where(.ej-chip--effect-dark.ej-chip--color-purple:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-background: #842b9a;
    --ej-chip-color-border: #842b9a
}

.ej-chip:where(.ej-chip--effect-dark.ej-chip--color-indigo:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #3b5bdb;
    --ej-chip-color-text: #fff;
    --ej-chip-color-border: #3b5bdb
}

.ej-chip:where(.ej-chip--effect-dark.ej-chip--color-indigo:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-background: #213eb3;
    --ej-chip-color-border: #213eb3
}

.ej-chip:where(.ej-chip--effect-dark.ej-chip--color-violet:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #6a43de;
    --ej-chip-color-text: #fff;
    --ej-chip-color-border: #6a43de
}

.ej-chip:where(.ej-chip--effect-dark.ej-chip--color-violet:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-background: #4921bd;
    --ej-chip-color-border: #4921bd
}

.ej-chip:where(.ej-chip--effect-plain.ej-chip--color-gray:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #fff;
    --ej-chip-color-text: #5b5a58;
    --ej-chip-color-border: #dddcdb
}

.ej-chip:where(.ej-chip--effect-plain.ej-chip--color-gray:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-background: #f2f1f0;
    --ej-chip-color-border: #abaaa8
}

.ej-chip:where(.ej-chip--effect-plain.ej-chip--color-blue:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #fff;
    --ej-chip-color-text: #0c77c3;
    --ej-chip-color-border: #a1d2f5
}

.ej-chip:where(.ej-chip--effect-plain.ej-chip--color-blue:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-background: #d9edfb;
    --ej-chip-color-border: #5eb7f5
}

.ej-chip:where(.ej-chip--effect-plain.ej-chip--color-red:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #fff;
    --ej-chip-color-text: #d8443a;
    --ej-chip-color-border: #f7e3e1
}

.ej-chip:where(.ej-chip--effect-plain.ej-chip--color-red:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-background: #fcf4f3;
    --ej-chip-color-border: #eeada9
}

.ej-chip:where(.ej-chip--effect-plain.ej-chip--color-green:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #fff;
    --ej-chip-color-text: #3fa149;
    --ej-chip-color-border: #c4e3c7
}

.ej-chip:where(.ej-chip--effect-plain.ej-chip--color-green:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-background: #e7f4e9;
    --ej-chip-color-border: #91d498
}

.ej-chip:where(.ej-chip--effect-plain.ej-chip--color-yellow:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #fff;
    --ej-chip-color-text: #ef9b00;
    --ej-chip-color-border: #fce5ba
}

.ej-chip:where(.ej-chip--effect-plain.ej-chip--color-yellow:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-background: #fef5e3;
    --ej-chip-color-border: #ffce75
}

.ej-chip:where(.ej-chip--effect-plain.ej-chip--color-orange:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #fff;
    --ej-chip-color-text: #f76706;
    --ej-chip-color-border: #fbddc8
}

.ej-chip:where(.ej-chip--effect-plain.ej-chip--color-orange:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-background: #fef1e9;
    --ej-chip-color-border: #fcb586
}

.ej-chip:where(.ej-chip--effect-plain.ej-chip--color-purple:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #fff;
    --ej-chip-color-text: #ae3ec9;
    --ej-chip-color-border: #eedbf3
}

.ej-chip:where(.ej-chip--effect-plain.ej-chip--color-purple:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-background: #f8f1fa;
    --ej-chip-color-border: #d9a6e6
}

.ej-chip:where(.ej-chip--effect-plain.ej-chip--color-indigo:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #fff;
    --ej-chip-color-text: #3b5bdb;
    --ej-chip-color-border: #e4e8f9
}

.ej-chip:where(.ej-chip--effect-plain.ej-chip--color-indigo:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-background: #f4f6fc;
    --ej-chip-color-border: #abb9f0
}

.ej-chip:where(.ej-chip--effect-plain.ej-chip--color-violet:not(.ej-chip--disabled)) {
    --ej-chip-color-background: #fff;
    --ej-chip-color-text: #6a43de;
    --ej-chip-color-border: #f1edfb
}

.ej-chip:where(.ej-chip--effect-plain.ej-chip--color-violet:not(.ej-chip--disabled)):where(.ej-chip--closable:not(.ej-chip--disabled)):hover {
    --ej-chip-color-background: #f9f8fd;
    --ej-chip-color-border: #c3b4f2
}

.field {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #dddcdb!important;
    border-radius: 4px;
    border-style: solid!important;
    border-width: 1px;
    color: #242322;
    cursor: text;
    font-family: inherit;
    font-size: 15px!important;
    font-weight: 400;
    height: 32px;
    line-height: 22px;
    margin: 0;
    padding: 4px;
    text-align: left;
    vertical-align: middle
}

.field.fl {
    margin-right: 8px
}

.field.fr {
    margin-left: 8px
}

.field::-webkit-input-placeholder {
    color: #abaaa8
}

.field::-moz-placeholder {
    color: #abaaa8
}

.field::-ms-input-placeholder {
    color: #abaaa8
}

.field::placeholder {
    color: #abaaa8
}

.field:hover {
    border-color: #b8b6b3!important
}

.field.focus,
.field:focus {
    border-color: #0c77c3!important
}

.field.focus,
.field:focus {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 0 3px rgba(12, 119, 195, .4);
    outline: none
}

.field.disabled,
.field.disabled:focus,
.field.disabled:hover,
.field[disabled],
.field[disabled]:focus,
.field[disabled]:hover {
    background-color: #f5f5f5!important;
    border-color: #f6f6f5!important
}

.field.disabled,
.field.disabled:focus,
.field.disabled:hover,
.field[disabled],
.field[disabled]:focus,
.field[disabled]:hover {
    box-shadow: none;
    color: #757473;
    cursor: default
}

.field.disabled::-webkit-input-placeholder,
.field[disabled]::-webkit-input-placeholder {
    color: #757473
}

.field.disabled::-moz-placeholder,
.field[disabled]::-moz-placeholder {
    color: #757473
}

.field.disabled::-ms-input-placeholder,
.field[disabled]::-ms-input-placeholder {
    color: #757473
}

.field.disabled::placeholder,
.field[disabled]::placeholder {
    color: #757473
}

.field--small {
    font-size: 12px!important;
    height: 24px;
    line-height: 14px;
    padding: 4px
}

.field--big {
    border-radius: 8px;
    font-size: 18px!important;
    height: 40px;
    line-height: 26px;
    padding: 6px
}

.field--left {
    border-radius: 4px 0 0 4px;
    border-right: 0
}

.field--right {
    border-left: 0;
    border-radius: 0 4px 4px 0
}

.field--fill,
.field[fill] {
    display: block;
    width: 100%
}

.field--noresize,
.field[noresize] {
    resize: none
}

.field--mask {
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier New, Courier, monospace
}

.field.hide {
    display: none
}

.field--time {
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier New, Courier, monospace;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 8ch
}

textarea.field {
    display: block;
    height: auto;
    max-width: 100%;
    min-height: 40px
}

input.field {
    display: inline-block
}

.fields>.field {
    border-radius: 0;
    border-top-width: 0;
    display: block;
    margin: 0;
    width: 100%
}

.fields>.field:first-child {
    border-radius: 4px 4px 0 0;
    border-top-width: 1px
}

.fields>.field:last-child {
    border-radius: 0 0 4px 4px
}

.fields>.field:focus {
    position: relative;
    z-index: 2
}

.field--normal {
    background-color: #fdf4e4!important;
    border-color: #f3c022!important
}

.field--normal:focus,
.field--normal:hover {
    border-color: #fcc419!important
}

.field--normal:focus {
    background-color: #fef5e3!important
}

.field--valid {
    background-color: #e9f3ea!important;
    border-color: #80c026!important
}

.field--valid:focus,
.field--valid:hover {
    border-color: #82c91d!important
}

.field--valid:focus {
    background-color: #e7f4e9!important
}

.field--invalid,
.field:invalid,
.invalid .field {
    background-color: #fbf4f4!important;
    border-color: #cc3031!important
}

.field--invalid:focus,
.field--invalid:hover,
.field:invalid:focus,
.field:invalid:hover,
.invalid .field:focus,
.invalid .field:hover {
    border-color: #d52728!important
}

.field--invalid:focus,
.field:invalid:focus,
.invalid .field:focus {
    background-color: #fcf4f3!important
}

.control-label,
.control-value {
    color: #5b5a58;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    white-space: nowrap
}

.control-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: #5b5a58;
    text-align: left;
    user-select: none
}

.control-label--small {
    font-size: 12px;
    line-height: 24px;
    padding: 0
}

.control-label--big {
    font-size: 18px;
    line-height: 40px;
    padding: 0
}

.control-label--multiline {
    line-height: 20px;
    padding: 6px 0;
    white-space: normal
}

.control-label--multiline.control-label--small {
    line-height: 16px;
    padding: 4px 0
}

.control-label--multiline.control-label--big {
    line-height: 24px;
    padding: 8px 0
}

.control-label--offset-left {
    padding-left: 16px
}

.control-label--offset-right {
    padding-right: 12px
}

.control-label--singleline {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.field-after,
.field-before {
    color: #242322;
    font-size: 15px;
    font-style: normal;
    height: 32px;
    line-height: 32px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    touch-action: none;
    width: 32px
}

.field-after.fa:before,
.field-after.fab:before,
.field-after.fal:before,
.field-after.fas:before,
.field-before.fa:before,
.field-before.fab:before,
.field-before.fal:before,
.field-before.fas:before {
    height: 32px;
    width: 32px
}

.field-after--small,
.field-before--small {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    width: 24px
}

.field-after--small.fa:before,
.field-after--small.fab:before,
.field-after--small.fal:before,
.field-after--small.fas:before,
.field-before--small.fa:before,
.field-before--small.fab:before,
.field-before--small.fal:before,
.field-before--small.fas:before {
    height: 24px;
    width: 24px
}

.field-after--big,
.field-before--big {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    width: 40px
}

.field-after--big.fa:before,
.field-after--big.fab:before,
.field-after--big.fal:before,
.field-after--big.fas:before,
.field-before--big.fa:before,
.field-before--big.fab:before,
.field-before--big.fal:before,
.field-before--big.fas:before {
    height: 40px;
    width: 40px
}

.field-after--clickable,
.field-before--clickable {
    pointer-events: all;
    touch-action: auto
}

.field-before+.field {
    padding-left: 32px
}

.field-before+.field--small {
    padding-left: 24px
}

.field-before+.field--big {
    padding-left: 40px
}

.field-after+.field {
    padding-right: 32px
}

.field-after+.field--small {
    padding-right: 24px
}

.field-after+.field--big {
    padding-right: 40px
}

.field-container {
    position: relative
}

.field-container .field-after {
    position: absolute;
    right: 0;
    top: 0
}

.control-checkbox,
.control-radio {
    --control-size: 32px;
    --control-padding: 6px;
    --actor-size: 17px;
    --actor-margin: 12px;
    --tick-size: 9px;
    --label-font-size: 14px;
    --actor-color: #0c77c3;
    --tick-color: #fff;
    -webkit-box-align: start;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    align-items: flex-start;
    background: transparent;
    border: 0;
    color: #242322;
    cursor: pointer;
    display: -webkit-inline-box;
    display: inline-flex;
    font-size: var(--label-font-size);
    line-height: var(--control-size);
    margin: 0;
    min-height: var(--control-size);
    min-width: var(--control-size);
    outline: none;
    padding: 0;
    text-align: left;
    user-select: none;
    vertical-align: middle
}

@supports (display:grid) {
    .control-checkbox,
    .control-radio {
        display: inline-grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto
    }
}

.control-checkbox:hover,
.control-radio:hover {
    color: #184d72
}

.control-checkbox:disabled,
.control-checkbox[disabled],
.control-radio:disabled,
.control-radio[disabled] {
    pointer-events: none
}

.control-checkbox input,
.control-radio input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    margin: 0;
    position: absolute
}

.control-checkbox__icon,
.control-radio__icon {
    -webkit-box-align: center;
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    align-content: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    flex: none;
    font-size: var(--actor-size);
    height: var(--control-size);
    justify-content: center;
    line-height: var(--actor-size);
    position: relative;
    text-align: left;
    width: calc(var(--actor-size) + var(--actor-margin))
}

@supports (display:grid) {
    .control-checkbox__icon,
    .control-radio__icon {
        grid-column: 1;
        grid-row: 1
    }
}

.control-checkbox__icon:after,
.control-checkbox__icon:before,
.control-radio__icon:after,
.control-radio__icon:before {
    content: "";
    height: var(--actor-size);
    position: absolute;
    width: var(--actor-size)
}

.control-checkbox__icon:before,
.control-radio__icon:before {
    -webkit-transition: background-color 75ms ease-in-out;
    background-color: transparent;
    border: 2px solid var(--actor-color);
    overflow: hidden;
    transition: background-color 75ms ease-in-out
}

.control-checkbox__icon:after,
.control-radio__icon:after {
    -webkit-transform: scale(.8) translate3d(0, -4px, 0);
    -webkit-transition: opacity 75ms ease-in-out, -webkit-transform 75ms ease-in-out 37.5ms;
    opacity: 0;
    transform: scale(.8) translate3d(0, -4px, 0);
    transition: opacity 75ms ease-in-out, -webkit-transform 75ms ease-in-out 37.5ms;
    transition: opacity 75ms ease-in-out, transform 75ms ease-in-out 37.5ms;
    transition: opacity 75ms ease-in-out, transform 75ms ease-in-out 37.5ms, -webkit-transform 75ms ease-in-out 37.5ms
}

.control-checkbox__label,
.control-radio__label {
    line-height: calc(var(--control-size) - var(--control-padding)*2);
    padding-bottom: var(--control-padding);
    padding-top: var(--control-padding)
}

@supports (display:grid) {
    .control-checkbox__label,
    .control-radio__label {
        grid-column: 2;
        grid-row: 1
    }
}

.control-checkbox__description,
.control-radio__description {
    color: #5b5a58;
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px
}

.control-checkbox__required-asterix {
    color: #e37971;
    margin-left: 4px
}

.control-checkbox--nowrap .control-checkbox__label,
.control-radio--nowrap .control-radio__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.control-checkbox[focus-within] .control-checkbox__icon:before,
.control-radio[focus-within] .control-radio__icon:before {
    box-shadow: 0 0 0 3px rgba(12, 119, 195, .4);
    outline: none
}

.control-checkbox:focus-within .control-checkbox__icon:before,
.control-radio:focus-within .control-radio__icon:before {
    box-shadow: 0 0 0 3px rgba(12, 119, 195, .4);
    outline: none
}

input[type=checkbox]:disabled+.control-checkbox__icon,
input[type=radio]:disabled+.control-radio__icon {
    opacity: .5
}

input[type=checkbox]:disabled+.control-checkbox__icon:before,
input[type=radio]:disabled+.control-radio__icon:before {
    box-shadow: none
}

input[type=checkbox]+.control-checkbox__icon--indeterminated:before,
input[type=checkbox]:checked+.control-checkbox__icon:before,
input[type=radio]:checked+.control-radio__icon:before {
    background-color: var(--actor-color)
}

input[type=checkbox]+.control-checkbox__icon--indeterminated:after,
input[type=checkbox]:checked+.control-checkbox__icon:after,
input[type=radio]:checked+.control-radio__icon:after {
    -webkit-transform: scale(1) translateZ(0);
    opacity: 1;
    transform: scale(1) translateZ(0)
}

input[type=checkbox]:disabled~.control-checkbox__label,
input[type=radio]:disabled~.control-radio__label {
    color: #757473
}

.control-checkbox__icon:before {
    border-radius: 2px
}

.control-checkbox__icon:after {
    -webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='m173.898 439.404-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3e%3c/svg%3e") center/var(--tick-size) auto no-repeat;
    background-color: var(--tick-color);
    mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='m173.898 439.404-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3e%3c/svg%3e") center/var(--tick-size) auto no-repeat
}

.control-checkbox__icon--indeterminated:after {
    -webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath d='M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'/%3e%3c/svg%3e") center/var(--tick-size) auto no-repeat;
    background-color: var(--tick-color);
    mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath d='M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'/%3e%3c/svg%3e") center/var(--tick-size) auto no-repeat
}

.control-radio__icon:before {
    border-radius: calc(var(--actor-size)/2)
}

.control-radio__icon:after {
    -webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z'/%3e%3c/svg%3e") center/var(--tick-size) auto no-repeat;
    background-color: var(--tick-color);
    mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z'/%3e%3c/svg%3e") center/var(--tick-size) auto no-repeat
}

.control-checkbox--small,
.control-radio--small {
    --control-size: 24px;
    --control-padding: 4px;
    --actor-size: 13px;
    --tick-size: 7px;
    --label-font-size: 12px
}

.control-checkbox--big,
.control-radio--big {
    --control-size: 40px;
    --control-padding: 8px;
    --actor-size: 20px;
    --tick-size: 10px;
    --label-font-size: 18px
}

.control-checkboxes,
.control-radios {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-inline-box;
    display: inline-flex;
    flex-direction: column;
    max-width: 100%
}

.is-eljur-select,
.is-eljur-select-hover,
.is-eljur-select-hover-href,
.select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%230c77c3'%3E%3Cpath d='M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E");
    background-position: calc(100% - 2px);
    background-repeat: no-repeat;
    background-size: 22px 1em;
    border-color: #dddcdb!important;
    border-radius: 4px;
    border-style: solid!important;
    border-width: 1px;
    color: #242322;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 15px!important;
    font-weight: 400;
    height: 32px;
    line-height: 22px;
    max-width: 100%;
    min-width: 0;
    padding: 4px;
    text-align: left;
    vertical-align: middle
}

@supports (-webkit-appearance:none) {
    .is-eljur-select,
    .is-eljur-select-hover,
    .is-eljur-select-hover-href,
    .select {
        padding-right: 24px
    }
}

.select option {
    font-size: 14px
}

.select.focus,
.select:focus {
    border-color: #0c77c3!important
}

.select.focus,
.select:focus {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 0 3px rgba(12, 119, 195, .4);
    outline: none
}

.select[multiple] {
    background-image: none!important
}

.select[multiple] {
    height: auto;
    max-height: 160px;
    min-height: 32px;
    scrollbar-color: #bcbbb9 transparent;
    scrollbar-width: thin
}

.select[multiple]:hover {
    scrollbar-color: #abaaa8 transparent
}

.select[multiple]::-webkit-scrollbar {
    height: 10px;
    width: 10px
}

.select[multiple]::-webkit-scrollbar-track {
    background: transparent
}

.select[multiple]::-webkit-scrollbar-thumb {
    background: #bcbbb9;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 5px
}

.select[multiple]::-webkit-scrollbar-thumb:hover {
    background: #abaaa8;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 5px
}

.select[multiple]::-webkit-scrollbar-button {
    display: none
}

.select[multiple]::-webkit-scrollbar-corner {
    background-color: transparent
}

.select.disabled,
.select[disabled] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23757473'%3E%3Cpath d='M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E")
}

.select.disabled,
.select.disabled:focus,
.select.disabled:hover,
.select[disabled],
.select[disabled]:focus,
.select[disabled]:hover {
    background-color: #f5f5f5!important;
    border-color: #f6f6f5!important
}

.select.disabled,
.select.disabled:focus,
.select.disabled:hover,
.select[disabled],
.select[disabled]:focus,
.select[disabled]:hover {
    box-shadow: none;
    color: #757473;
    cursor: default
}

.select.disabled::-webkit-input-placeholder,
.select[disabled]::-webkit-input-placeholder {
    color: #757473
}

.select.disabled::-moz-placeholder,
.select[disabled]::-moz-placeholder {
    color: #757473
}

.select.disabled::-ms-input-placeholder,
.select[disabled]::-ms-input-placeholder {
    color: #757473
}

.select.disabled::placeholder,
.select[disabled]::placeholder {
    color: #757473
}

.select--small {
    background-size: 14px 1em;
    font-size: 12px!important;
    height: 24px;
    line-height: 14px;
    min-height: 24px;
    padding: 4px 16px 4px 4px
}

.select--big {
    background-size: 26px 1em;
    border-radius: 8px;
    font-size: 18px!important;
    height: 40px;
    line-height: 26px;
    min-height: 40px;
    padding: 6px 29px 6px 6px
}

.select--fill,
.select[fill] {
    display: block;
    width: 100%
}

.button {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    -webkit-transition: background-color .12s ease-in-out, border-color .12s ease-in-out, box-shadow .17s ease-in-out, color 75ms ease-in-out;
    background: #7a7d83!important;
    border: 0 solid #616469!important;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1);
    color: #fff!important;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    margin: 0;
    max-width: 100%;
    padding: 0 12px;
    text-align: center;
    text-decoration: none!important;
    text-shadow: none!important;
    transition: background-color .12s ease-in-out, border-color .12s ease-in-out, box-shadow .17s ease-in-out, color 75ms ease-in-out;
    user-select: none!important;
    vertical-align: middle;
    white-space: nowrap!important;
    width: auto!important
}

.button,
.button * {
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important
}

.button * {
    outline: none!important
}

.button.focus,
.button.focus-visible {
    box-shadow: 0 0 0 3px rgba(12, 119, 195, .4);
    outline: none
}

.button.focus,
.button:focus-visible {
    box-shadow: 0 0 0 3px rgba(12, 119, 195, .4);
    outline: none
}

.button.disabled,
.button[disabled] {
    cursor: default
}

.button.button--outline {
    background: hsla(220, 4%, 50%, .05)!important;
    border-color: #7a7d83!important;
    box-shadow: none;
    color: #7a7d83!important;
    line-height: 30px;
    text-shadow: none!important
}

.button.button--back:before,
.button.button--next:after {
    height: 30px;
    width: 21px
}

.button.button--back,
.button.button--next {
    padding-left: 9px
}

.button.button--compact {
    padding-left: 8px;
    padding-right: 8px
}

.button.button--round {
    border-radius: 16px
}

.button.button--icon {
    padding-left: 0;
    padding-right: 0;
    width: 32px!important
}

.button.button--checkbox,
.button.button--radio {
    padding-left: 8px;
    padding-right: 8px
}

.button:active,
.button:focus {
    outline: none!important
}

.button.fl,
.button.fr {
    display: block!important
}

.button.fl+.button.fl {
    margin-left: 12px
}

.button.fl+.button.fr {
    margin-left: 0
}

.button.fr,
.button.fr+.button {
    margin-left: 12px
}

.button.hide {
    display: none!important
}

.button input {
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    background: transparent!important;
    border: 0!important;
    color: inherit!important;
    font-size: inherit!important;
    height: auto;
    line-height: inherit!important;
    margin: 0!important;
    outline: none!important;
    padding: 0!important
}

.button .fa,
.button .fab,
.button .fad,
.button .fal,
.button .fas {
    margin: 0
}

.button .fa,
.button .fa:before,
.button .fab,
.button .fab:before,
.button .fad,
.button .fad:before,
.button .fal,
.button .fal:before,
.button .fas,
.button .fas:before {
    font-size: inherit;
    line-height: inherit
}

.button .fa+*,
.button .fab+*,
.button .fad+*,
.button .fal+*,
.button .fas+* {
    margin-left: .15em
}

.button .small {
    font-weight: inherit;
    line-height: inherit
}

.button__icon {
    display: inline-block;
    max-height: 1.05em;
    vertical-align: middle
}

.button__icon-right {
    padding-left: 6px
}

.button__title {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

.button--tiny {
    font-size: 12px;
    font-weight: 550;
    height: 20px;
    line-height: 20px;
    padding: 0 4px
}

.button--tiny.button--outline {
    line-height: 18px
}

.button--tiny.button--back:before,
.button--tiny.button--next:after {
    height: 18px;
    width: 7px
}

.button--tiny.button--back,
.button--tiny.button--next {
    padding-left: 3px
}

.button--tiny.button--compact {
    padding-left: 0;
    padding-right: 0
}

.button--tiny.button--round {
    border-radius: 10px
}

.button--tiny.button--icon {
    padding-left: 0;
    padding-right: 0;
    width: 20px!important
}

.button--tiny.button--checkbox,
.button--tiny.button--radio {
    padding-left: 3px;
    padding-right: 3px
}

.button--tiny .button__icon-right {
    padding-left: 2px
}

.button--small {
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
    padding: 0 8px
}

.button--small.button--outline {
    line-height: 22px
}

.button--small.button--back:before,
.button--small.button--next:after {
    height: 22px;
    width: 14px
}

.button--small.button--back,
.button--small.button--next {
    padding-left: 6px
}

.button--small.button--compact {
    padding-left: 4px;
    padding-right: 4px
}

.button--small.button--round {
    border-radius: 12px
}

.button--small.button--icon {
    padding-left: 0;
    padding-right: 0;
    width: 24px!important
}

.button--small.button--checkbox,
.button--small.button--radio {
    padding-left: 5px;
    padding-right: 5px
}

.button--small .button__icon-right {
    padding-left: 4px
}

.button--big {
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    padding: 0 16px
}

.button--big.button--outline {
    line-height: 38px
}

.button--big.button--back:before,
.button--big.button--next:after {
    height: 38px;
    width: 28px
}

.button--big.button--back,
.button--big.button--next {
    padding-left: 12px
}

.button--big.button--compact {
    padding-left: 12px;
    padding-right: 12px
}

.button--big.button--round {
    border-radius: 20px
}

.button--big.button--icon {
    padding-left: 0;
    padding-right: 0;
    width: 40px!important
}

.button--big.button--checkbox,
.button--big.button--radio {
    padding-left: 11px;
    padding-right: 11px
}

.button--big .button__icon-right {
    padding-left: 8px
}

.button--auto {
    height: auto!important
}

.button--fill {
    display: block!important;
    width: 100%!important
}

.button--fill+.button--fill {
    margin-left: 0
}

.button--nopadding {
    padding: 0
}

.button--back .fa,
.button--next .fa {
    display: none
}

.button--back:before,
.button--next:after {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    display: inline-block;
    font-family: font awesome solid;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    vertical-align: initial
}

.button--outline {
    border-width: 1px!important
}

.button.hover,
.button:hover {
    background: #8c8f94!important;
    border-color: #73757b!important;
    color: #fff!important;
    text-shadow: none!important
}

.button.hover,
.button:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1)
}

.button.active,
.button:active {
    background: #6e7076!important;
    border-color: #55575b!important;
    color: #f2f2f2!important;
    text-shadow: 0 1px 1px #616469!important
}

.button.active,
.button:active {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button.focus,
.button:focus {
    border-color: #55575b!important
}

.button.focus,
.button:focus {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button.disabled,
.button.disabled:hover,
.button[disabled],
.button[disabled]:hover {
    background: #e5e5e5!important;
    border-color: #d8d8d8!important;
    box-shadow: none!important;
    color: #929397!important;
    text-shadow: none!important
}

.button.button--outline.hover,
.button.button--outline:hover {
    background: #8c8f94!important;
    border-color: #8c8f94!important;
    color: #fff!important;
    text-shadow: none!important
}

.button.button--outline.hover,
.button.button--outline:hover {
    box-shadow: none
}

.button.button--outline.active,
.button.button--outline:active {
    background: #7a7d83!important;
    border-color: #7a7d83!important;
    color: #fff!important;
    text-shadow: none!important
}

.button.button--outline.active,
.button.button--outline:active {
    box-shadow: none
}

.button.button--outline.focus,
.button.button--outline:focus {
    border-color: #7a7d83!important
}

.button.button--outline.focus,
.button.button--outline:focus {
    box-shadow: none
}

.button.button--outline.disabled,
.button.button--outline.disabled:hover,
.button.button--outline[disabled],
.button.button--outline[disabled]:hover {
    background: #f0f0f0!important;
    border-color: #bbb!important;
    box-shadow: none!important;
    color: #999!important;
    text-shadow: none!important
}

.button--red {
    background: #d8443a!important;
    border-color: #ba2e25!important;
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1);
    color: #fff!important;
    text-shadow: none!important
}

.button--red.hover,
.button--red:hover {
    background: #de6058!important;
    border-color: #d5382d!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--red.hover,
.button--red:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1)
}

.button--red.active,
.button--red:active {
    background: #cf3429!important;
    border-color: #a52921!important;
    color: #f2f2f2!important;
    text-shadow: 0 1px 1px #ba2e25!important
}

.button--red.active,
.button--red:active {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button--red.focus,
.button--red:focus {
    border-color: #a52921!important
}

.button--red.focus,
.button--red:focus {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button--red.disabled,
.button--red.disabled:hover,
.button--red[disabled],
.button--red[disabled]:hover {
    background: #f3ebeb!important;
    border-color: #eadbdb!important;
    box-shadow: none!important;
    color: #c17772!important;
    text-shadow: none!important
}

.button--red.button--outline {
    background: rgba(216, 68, 58, .05)!important;
    border-color: #d8443a!important;
    box-shadow: none;
    color: #d8443a!important;
    text-shadow: none!important
}

.button--red.button--outline.hover,
.button--red.button--outline:hover {
    background: #de6058!important;
    border-color: #de6058!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--red.button--outline.hover,
.button--red.button--outline:hover {
    box-shadow: none
}

.button--red.button--outline.active,
.button--red.button--outline:active {
    background: #d8443a!important;
    border-color: #d8443a!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--red.button--outline.active,
.button--red.button--outline:active {
    box-shadow: none
}

.button--red.button--outline.focus,
.button--red.button--outline:focus {
    border-color: #d8443a!important
}

.button--red.button--outline.focus,
.button--red.button--outline:focus {
    box-shadow: none
}

.button--red.button--outline.disabled,
.button--red.button--outline.disabled:hover,
.button--red.button--outline[disabled],
.button--red.button--outline[disabled]:hover {
    background: #f0f0f0!important;
    border-color: #bbb!important;
    box-shadow: none!important;
    color: #999!important;
    text-shadow: none!important
}

.button--orange {
    background: #f76706!important;
    border-color: #c55205!important;
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1);
    color: #fff!important;
    text-shadow: none!important
}

.button--orange.hover,
.button--orange:hover {
    background: #fa7c27!important;
    border-color: #e86106!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--orange.hover,
.button--orange:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1)
}

.button--orange.active,
.button--orange:active {
    background: #de5d05!important;
    border-color: #ac4804!important;
    color: #f2f2f2!important;
    text-shadow: 0 1px 1px #c55205!important
}

.button--orange.active,
.button--orange:active {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button--orange.focus,
.button--orange:focus {
    border-color: #ac4804!important
}

.button--orange.focus,
.button--orange:focus {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button--orange.disabled,
.button--orange.disabled:hover,
.button--orange[disabled],
.button--orange[disabled]:hover {
    background: #f3e2d6!important;
    border-color: #edd4c2!important;
    box-shadow: none!important;
    color: #d18958!important;
    text-shadow: none!important
}

.button--orange.button--outline {
    background: rgba(247, 103, 6, .05)!important;
    border-color: #f76706!important;
    box-shadow: none;
    color: #f76706!important;
    text-shadow: none!important
}

.button--orange.button--outline.hover,
.button--orange.button--outline:hover {
    background: #fa7c27!important;
    border-color: #fa7c27!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--orange.button--outline.hover,
.button--orange.button--outline:hover {
    box-shadow: none
}

.button--orange.button--outline.active,
.button--orange.button--outline:active {
    background: #f76706!important;
    border-color: #f76706!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--orange.button--outline.active,
.button--orange.button--outline:active {
    box-shadow: none
}

.button--orange.button--outline.focus,
.button--orange.button--outline:focus {
    border-color: #f76706!important
}

.button--orange.button--outline.focus,
.button--orange.button--outline:focus {
    box-shadow: none
}

.button--orange.button--outline.disabled,
.button--orange.button--outline.disabled:hover,
.button--orange.button--outline[disabled],
.button--orange.button--outline[disabled]:hover {
    background: #f0f0f0!important;
    border-color: #bbb!important;
    box-shadow: none!important;
    color: #999!important;
    text-shadow: none!important
}

.button--yellow {
    background: #ef9b00!important;
    border-color: #bc7a00!important;
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1);
    color: #fff!important;
    text-shadow: none!important
}

.button--yellow.hover,
.button--yellow:hover {
    background: #ffac14!important;
    border-color: #e09100!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--yellow.hover,
.button--yellow:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1)
}

.button--yellow.active,
.button--yellow:active {
    background: #d68a00!important;
    border-color: #a36900!important;
    color: #f2f2f2!important;
    text-shadow: 0 1px 1px #bc7a00!important
}

.button--yellow.active,
.button--yellow:active {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button--yellow.focus,
.button--yellow:focus {
    border-color: #a36900!important
}

.button--yellow.focus,
.button--yellow:focus {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button--yellow.disabled,
.button--yellow.disabled:hover,
.button--yellow[disabled],
.button--yellow[disabled]:hover {
    background: #f2e3c9!important;
    border-color: #edd9b5!important;
    box-shadow: none!important;
    color: #cca355!important;
    text-shadow: none!important
}

.button--yellow.button--outline {
    background: rgba(239, 155, 0, .05)!important;
    border-color: #ef9b00!important;
    box-shadow: none;
    color: #ef9b00!important;
    text-shadow: none!important
}

.button--yellow.button--outline.hover,
.button--yellow.button--outline:hover {
    background: #ffac14!important;
    border-color: #ffac14!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--yellow.button--outline.hover,
.button--yellow.button--outline:hover {
    box-shadow: none
}

.button--yellow.button--outline.active,
.button--yellow.button--outline:active {
    background: #ef9b00!important;
    border-color: #ef9b00!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--yellow.button--outline.active,
.button--yellow.button--outline:active {
    box-shadow: none
}

.button--yellow.button--outline.focus,
.button--yellow.button--outline:focus {
    border-color: #ef9b00!important
}

.button--yellow.button--outline.focus,
.button--yellow.button--outline:focus {
    box-shadow: none
}

.button--yellow.button--outline.disabled,
.button--yellow.button--outline.disabled:hover,
.button--yellow.button--outline[disabled],
.button--yellow.button--outline[disabled]:hover {
    background: #f0f0f0!important;
    border-color: #bbb!important;
    box-shadow: none!important;
    color: #999!important;
    text-shadow: none!important
}

.button--green {
    background: #3fa149!important;
    border-color: #317c38!important;
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1);
    color: #fff!important;
    text-shadow: none!important
}

.button--green.hover,
.button--green:hover {
    .bimga {
        filter: brightness(0) invert(1);
    }
    background: #4bb956!important;
    border-color: #3b9644!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--green.hover,
.button--green:hover {
    .bimga {
        filter: brightness(0) invert(1);
    }
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1)
}

.button--green.active,
.button--green:active {
    background: #388f41!important;
    border-color: #296a30!important;
    color: #f2f2f2!important;
    text-shadow: 0 1px 1px #317c38!important
}

.button--green.active,
.button--green:active {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button--green.focus,
.button--green:focus {
    border-color: #296a30!important
}

.button--green.focus,
.button--green:focus {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button--green.disabled,
.button--green.disabled:hover,
.button--green[disabled],
.button--green[disabled]:hover {
    background: #d4d8d5!important;
    border-color: #c7cbc8!important;
    box-shadow: none!important;
    color: #75a67a!important;
    text-shadow: none!important
}

.button--green.button--outline {
    background: rgba(63, 161, 73, .05)!important;
    border-color: #3fa149!important;
    box-shadow: none;
    color: #3fa149!important;
    text-shadow: none!important
}

.button--green.button--outline.hover,
.button--green.button--outline:hover {
    background: #4bb956!important;
    border-color: #4bb956!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--green.button--outline.hover,
.button--green.button--outline:hover {
    box-shadow: none
}

.button--green.button--outline.active,
.button--green.button--outline:active {
    background: #3fa149!important;
    border-color: #3fa149!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--green.button--outline.active,
.button--green.button--outline:active {
    box-shadow: none
}

.button--green.button--outline.focus,
.button--green.button--outline:focus {
    border-color: #3fa149!important
}

.button--green.button--outline.focus,
.button--green.button--outline:focus {
    box-shadow: none
}

.button--green.button--outline.disabled,
.button--green.button--outline.disabled:hover,
.button--green.button--outline[disabled],
.button--green.button--outline[disabled]:hover {
    background: #f0f0f0!important;
    border-color: #bbb!important;
    box-shadow: none!important;
    color: #999!important;
    text-shadow: none!important
}

.button--blue {
    background: #0c77c3!important;
    border-color: #095a93!important;
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1);
    color: #fff!important;
    text-shadow: none!important
}

.button--blue.hover,
.button--blue:hover {
    background: #0e8ce5!important;
    border-color: #0b6eb5!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--blue.hover,
.button--blue:hover {
    .bimga {
        filter: brightness(0) invert(1);
    }
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1)
}

.button--blue.active,
.button--blue:active {
    .bimga {
        filter: brightness(0) invert(1);
    }
    background: #0b68ab!important;
    border-color: #084b7b!important;
    color: #f2f2f2!important;
    text-shadow: 0 1px 1px #095a93!important
}

.button--blue.active,
.button--blue:active {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button--blue.focus,
.button--blue:focus {
    border-color: #084b7b!important
}

.button--blue.focus,
.button--blue:focus {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button--blue.disabled,
.button--blue.disabled:hover,
.button--blue[disabled],
.button--blue[disabled]:hover {
    background: #b6d2e5!important;
    border-color: #a3c6df!important;
    box-shadow: none!important;
    color: #5b91b7!important;
    text-shadow: none!important
}

.button--blue.button--outline {
    background: rgba(12, 119, 195, .05)!important;
    border-color: #0c77c3!important;
    box-shadow: none;
    color: #0c77c3!important;
    text-shadow: none!important
}

.button--blue.button--outline.hover,
.button--blue.button--outline:hover {
    background: #0e8ce5!important;
    border-color: #0e8ce5!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--blue.button--outline.hover,
.button--blue.button--outline:hover {
    box-shadow: none
}

.button--blue.button--outline.active,
.button--blue.button--outline:active {
    background: #0c77c3!important;
    border-color: #0c77c3!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--blue.button--outline.active,
.button--blue.button--outline:active {
    box-shadow: none
}

.button--blue.button--outline.focus,
.button--blue.button--outline:focus {
    border-color: #0c77c3!important
}

.button--blue.button--outline.focus,
.button--blue.button--outline:focus {
    box-shadow: none
}

.button--blue.button--outline.disabled,
.button--blue.button--outline.disabled:hover,
.button--blue.button--outline[disabled],
.button--blue.button--outline[disabled]:hover {
    background: #f0f0f0!important;
    border-color: #bbb!important;
    box-shadow: none!important;
    color: #999!important;
    text-shadow: none!important
}

.button--purple {
    background: #dc277d!important;
    border-color: #b31d64!important;
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1);
    color: #fff!important;
    text-shadow: none!important
}

.button--purple.hover,
.button--purple:hover {
    background: #e1468f!important;
    border-color: #d22275!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--purple.hover,
.button--purple:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1)
}

.button--purple.active,
.button--purple:active {
    background: #c92171!important;
    border-color: #9d1958!important;
    color: #f2f2f2!important;
    text-shadow: 0 1px 1px #b31d64!important
}

.button--purple.active,
.button--purple:active {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button--purple.focus,
.button--purple:focus {
    border-color: #9d1958!important
}

.button--purple.focus,
.button--purple:focus {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button--purple.disabled,
.button--purple.disabled:hover,
.button--purple[disabled],
.button--purple[disabled]:hover {
    background: #efe0e7!important;
    border-color: #e6cfda!important;
    box-shadow: none!important;
    color: #c36993!important;
    text-shadow: none!important
}

.button--purple.button--outline {
    background: rgba(220, 39, 125, .05)!important;
    border-color: #dc277d!important;
    box-shadow: none;
    color: #dc277d!important;
    text-shadow: none!important
}

.button--purple.button--outline.hover,
.button--purple.button--outline:hover {
    background: #e1468f!important;
    border-color: #e1468f!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--purple.button--outline.hover,
.button--purple.button--outline:hover {
    box-shadow: none
}

.button--purple.button--outline.active,
.button--purple.button--outline:active {
    background: #dc277d!important;
    border-color: #dc277d!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--purple.button--outline.active,
.button--purple.button--outline:active {
    box-shadow: none
}

.button--purple.button--outline.focus,
.button--purple.button--outline:focus {
    border-color: #dc277d!important
}

.button--purple.button--outline.focus,
.button--purple.button--outline:focus {
    box-shadow: none
}

.button--purple.button--outline.disabled,
.button--purple.button--outline.disabled:hover,
.button--purple.button--outline[disabled],
.button--purple.button--outline[disabled]:hover {
    background: #f0f0f0!important;
    border-color: #bbb!important;
    box-shadow: none!important;
    color: #999!important;
    text-shadow: none!important
}

.button--ismart {
    background: #ffd600!important;
    border-color: #ccab00!important;
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1);
    color: #111!important;
    text-shadow: none!important
}

.button--ismart.hover,
.button--ismart:hover {
    background: #ffdc24!important;
    border-color: #f0c900!important;
    color: #111!important;
    text-shadow: none!important
}

.button--ismart.hover,
.button--ismart:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1)
}

.button--ismart.active,
.button--ismart:active {
    background: #e6c100!important;
    border-color: #b39600!important;
    color: #101010!important;
    text-shadow: 0 1px 1px #ccab00!important
}

.button--ismart.active,
.button--ismart:active {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button--ismart.focus,
.button--ismart:focus {
    border-color: #b39600!important
}

.button--ismart.focus,
.button--ismart:focus {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button--ismart.disabled,
.button--ismart.disabled:hover,
.button--ismart[disabled],
.button--ismart[disabled]:hover {
    background: #f5f0d6!important;
    border-color: #f0e8c2!important;
    box-shadow: none!important;
    color: #d5c055!important;
    text-shadow: none!important
}

.button--ismart.button--outline {
    background: rgba(255, 214, 0, .05)!important;
    border-color: #ffd600!important;
    box-shadow: none;
    color: #ffd600!important;
    text-shadow: none!important
}

.button--ismart.button--outline.hover,
.button--ismart.button--outline:hover {
    background: #ffdc24!important;
    border-color: #ffdc24!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--ismart.button--outline.hover,
.button--ismart.button--outline:hover {
    box-shadow: none
}

.button--ismart.button--outline.active,
.button--ismart.button--outline:active {
    background: #ffd600!important;
    border-color: #ffd600!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--ismart.button--outline.active,
.button--ismart.button--outline:active {
    box-shadow: none
}

.button--ismart.button--outline.focus,
.button--ismart.button--outline:focus {
    border-color: #ffd600!important
}

.button--ismart.button--outline.focus,
.button--ismart.button--outline:focus {
    box-shadow: none
}

.button--ismart.button--outline.disabled,
.button--ismart.button--outline.disabled:hover,
.button--ismart.button--outline[disabled],
.button--ismart.button--outline[disabled]:hover {
    background: #f0f0f0!important;
    border-color: #bbb!important;
    box-shadow: none!important;
    color: #999!important;
    text-shadow: none!important
}

.button--yandex {
    background: #2abcbc!important;
    border-color: #219292!important;
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1);
    color: #fff!important;
    text-shadow: none!important
}

.button--yandex.hover,
.button--yandex:hover {
    background: #37d2d2!important;
    border-color: #27afaf!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--yandex.hover,
.button--yandex:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1)
}

.button--yandex.active,
.button--yandex:active {
    background: #25a7a7!important;
    border-color: #1c7d7d!important;
    color: #f2f2f2!important;
    text-shadow: 0 1px 1px #219292!important
}

.button--yandex.active,
.button--yandex:active {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button--yandex.focus,
.button--yandex:focus {
    border-color: #1c7d7d!important
}

.button--yandex.focus,
.button--yandex:focus {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button--yandex.disabled,
.button--yandex.disabled:hover,
.button--yandex[disabled],
.button--yandex[disabled]:hover {
    background: #d0e2e2!important;
    border-color: #c0d8d8!important;
    box-shadow: none!important;
    color: #6ab3b3!important;
    text-shadow: none!important
}

.button--yandex.button--outline {
    background: rgba(42, 188, 188, .05)!important;
    border-color: #2abcbc!important;
    box-shadow: none;
    color: #2abcbc!important;
    text-shadow: none!important
}

.button--yandex.button--outline.hover,
.button--yandex.button--outline:hover {
    background: #37d2d2!important;
    border-color: #37d2d2!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--yandex.button--outline.hover,
.button--yandex.button--outline:hover {
    box-shadow: none
}

.button--yandex.button--outline.active,
.button--yandex.button--outline:active {
    background: #2abcbc!important;
    border-color: #2abcbc!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--yandex.button--outline.active,
.button--yandex.button--outline:active {
    box-shadow: none
}

.button--yandex.button--outline.focus,
.button--yandex.button--outline:focus {
    border-color: #2abcbc!important
}

.button--yandex.button--outline.focus,
.button--yandex.button--outline:focus {
    box-shadow: none
}

.button--yandex.button--outline.disabled,
.button--yandex.button--outline.disabled:hover,
.button--yandex.button--outline[disabled],
.button--yandex.button--outline[disabled]:hover {
    background: #f0f0f0!important;
    border-color: #bbb!important;
    box-shadow: none!important;
    color: #999!important;
    text-shadow: none!important
}

.button--white {
    background: #fff!important;
    border-color: #e6e6e6!important;
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1);
    color: #111!important;
    text-shadow: none!important
}

.button--white.hover,
.button--white:hover {
    background: #fff!important;
    border-color: #e6e6e6!important;
    color: #111!important;
    text-shadow: none!important
}

.button--white.hover,
.button--white:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1)
}

.button--white.active,
.button--white:active {
    background: #f2f2f2!important;
    border-color: #d9d9d9!important;
    color: #101010!important;
    text-shadow: 0 1px 1px #e5e5e5!important
}

.button--white.active,
.button--white:active {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button--white.focus,
.button--white:focus {
    border-color: #d9d9d9!important
}

.button--white.focus,
.button--white:focus {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .25), inset 0 0 4px rgba(0, 0, 0, .05)
}

.button--white.disabled,
.button--white.disabled:hover,
.button--white[disabled],
.button--white[disabled]:hover {
    background: #fff!important;
    border-color: #f2f2f2!important;
    box-shadow: none!important;
    color: #d5d5d5!important;
    text-shadow: none!important
}

.button--white.button--outline {
    background: hsla(0, 0%, 100%, .05)!important;
    border-color: #949494!important;
    box-shadow: none;
    color: #949494!important;
    text-shadow: none!important
}

.button--white.button--outline.hover,
.button--white.button--outline:hover {
    background: #a6a6a6!important;
    border-color: #a6a6a6!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--white.button--outline.hover,
.button--white.button--outline:hover {
    box-shadow: none
}

.button--white.button--outline.active,
.button--white.button--outline:active {
    background: #949494!important;
    border-color: #949494!important;
    color: #fff!important;
    text-shadow: none!important
}

.button--white.button--outline.active,
.button--white.button--outline:active {
    box-shadow: none
}

.button--white.button--outline.focus,
.button--white.button--outline:focus {
    border-color: #949494!important
}

.button--white.button--outline.focus,
.button--white.button--outline:focus {
    box-shadow: none
}

.button--white.button--outline.disabled,
.button--white.button--outline.disabled:hover,
.button--white.button--outline[disabled],
.button--white.button--outline[disabled]:hover {
    background: #f0f0f0!important;
    border-color: #bbb!important;
    box-shadow: none!important;
    color: #999!important;
    text-shadow: none!important
}

.button--left {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.button--right {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.button--checkbox:before,
.button--radio:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-transform: none;
    -webkit-transition: text-shadow .17s ease-in-out, -webkit-transform 75ms ease-in-out;
    display: inline-block;
    font-family: font awesome light;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    line-height: inherit;
    margin-right: .18em;
    text-align: left;
    text-shadow: none;
    transform: none;
    transition: text-shadow .17s ease-in-out, -webkit-transform 75ms ease-in-out;
    transition: transform 75ms ease-in-out, text-shadow .17s ease-in-out;
    transition: transform 75ms ease-in-out, text-shadow .17s ease-in-out, -webkit-transform 75ms ease-in-out;
    vertical-align: baseline;
    vertical-align: initial;
    width: 1.2em
}

.button--checkbox:active:before,
.button--radio:active:before {
    -webkit-transform: scale(.9);
    text-shadow: 0 0 12px rgba(0, 0, 0, .1);
    transform: scale(.9)
}

.button--checkbox.active:before,
.button--checkbox:active:before,
.button--radio.active:before,
.button--radio:active:before,
input:checked+.button--checkbox:before,
input:checked+.button--radio:before {
    font-family: font awesome solid;
    text-shadow: 0 0 8px rgba(0, 0, 0, .18)
}

.button--checkbox.disabled:before,
.button--checkbox:disabled:before,
.button--radio.disabled:before,
.button--radio:disabled:before {
    text-shadow: none
}

.button--checkbox i,
.button--radio i {
    display: none!important
}

.button--radio:before {
    content: "\f111"
}

.button--radio.active:before,
.button--radio:active:before,
input:checked+.button--radio:before {
    content: "\f192"
}

.button--checkbox:before {
    content: "\f0c8"
}

.button--checkbox.active:before,
.button--checkbox:active:before,
input:checked+.button--checkbox:before {
    content: "\f14a"
}

.button--back:before {
    content: "\f060";
    text-align: left
}

.button--next:after {
    content: "\f061";
    text-align: right
}

.button--icon {
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.button--icon.button--back:before {
    text-align: center;
    width: 100%
}

.button--icon.button--next:after {
    text-align: center;
    width: 100%
}

.button--ismart-logo {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex
}

.button--ismart-logo:after,
.button--ismart-logo:before {
    display: none!important
}

.button--ismart-logo>img {
    display: block;
    height: 90%;
    margin: 0 auto;
    width: auto
}

.button--counter {
    position: relative
}

.button--counter .button__counter {
    -webkit-transform: translate(25%, -50%);
    background-color: #d52728;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    color: #fff;
    display: block;
    margin: 0;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: 0;
    transform: translate(25%, -50%);
    width: auto
}

.button__counter {
    border-radius: 7px;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    height: 14px;
    line-height: 13px;
    min-width: 14px;
    padding: 0 4px;
    pointer-events: none;
    vertical-align: middle
}

.button__counter.hide {
    display: none
}

.buttons-many {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.buttons-many .button {
    margin: 0 8px 8px 0
}

.buttons-many--center {
    -webkit-box-pack: center;
    justify-content: center
}

.buttons-many--center .button {
    margin: 0 0 8px 8px
}

.buttons-many--right {
    -webkit-box-pack: end;
    justify-content: flex-end
}

.buttons-many--right .button {
    margin: 0 0 8px 8px
}

.buttons-many--space-between {
    -webkit-box-pack: justify;
    justify-content: space-between
}

.buttons-many--space-between .button {
    margin: 0
}

.buttons-many--space-around {
    justify-content: space-around
}

.buttons-many--space-around .button {
    margin: 0
}

.buttons-many--nowrap {
    flex-wrap: nowrap
}

.buttons-many--nowrap .button {
    margin-bottom: 0
}

.buttons-group {
    font-size: 0;
    margin: 0
}

.buttons-group .button {
    margin: 0!important;
    z-index: 1
}

.buttons-group .button.button--first:not(.button--last),
.buttons-group .button:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.buttons-group .button:not(:first-child):not(:last-child) {
    border-radius: 0
}

.buttons-group .button:not(:last-child):not(:first-child:last-child) {
    border-right-width: 1px!important
}

.buttons-group .button.button--last:not(.button--first),
.buttons-group .button:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.buttons-group .button.active {
    position: relative;
    z-index: 3
}

.buttons-group .button:hover {
    position: relative;
    z-index: 2
}

.buttons-group .button:active,
.buttons-group .button:focus {
    position: relative;
    z-index: 4
}

.buttons-group .button--outline:not(:last-child):not(:first-child:last-child) {
    border-right-width: 0!important
}

.buttons-group--inline {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-inline-box;
    display: inline-flex;
    flex-flow: row nowrap;
    vertical-align: middle;
    width: auto
}

.buttons-group--inline .button {
    -webkit-box-flex: 99;
    flex: 99 1 auto;
    text-align: left
}

.buttons-group--inline .button--icon {
    text-align: center
}

.buttons-group--flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap;
    width: 100%
}

.buttons-group--flex .button {
    -webkit-box-flex: 99;
    flex: 99 1 auto;
    text-align: left
}

@supports (display:inline-grid) {
    .buttons-group--equal {
        display: inline-grid;
        grid-auto-columns: 1fr;
        grid-template-rows: 1fr
    }
    .buttons-group--equal .button {
        grid-row: 1
    }
    .buttons-group--equal .button+.button {
        border-left: 0!important;
        margin: 0!important
    }
}

.buttons-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 32px
}

.buttons-vertical--fluid {
    width: auto
}

.buttons-vertical .button {
    border-radius: 0;
    margin: 0
}

.buttons-vertical .button:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.buttons-vertical .button:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.buttons-vertical .button+.button {
    margin: -1px 0 0
}

.buttons-vertical .button.active {
    position: relative;
    z-index: 3
}

.buttons-vertical .button:hover {
    position: relative;
    z-index: 2
}

.buttons-vertical .button:active,
.buttons-vertical .button:focus {
    position: relative;
    z-index: 4
}

@supports (display:grid) {
    :root {
        --form-block-margin: 0;
        --form-group-margin: 0;
        --form-group-padding: 0;
        --form-hr-margin: calc(var(--form-gutter-major) - var(--form-gutter)) 0
    }
}

.ej-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    margin: 0;
    max-width: 960px;
    max-width: var(--form-max-width);
    padding: 0;
    padding: var(--form-padding-y) var(--form-padding-x);
    text-align: left;
    text-align: var(--form-text-align)
}

@supports (display:grid) {
    .ej-form,
    .ej-form .ej-form__body {
        display: grid
    }
    .ej-form {
        grid-gap: 20px;
        grid-gap: var(--form-gutter-major);
        grid-template-columns: repeat(1, 1fr)
    }
}

.ej-form__body,
.ej-form__footer,
.ej-form__header,
.ej-form__title {
    display: block;
    margin: 16px 0;
    margin: var(--form-block-margin)
}

.ej-form__body:first-child,
.ej-form__footer:first-child,
.ej-form__header:first-child,
.ej-form__title:first-child {
    margin-top: 0
}

.ej-form__body:last-child,
.ej-form__footer:last-child,
.ej-form__header:last-child,
.ej-form__title:last-child {
    margin-bottom: 0
}

.ej-form__header {
    color: #242322;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px
}

.ej-form__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: flex;
    flex-direction: column
}

@supports (display:grid) {
    .ej-form__body {
        grid-gap: 16px;
        grid-gap: var(--form-gutter);
        grid-template-columns: repeat(1, 1fr)
    }
}

.ej-form__footer {
    padding-left: 180px;
    padding-left: var(--form-fix-left);
    padding-top: 12px;
    padding-top: var(--form-gutter-minor)
}

.ej-form__title {
    color: #5b5a58;
    font-family: inherit;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px
}

.ej-form__text {
    font-size: 14px;
    line-height: 20px;
    max-width: 720px
}

.ej-form__clear {
    height: 1px;
    margin-top: -1px;
    width: 100%
}

.ej-form__spacer {
    height: 16px;
    height: var(--form-gutter)
}

.ej-form__hr {
    margin: 20px 0;
    margin: var(--form-hr-margin)
}

.ej-form__hr:before {
    background-color: #dddcdb;
    content: "";
    display: block;
    height: 1px
}

.ej-form label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ej-form__title:first-child {
    margin-top: 0
}

.ej-form__title:last-child {
    margin-bottom: 0
}

.ej-form__clear,
.ej-form__spacer,
.ej-form__text,
.ej-form__title {
    -webkit-box-flex: 0;
    flex: none;
    width: 100%
}

.ej-form .page-title,
.ej-form .section-title {
    margin: 0
}

.ej-form--fill {
    --form-max-width: none
}

.ej-form-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-box-flex: 0;
    color: #5b5a58;
    display: block;
    flex: none;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    padding-bottom: 6px;
    padding-right: 12px;
    padding-right: var(--form-gutter-minor);
    padding-top: 6px;
    text-align: right;
    text-align: var(--form-label-text-align);
    user-select: none;
    white-space: normal;
    width: 180px;
    width: var(--form-label-width)
}

.ej-form-label--small {
    font-size: 12px
}

.ej-form-label--big {
    font-size: 18px
}

.ej-form-label--disabled {
    cursor: default
}

.ej-form-label--wide-medium {
    width: 124px
}

.ej-form-control {
    -webkit-box-flex: 1;
    display: block;
    flex-grow: 1;
    flex-shrink: 1;
    text-align: var(--form-control-text-align)
}

.ej-form-control__description,
.ej-form-control__error {
    font-size: 12px;
    line-height: 20px;
    margin: 8px 0 0
}

.ej-form-control__description {
    color: #757473
}

.ej-form-control__description+.ej-form-control__description {
    margin-top: 0
}

.ej-form-control__error {
    color: #ad2b22
}

.ej-form-control__error+.ej-form-control__error {
    margin-top: 0
}

.ej-form-control .field--fill,
.ej-form-control .field--number,
.ej-form-control .field.datepicker__input {
    min-width: 0
}

.ej-form-control textarea.field {
    min-height: 120px
}

.ej-form-group {
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    margin: 0 12px 12px 0;
    margin: var(--form-group-margin);
    min-width: 0
}

.ej-form-group.hide {
    display: none
}

.ej-form:not(.ej-form--flow) .ej-form-group:first-child {
    margin-top: 0
}

.ej-form:not(.ej-form--flow) .ej-form-group:last-child {
    margin-bottom: 0
}

.ej-form--small {
    --form-gutter: 12px;
    --form-gutter-major: 24px;
    --form-gutter-minor: 8px
}

.ej-form--thin {
    --form-max-width: 600px;
    --form-label-width: 132px;
    --form-fix-left: 132px
}

.ej-form--wide {
    --form-max-width: 980px;
    --form-label-width: 240px;
    --form-fix-left: 240px
}

@supports (display:grid) {
    .ej-form--flow .ej-form__body {
        grid-template-columns: repeat(12, 1fr)
    }
}

.ej-form--flow .ej-form__body,
.ej-form--flow .ej-form__clear,
.ej-form--flow .ej-form__footer,
.ej-form--flow .ej-form__header,
.ej-form--flow .ej-form__hr,
.ej-form--flow .ej-form__text,
.ej-form--flow .ej-form__title {
    -webkit-box-flex: 0;
    flex: none;
    width: 100%
}

@supports (display:grid) {
    .ej-form--flow .ej-form__body,
    .ej-form--flow .ej-form__clear,
    .ej-form--flow .ej-form__footer,
    .ej-form--flow .ej-form__header,
    .ej-form--flow .ej-form__hr,
    .ej-form--flow .ej-form__text,
    .ej-form--flow .ej-form__title {
        grid-column: span 12;
        width: auto
    }
}

.ej-form--flow .ej-form__footer {
    padding-left: 0;
    text-align: center
}

.ej-form--flow .ej-form-group {
    -webkit-box-flex: 0;
    flex: none;
    padding: 0 12px;
    padding: 0 var(--form-gutter-minor);
    width: 8.333%
}

@supports (display:grid) {
    .ej-form--flow .ej-form-group {
        grid-column: span 1;
        padding: 0;
        width: auto
    }
}

.ej-form--flow .ej-form-group--1 {
    width: 8.333%
}

@supports (display:grid) {
    .ej-form--flow .ej-form-group--1 {
        grid-column: span 1;
        width: auto
    }
}

.ej-form--flow .ej-form-group--2 {
    width: 16.667%
}

@supports (display:grid) {
    .ej-form--flow .ej-form-group--2 {
        grid-column: span 2;
        width: auto
    }
}

.ej-form--flow .ej-form-group--3 {
    width: 25%
}

@supports (display:grid) {
    .ej-form--flow .ej-form-group--3 {
        grid-column: span 3;
        width: auto
    }
}

.ej-form--flow .ej-form-group--4 {
    width: 33.333%
}

@supports (display:grid) {
    .ej-form--flow .ej-form-group--4 {
        grid-column: span 4;
        width: auto
    }
}

.ej-form--flow .ej-form-group--5 {
    width: 41.667%
}

@supports (display:grid) {
    .ej-form--flow .ej-form-group--5 {
        grid-column: span 5;
        width: auto
    }
}

.ej-form--flow .ej-form-group--6 {
    width: 50%
}

@supports (display:grid) {
    .ej-form--flow .ej-form-group--6 {
        grid-column: span 6;
        width: auto
    }
}

.ej-form--flow .ej-form-group--7 {
    width: 58.333%
}

@supports (display:grid) {
    .ej-form--flow .ej-form-group--7 {
        grid-column: span 7;
        width: auto
    }
}

.ej-form--flow .ej-form-group--8 {
    width: 66.667%
}

@supports (display:grid) {
    .ej-form--flow .ej-form-group--8 {
        grid-column: span 8;
        width: auto
    }
}

.ej-form--flow .ej-form-group--9 {
    width: 75%
}

@supports (display:grid) {
    .ej-form--flow .ej-form-group--9 {
        grid-column: span 9;
        width: auto
    }
}

.ej-form--flow .ej-form-group--10 {
    width: 83.333%
}

@supports (display:grid) {
    .ej-form--flow .ej-form-group--10 {
        grid-column: span 10;
        width: auto
    }
}

.ej-form--flow .ej-form-group--11 {
    width: 91.667%
}

@supports (display:grid) {
    .ej-form--flow .ej-form-group--11 {
        grid-column: span 11;
        width: auto
    }
}

.ej-form--flow .ej-form-group--12 {
    width: 100%
}

@supports (display:grid) {
    .ej-form--flow .ej-form-group--12 {
        grid-column: span 12;
        width: auto
    }
}

.ej-form--panel {
    --form-padding-x: var(--form-padding);
    --form-padding-y: var(--form-padding);
    background: #f7f6f5;
    border: 1px solid #dddcdb;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.ej-form--panel.ej-form--small {
    --form-padding-y: 0
}

.ej-form--border {
    --form-padding-x: var(--form-padding);
    --form-padding-y: var(--form-padding);
    border: 1px solid #dddcdb;
    border-radius: 8px
}

.ej-form--border.ej-form--small {
    --form-padding-y: 0
}

.ej-form--vertical {
    --form-text-align: left;
    --form-label-text-align: left;
    --form-control-text-align: left;
    --form-label-width: 100%;
    --form-fix-left: 0
}

.ej-form--vertical.ej-form--text-center {
    --form-text-align: center;
    --form-label-text-align: center;
    --form-control-text-align: center
}

.ej-form--vertical .ej-form-label {
    padding-left: 0;
    padding-right: 0
}

.ej-form--vertical .ej-form-group,
.ej-form-group--vertical {
    --form-label-text-align: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.ej-form--vertical .ej-form-group .ej-form-label,
.ej-form-group--vertical .ej-form-label {
    padding-bottom: 8px;
    padding-top: 0;
    width: auto
}

.ej-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: flex;
    flex-direction: column
}

@supports (display:grid) {
    .ej-tabs {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr
    }
}

.ej-tabs__header,
.ej-tabs__tabs {
    -webkit-box-flex: 0;
    flex: none
}

@supports (display:grid) {
    .ej-tabs__header,
    .ej-tabs__tabs {
        grid-row: 1
    }
}

.ej-tabs__tabs {
    -webkit-box-flex: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    align-items: flex-start;
    flex: none;
    flex-direction: row;
    list-style: none outside none;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0
}

.ej-tabs__header,
.ej-tabs__tabs {
    display: -webkit-box;
    display: flex
}

.ej-tabs__header {
    min-width: 0
}

.ej-tabs__header .ej-tabs__tabs {
    -webkit-box-flex: 0;
    flex: 0 1 auto
}

.ej-tabs__panel {
    -webkit-box-flex: 1;
    background: #fff!important;
    border: 1px solid #dddcdb;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .05);
    flex-grow: 1;
    flex-shrink: 1;
    margin-top: -1px;
    padding: 16px
}

@supports (display:grid) {
    .ej-tabs__panel {
        grid-row: 2
    }
}

.ej-tabs .ej-tabs .ej-tabs__panel {
    box-shadow: none
}

.ej-tab {
    border: 0;
    cursor: pointer;
    display: block;
    height: 33px;
    height: calc(var(--tabs-height) + 1px);
    margin: 0;
    outline: none;
    padding: 0;
    position: relative
}

.ej-tab__image {
    display: inline-block;
    height: 80%
}

.ej-tab__image--skysmart {
    height: auto;
    min-width: 100px
}

.ej-tab>a,
.ej-tab__label {
    -webkit-transition: background-color 75ms ease-in-out, border-color 75ms ease-in-out, color 75ms ease-in-out;
    background-color: #f7f6f5;
    border: 1px solid #dddcdb;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    color: #0c77c3;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-size: var(--tabs-font-size);
    font-weight: 500;
    height: 32px;
    height: var(--tabs-height);
    line-height: 30px;
    line-height: calc(var(--tabs-height) - 2px);
    margin: 0 4px 0 0;
    margin: 0 var(--tabs-gutter) 0 0;
    outline: none;
    padding: 0 12px;
    padding: 0 var(--tabs-padding);
    text-decoration: none;
    transition: background-color 75ms ease-in-out, border-color 75ms ease-in-out, color 75ms ease-in-out;
    white-space: nowrap
}

.ej-tab>a:hover,
.ej-tab__label:hover {
    background-color: rgba(12, 119, 195, .12);
    color: #0c77c3
}

.ej-tab>a .ej-select,
.ej-tab>a .select,
.ej-tab>a ej-select,
.ej-tab__label .ej-select,
.ej-tab__label .select,
.ej-tab__label ej-select {
    vertical-align: baseline
}

.ej-tab:first-child>.ej-tab__label,
.ej-tab:first-child>a {
    margin-left: 0
}

.ej-tab:last-child>.ej-tab__label,
.ej-tab:last-child>a {
    margin-right: 0
}

.ej-tab:active>.ej-tab__label,
.ej-tab:active>a {
    color: #242322
}

.ej-tab.active>.ej-tab__label,
.ej-tab.active>a {
    height: 33px;
    height: calc(var(--tabs-height) + 1px)
}

.ej-tab.active>.ej-tab__label,
.ej-tab.active>.ej-tab__label:hover,
.ej-tab.active>a,
.ej-tab.active>a:hover {
    background-color: #fff;
    color: #242322
}

.ej-tab__remove {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background: none;
    border: 0;
    border-radius: 8px;
    color: #d8443a;
    display: block;
    margin-top: -8px;
    outline: none;
    position: absolute;
    right: 8px;
    top: 16px;
    top: calc(var(--tabs-height)/2);
    user-select: none
}

.ej-tab__remove:hover {
    background-color: #f0d9d7;
    color: #ad2b22
}

.ej-tab__remove:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    content: "\f00d";
    display: block;
    font-family: font awesome regular;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    text-align: center;
    vertical-align: baseline;
    vertical-align: initial
}

.ej-tab__remove,
.ej-tab__remove:before {
    height: 16px;
    line-height: 16px;
    padding: 0;
    width: 16px
}

.ej-tab--remove>.ej-tab__label,
.ej-tab--remove>a {
    padding-right: 24px;
    padding-right: var(--tabs-remove)
}

.ej-tab--plus,
.ej-tabs__plus {
    -webkit-box-ordinal-group: 10000;
    order: 9999
}

.ej-tab--plus>.ej-tab__label,
.ej-tab--plus>a,
.ej-tabs__plus>.ej-tab__label,
.ej-tabs__plus>a {
    padding: 0;
    text-align: center;
    width: 32px;
    width: var(--tabs-height)
}

.ej-tab--plus>.ej-tab__label:after,
.ej-tab--plus>a:after,
.ej-tabs__plus>.ej-tab__label:after,
.ej-tabs__plus>a:after {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    content: "\f067";
    display: inline-block;
    font-family: font awesome regular;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    vertical-align: baseline;
    vertical-align: initial
}

.ej-tabs__plus {
    margin-right: 0
}

.ej-tabs--small {
    --tabs-font-size: 12px;
    --tabs-height: 24px;
    --tabs-gutter: 2px;
    --tabs-padding: 12px
}

.ej-tabs--big {
    --tabs-height: 40px;
    --tabs-padding: 14px
}

.ej-modal .ej-tabs {
    height: 100%
}

.container>.ej-tabs>.ej-tabs__tabs {
    margin-top: 0
}

.commercial-caption {
    -webkit-text-decoration-color: rgba(91, 90, 88, .2);
    -webkit-transition: color .12s cubic-bezier(.215, .61, .355, 1);
    background: none;
    border: 0;
    color: #5b5a58;
    display: block;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin: 0;
    outline: none;
    padding: 0;
    position: relative;
    text-align: right;
    text-decoration-color: rgba(91, 90, 88, .2);
    transition: color .12s cubic-bezier(.215, .61, .355, 1);
    width: 100%
}

.commercial-caption:hover {
    color: #242322
}

.commercial-right img {
    outline: 1px solid #999
}

.commercial-right .commercial-caption {
    margin-top: -20px!important
}

.commercial-horizontal {
    text-align: center
}

.commercial-horizontal--top {
    margin-top: 12px
}

.commercial-horizontal--bottom {
    margin: 24px 0 0
}

.commercial-horizontal:after,
.commercial-horizontal:before {
    display: table
}

#adfox-stand-8 {
    position: relative
}

.body--branding .server-alert {
    display: none
}

.noselect,
.noselect * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

a:focus,
input[type=image]:focus {
    outline: none
}

a:active {
    outline: none
}

a.disabled {
    cursor: default;
    pointer-events: none
}

input[type=button]:focus,
input[type=submit]:focus {
    outline: none
}

.blur {
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.middot {
    display: inline-block;
    margin: 0 5px
}

.middot:before {
    color: #085185;
    content: "\2022";
    display: inline-block
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.fl {
    float: left!important
}

.fr {
    float: right!important
}

.fn {
    float: none!important
}

.vtop {
    vertical-align: top!important
}

.vbottom {
    vertical-align: bottom!important
}

.vcenter {
    vertical-align: middle!important
}

.hr,
hr {
    border: 0;
    border-top: 1px solid #dddcdb;
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    margin: 24px 0;
    width: 100%
}

.hr--darken {
    border-top-color: #aaa
}

.hr2 {
    margin: 12px 0
}

.hr3 {
    margin: 8px 0
}

table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

form,
td {
    vertical-align: middle
}

td.top,
td[valign=top] {
    vertical-align: top
}

td[valign=bottom] {
    vertical-align: bottom
}

.overflow {
    overflow: hidden;
    padding: 0 1px
}

div.trgray,
td.trgray,
tr.trgray td {
    background-color: #f7f7f7
}

div.trwhite,
td.trwhite,
tr.trwhite td {
    background-color: #fff
}

div.trselect,
td.trselect,
tr.trselect td {
    background-color: #ffe572!important;
    cursor: pointer!important
}

div.trselect .tdspacer,
div.trselect.tdspacer,
td.trselect .tdspacer,
td.trselect.tdspacer,
tr.trselect td .tdspacer,
tr.trselect td.tdspacer {
    background-color: #ccc!important
}

div.trselect .dfd,
div.trselect.dfd,
td.trselect .dfd,
td.trselect.dfd,
tr.trselect td .dfd,
tr.trselect td.dfd {
    background-color: #eef2a8!important
}

.trgray div.trselect,
.trgray td.trselect,
.trgray tr.trselect td,
.trgray.trselect,
.trgray.trselect td {
    background-color: #ffde4e!important
}

.journal .trgray:hover td,
.journal .trwhite:hover td,
.report .trgray:hover td,
.report .trwhite:hover td,
.scroller_container .cells_marks:hover div.cell,
.tab_stat .trgray:hover td,
.tab_stat .trwhite:hover td,
.trgray td.trhover,
.trhover,
.trwhite td.trhover,
div.trhover,
td.trhover {
    background-color: #f0e5ff
}

.ddf .trhover,
.dfd .trhover,
.fdd .trhover {
    background-color: #f0e5ff!important
}

.tdselect,
.tdselect:hover {
    background: #ffe572!important;
    color: #222!important
}

.journal .tdselect,
.journal .tdselect:hover {
    background: #ffe572!important;
    color: #222!important
}

img.attach {
    display: inline-block!important;
    height: 16px;
    vertical-align: middle!important;
    width: 16px
}

img.doc {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABLFBMVEVHcEzj7fzc6PsJS7Le6fvg6vzh7Pz///9+l7qQrtYFNoLl7vzZ5vvb5/sGQpvW5PrX5fvc4vSTq+bm7/xVgMhEarnU4/p2k72Fnb6Jpel7lbwqYreAnuZ3kdWDnNoBMnhnitUIPIhVbaQ6Wphggc2LpN16lbtsjsBiicNykL9ni8FZgcZehMTS4vpYgsWCmrxdhMSLosLv9P2zw9qIoMCqvvE6abhykb9hiMNujr+pu9RJdMxpjMGvwNhlisLt8/3w9v6Rp8aMosJVe87r8v3y9/75+/+XrMmjttFnfrMIL4s4Ya63yPTq8f1ddatAZrTw8vr3+v58l9hCbsSdsc30+P7o8P2tutCvvN9ffcMoPm3J0uJYftFSd8p3ipwhTJpNaqf1+f4yW7bW3Oq/FoAkAAAAAXRSTlMAQObYZgAAANtJREFUGBktwQVywzAQAMCTBXeS2Y7DDGVm5qTMzPT/P9SdZBdS82tHd4e7s3ki6NvsXX/fd3fmCAkAoqhQvqm/vd+WtgmRACIc4AeEiASFxWr7tx02O/yc/kE5rD6HSfj1wR9imymCClaSp89O69WLbaYkQR2Pkwvz84KerbUUQ7CPzdaZMY/YYEoKKwfreHJ6ZS4RjdLackdhCQdqUliuMwwlzrnneQ1TE1o7wRik9mKbKSks1wn8EUgt2Ez3+dkJSOWZksJyncDPTo5DarpYzC2vbmytzExlMn/rNBkXiaXUVQAAAABJRU5ErkJggg==) no-repeat scroll
}

img.pdf {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABPlBMVEVHcEzj7fzm7/zq8f3e6fvc6Pv///9+l7rh7Pzg6vycQkLZ5vvb5/vX5fvo8P3r8v3vra3W5Prl7vzt8/3nWlrv9P33GBjnSkpVgMjnjIzv1tbetb3eSkrU4/p7lbznc3N2k72Fnb7OEBDnWmOtAAjGAAD3+v71+f70+P7y9/7w9v5hiMNdhMRlisJYgsWVq8iSqMbn7/fve3tpjMHvnJzS4vqPpcSZrcqMosLeOTmUAADvOTljAACIoMBykb+Cmrxujr9ZgcbvUlLehIRiicNykL96lbtsjsBehMRni8HWY2ucsMxaAAD/c3PWGBi9UlpzGBjvSkqcISGMAAj/MTm9Skq1AAD3KSm9OTnnCBDOCAjOKTHOSkqLosKzw9rvQkqsvtapu9Sdsc3vUlr5+/+Rp8b3EBCvwNiXrMmjttFgq+GOAAAAAXRSTlMAQObYZgAAANJJREFUGNNjYGBgiEvMTMpIjVVkZ2eAgPQUNXUNTS1RdjaoSAKEL8zOBhLxD42IURZJFomP5gcKAEV8A0PCxcTSxCJVmNlBgMHaT0lJNUpVJSyYj0mIkYOdwcrGJ4ALCIK4QHxOsLHeosL8zDJgPosbSMAcyJeyNAHxWRVAAvr8zHxGhpICQD6PK0jAgJlPSlxAQEbcyZnbHSRgxsckIg1SL+3F6wkSsGBSlgTxebh5BV1AArby8jC+rAdIQJERzjd1BAnYy8kp2DkY62rr6ElIAAB2xht9UfVWzAAAAABJRU5ErkJggg==) no-repeat scroll
}

img.attach.png,
img.gif,
img.jpg {
    background: transparent url(data:image/gif;base64,R0lGODlhEAAQAPcAAG80KGNDLlhBRFpjdFtkdWBoeWZvfmdwf2R1jXF6imxpt298rX6Hl3OBtHaHun+JtEKT30Sl9nqOwX2Ux3Wk3Xym2XSn5Xa06bE1E7Y6MplbMp9iLLhgMbZ9U8c7HNRCH9pJIulZKu1dLPZtNf51N/53OY59pLaCcLmHeuuCNemGP/KLN/SKN9qPV9+QXsCPfdiSYNKedNagf+WYVP6ORv6GVv6VSf6eePypVP6rVf60WuO/fva9ZezJfP7AYf7OdvXTevbaf4+BromBtYqNt46UoIqQtZKBq5yLp6WFk6mPmrSWkquWq4acxoGbzpKVwJeRwZSYw5WbxZadyIeozYKh1IOi1YKo04ao24eq3ZCszZigy5aj0Zel0pmn1Zys2KS87ae+7qmy9JLD9ZbG9ZvI9Z/K9arA767C76PM9ajP9aTQ/KTR/q3R9anT/rDE8LTH8bbI8bnI87nL8rzM8rDX/rXZ/rrc/sGblNi5heLDgeTFgf7cmPnmhf7lgMDf/svU/tDa5dTe58Th/svl/trh6d7l69Dn/NDn/tXq/tvt/uPo7ejr7+3v8eHw/uz1/vLy8/X19ff39/P5/vn5+fj7/v39/v7+/gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAJgALAAAAAAQABAAAAjfADFhGUgwixUsmBIqFHipYUNLlbBcQLCQoUOIkyJEgMBgIRZKDytNegQIkJgHHiXdGEGCRg4fjhQlkpNAIZZINTiUsKGDzw8cWugUsAkpAwAMHj6EEAGiyZwBNhu50LAhxQoeLFRQiQM1YRVGMjoEaDEDSBAYV+B0xeRkER4UAk7E2NPjRYU3aycYYmJCQRI9ffwsoYBmrYRCUIYIOaIkzw4kFs6sdSDoUBs1acyUITNmTZi1DQIhIjTozx07ddywAUNA4YIvXrpw2TJFSpQnRogcWFjEAIEBwIMTMKAwIAA7) no-repeat scroll 1px 0
}

img.rar {
    background: transparent url(data:image/gif;base64,R0lGODlhDwAQAPcAACYmJv///1AAAXEvMWMUGWQVGlQSFmQTGWUUGmUUG1sUGlwVG28aIVQRGFwTGnAaI24bI2UqMGMqMHAtNlcRG3QSKWkQJncVLHQWLnolPFQPJIEcSAIAASwqK0JAQfj2938HR4wBUoQBTZQBWpICWXcCSXgDSpwJYpoKYYsMWaIPZ6IPaOpcsogAVJIBXJICWnoCTJIDW4IDUpMJXpoLY6AQaJ8QavRjwP9ryf140fyX2/+G2f+k5f+98P/+/yclKAEAAq6tsgAABAAAAqOjpf39/62us87P1MbHzPn6/9rb4K6vs8bHy8vO1cTHztjb4gABA6Okpvz9/87P0cTHzNjb4AhgtwBXpwBaqABapwBXoQBXnwJWnGC4/43M/8jP1QBTlQBWlQBOhwA8aAA7ZwFVkwo3WHjE/tjc39fb3gE8ZgI9ZwdCamjA/4zQ/wA+Zwc4VpnX/qXd/8PIy67k//T8/vr+//j8/f7//3LqxovuzwCJWgCIWgfdkxXhnC3hpELnrV7qub714gCIVgCIWACGVACCVABwSAGJWQCEUgBoQAACAQcJCAgKCfb49wACAAABABhPABhOACFTDBlOABpPARg6CBtOABg7Bf7/+/f487i6AdDSAsPFHJWVAH+AANPRApaWApGQAoGAAsbFHSYmJJKPAIB+AwkIBgIBAP/+/V4iCk8AAE8BAE4AAAMAAAEAAFQICGAWFSsrKwgICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUAALYALAAAAAAPABAAQAj/ADUsOIBAVgICBAocULDKlsMfU6RQsRKAjpw4bs606eIFDoAjRZC0yNSDh44dOXDcYDGh1BE7TBLhEaQnTyBAf/z0sfSBCQUYpkB5AiHDRAkRGyLY0uQEEhoHo1q5aiWAFatWsWI5mjMkjZhPZNaoGUPmzRg2ZhzOSqPo1CVJkiJFqkRpEiYiDRiE4iTqQQULFzBkkOBwSZ0vBmjUQGHjhIoVNGakGECk1hNVEDq5cPGCRIwRLkLEMnKnyaxaQ2rVggXpFaQhtGxFgaXERxZSWK5o2cIlDJgytIIkadJBCKRHsDioBgIFlcMOVXwc2oRoEKFBfPYUMtTIoS0PrGEtCoJV61GtVIxsBQQAOw==) no-repeat scroll 1px 0
}

img.zip {
    background: transparent url(data:image/gif;base64,R0lGODlhDwAQAPYAAP//xBJPqRZQpyFbrSNfsChltixquydpxzt6xDqA0DmF1ziZ80OK10mH0U6P2FqU2FuZ11Oa4lOa5F2l61am9Fyr9nGc02Go62as7W2h4G6x7mGz/2i3/3Sk4HCv7nKx5nW38He09HK7/3u88Xi+/6ttDax0HbR8D7J7I/EZAbmFKc+hENSjCNWmFt61AdWrItiuKNq0Ktm/Ktm8L9u5M96+O/bNLPzUMf3VOf3ZR/3aUfzZWPvdZPzebfvedPPkbfzifYKx35S334TD84nJ94vK+ZjC9ZvP9a3b+bTP9rzl++jRh/fvgvzkhfrjj/vnl//4hvr2k//6kP//mfroofrprfrrs//9pP//r/vwvf//ucjY9sfs/fjuyv/3zvn25QRLsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUAAGEALAAAAAAPABAAAAexgGGCg0NDIyAaGBeCSyuOS4tcSkhHQyANYSspmysHnp8JFRBgKzExMjIzMzQ0NSdhQR9gL1MAWlhXV1JQP69CQ7NRX11VTj47OC6+RcFeVk9APDk3ymFCzC9RztDS1MvBWVRNPTo4NtVCRGAtTDAt7y0sLOiyKiglJSafnxYeE2CDBC3isEEECRITEAQcdMFAAQIEBgBcSPHCIoqDInTI8MABAwUBMErYksRICAoLBAQCADs=) no-repeat scroll
}

img.att {
    background: transparent url(data:image/gif;base64,R0lGODlhDwAQAPUAAP///8nJyU1MTMbGxsPDw7+/vsXFxaqrq4WEg2hoaJOTk76+v2ZmZqanp0tLS4iHhbu7u3FxcKCfnauqpru6ukpKS6empWlpaczMzDExMGppZ6GhoMjIyLGxsmdnZ5STkzo6OoiHhnVzcUxMTIeGhZCQkGVlZQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUAACgALAAAAAAPABAAQAZpQNSktPkARJ0IhaAoWFCoEmBKrQ5GpGh1CwhgtVyqNysNTzkOBNg8XocHArJ5Wqg8UBJAAwA5APwEAAsgIVonh4dVbVKIiWJfjI2IAAZxhpKJV3KSVZWbjVUYI2olDAkJHiaqqhcZGihBADs=) no-repeat scroll
}

img.xls {
    background: transparent url(data:image/gif;base64,R0lGODlhDwAQAPcAAHul6LHB17DA1q6+1K290qu60aq5z6i2zaW0ym2wZ2mtYmWnW1+hU1qaSVOTQE2MNkeFLUKAJT57HvP3/pyrwDdLZf///zNwDfT3/u/0/ZWkubrF1JPCjmSoYFKXSMzay16YVZywmzNtDvT4/ZOit2eqX+Xs5ZPEjWqsZUKJNXSlcGGgWEeIO9bi1jNpD5Cu1qW83KS73WGiVM/dz5rGlluiWDp9JzJoKMDRwDRjEfP4/uHs/KG63TZKZFiYR5C9i1ieUpbEkTtxInCbbd/p3zReFN/q+5243k+OOTx3HzpvHjZjG0iSPztoHqGznzRYFd3p+5m24EaELIephTlwHjVeGmB+XDRSF9rm+5Wz4j99ITVNGOjv/OLs/Nzo+9bk+o+x4zp3GTRtDjRkEjReEzRTFzRNGTVJGtLh+oqu5Jmovujw/enw/efv/OXt/OHr+87e+YWs5pamu+Ls+9rn+srb+IGn59rn+9nm+9jl+tbk+9Pi+9Dg+cnb+cfa+Hyk6dLi+p6435W04pGx4oyv5Iit5YCn53ij67LC2AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUAAIkALAAAAAAPABAAAAjgABMJRBRAwAACBQwcQCAwUQIFCxg0cPAAQgQJEyhUEJjAgsePHi9g0LBhYwIOHTxY+AACRAgRI0hUmFnCxAkUKVSsYNHCxYsXMGJUkGFhBo0aNm7gsJBDx4sdPHr4sPADSJAaQoYQKfLTyJEeSH4kUbLkB5MmTp5keAElSg8pIKdQqWLlyk8sWXpoAQlyCxcvX8D0CHNBjIsxZJ6UMXOmyws0aXo0VLOGzZo2bt78hBNHskA5c37+pPOzjh3PiTRguYMnj549fPr4+YOaBKBAUQQNIlTIEIBDqHsIH05ceEAAOw==) no-repeat scroll
}

img.txt {
    background: transparent url(data:image/gif;base64,R0lGODlhEAAQAPYAAPn4+Hl5eXiAhv39/MDAwP7+/fz8+729vbq6uri4uPn49+Dh4/r6+fv7+vTy8vb19Pj39/z7+/z7+rOzs7Gxsfv6+vXz8/n5+J2dnYaGhvf29djY2rW1teXl6PX09K2trfr5+PPx8fr5+ff19ff29pCQkKysrPv6+fj39piXl5WUlPTz87+/v5OSksXFxby8vMjW4Pb29ru7u5aVlf38/JWVleDf35eXlsrKyvPy8vLw8JSUk/Py8fX08/b19ebl5f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUAAEAALAAAAAAQABAAQAe2gEAEgoKDBIZAiYkTGj47KAoXMycNBikDE4kvDCAMFRIGAwMFBT82CIkYDjkOFh4PIyQQAJ0YiSwLDQsdA7sFCy4xMooJCpAXIp8GNKMFCYkfHhYtDxoqEDUiJzcRH4kZITohPA4rPbCyChmJBAcRBxsD8AYHOKiKBw0MDRGhzQgJEtxDAKOgwYMFnwHhAEOAw4YQHQrgkIhCQQEGMV6EQSGRCYQgYZhIVCIkwhKJAqhcyZIlkEAAOw==) no-repeat scroll
}

.only4print {
    display: none
}

.shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.disable-block {
    -webkit-filter: opacity(.66);
    filter: opacity(.66)
}

.disabler,
.disabler-inside {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    position: absolute;
    text-align: center;
    user-select: none;
    vertical-align: middle;
    z-index: 1
}

.disabler-inside.disabler--color,
.disabler.disabler--color {
    background-color: hsla(0, 0%, 100%, .66)
}

.disabler-inside {
    position: relative
}

.disabler-user-notify {
    height: 60px;
    margin-top: -60px
}

.disabler-cancel {
    height: 40px;
    margin-top: -40px
}

.disabler-gray {
    background-color: #efefef
}

.read {
    background: url(data:image/gif;base64,R0lGODdhDAAOAPEAAJmZmWWDsP///wAAACwAAAAADAAOAAACIoxvohK7qZpjtDrZGtiAITk9Gkd64TWSm3lGqcq2kPzVQQEAOw==) no-repeat scroll 0 0;
    height: 15px;
    padding: 0 0 0 15px
}

.td__dashed {
    border-bottom: 1px dashed rgba(173, 43, 34, .8);
    color: #ad2b22;
    text-decoration: none!important
}

.td__dashed:hover {
    border-bottom: 1px dashed #ad2b22
}

.tdspacer {
    background: #dddcdb!important;
    height: 3px;
    min-width: 1px!important;
    width: 1px!important
}

.tdhr,
.tdspacer {
    padding: 0!important
}

.tdhr {
    background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDIBCQkJDAsMGA0NGDIhHCEyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMv/CABEIAAUAAQMBIgACEQEDEQH/xAAUAAEAAAAAAAAAAAAAAAAAAAAH/9oACAEBAAAAAH//xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oACAECEAAAAH//xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oACAEDEAAAAH//xAAaEAABBQEAAAAAAAAAAAAAAAADAAIUVJHS/9oACAEBAAE/AI5bp8Zyv//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQIBAT8Af//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQMBAT8Af//Z);
    height: 5px
}

.trLes {
    height: 42px
}

table.separation {
    border-top: 0
}

table.separation .trLes {
    height: 28px
}

.lesNum {
    padding: 0 1px;
    text-align: right;
    width: 22px
}

.tdLes {
    padding: 0 4px;
    text-align: left!important;
    width: 145px
}

.journal {
    display: none;
    margin: 30px 0
}

.marks,
.scroll {
    float: left;
    width: auto
}

.results td.small {
    font-size-adjust: .55;
    font-weight: 400;
    letter-spacing: -1px
}

div.reltd {
    position: relative
}

i.ins {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAw1BMVEVNmu9So/5NmvBNmvBNmu9Nmu9RpP9HcExNmu9Spf////9Nmu81jO04ju1Mme/r8/w+ku40jO1cou/Q5fmNvvQ6j+05ju3r9PzQ4/k+ku0/ku1NmvBepO+LvvSPvvR4sfI7kO1Glu42je0df+szi+zR5fr///77/P5Bk+5fpe/H3vlIl+4kg+tAk+zV5/pBk+zn8fyaxfTK4flLme8+ke75+/3W6Pr3+v4xiuxAku6nzPbv9fw7j+31+f3X6fqozfdNm/GKCw9uAAAACnRSTlPcT8zLzMtPAN5PFvXZjgAAAKJJREFUGNNNj9cSgkAQBA8FgRs4QQUEzDnnnP//q1wOLJm37qqd2mG6qRksi6GZOivFyMdkKiAeVpoIUJkB4e/uQZnyfEegc8ynPMvLBjVBeLNgsxqTqKYCotPrt3lOAG6L8PgXbo14feb1TEiuLPhPTJoJOwPOT74UF8nwhnx7JWEgvI0aDjXZywPosQIQWl25Y4/kdeWT3xabTFeKufkl/Qsc0w9NHJ2u3QAAAABJRU5ErkJggg==) no-repeat scroll 100% 0;
    display: none;
    font-size: 1px;
    height: 16px;
    opacity: .8;
    position: absolute;
    right: 1px;
    width: 16px
}

i.ins:hover {
    opacity: 1
}

i.ins.before,
i.ins.up {
    top: -10px
}

i.ins.after,
i.ins.down {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAtFBMVEVNmu9RpP9NmvBNmvBNmu9Nmu9So/5HcExNmu9Spf////9Nmu8yi+w4ju3Q5fmpzfdClO5Lme0uiew8kO0+ke05ju1Ck+5Mme9Bk+49ke1NmvAviexQnO6ky/VHl+7y9/39/f6VwvX///4afeozi+w5j+261/cwiuyQwfSv0fgxiuw3ju231vdfo+8xiuvU5voohezP4/k6j+xIl+73+v7j7vz5+/6JvPPY6PrV6Pq41vhNm/FgCQ8RAAAACnRSTlPcT8zLzMtPAN5PFvXZjgAAAJhJREFUGNNNz9cSgkAMBdBFwd3NFUXp2HvvXf//v9wFBrhPmTNJJmFcWoLlEZbkzEhQjWQmEO2GBZhMIFqP+o6q3VUAqHFsiajjwF3SK4DaBG+Qypzo7aeAXlvLmahlZ4CuluOzhFSm9xI8fzZRPQUsNqfLflzC7UB5PhoEwusjh2+sDqsBod3MEuvTG7/qb4lkvFGvvG/wP3XNDiek3G0OAAAAAElFTkSuQmCC);
    bottom: -28px
}

i.ins.plus {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAApVBMVEVNmu9So/5NmvBNmvBNmu9Nmu9RpP9HcExNmu9Spf////9Nmu////5Mme9JmO5Fle5Ele41jew7kO0sh+szi+ygyPU0jOxNmvBfo+9AkuxlpvHX6Po9ke2VwvU5ju05juxKmO7N4/o/kuw0i+wyiuwrh+s6j+1rqfBDk+w8kexhpfE3jexDle48kO0yi+wshuvE3PiZxfXZ6fvR5Powiey92fhNm/Fq6CcBAAAACnRSTlPcT8zLzMtPAN5PFvXZjgAAAJpJREFUGNNVz9kSgjAMBdCgQOmlRVAEd9z3ffv/T7MNOGJempyZZG5JSC+gqgJPCvLzsF6S3L85dCngNzqnETdmnectMGehEp534LH8wXEDpbBvfUF3FF5XqIuuoN0FDjtgPCoh6gO3k9ViyjAZQq203ZutGRZAz9yLB0BmwARLE3s/jJPMBmuYVpexNUd33vWv5JKE06x93xcf7a8NHphKpckAAAAASUVORK5CYII=);
    right: 8px;
    top: -9px
}

i.ins.min {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAulBMVEVNmu9RpP9NmvBNmvBNmu9Nmu9So/5HcExNmu9Spf////9Nmu9Mme9Il+7///5Glu5DlO41jO0xiuw2je05j+1NmvBJl+5JmO7Y6Po0jOwviexdou8+kew7kO3+/v82i+w4ju1sq/Ath+vc6vv9/v5Flu7k7vyfyPVXoO9Fle4rhutHl+5Lme9ClO4uiOx0r/L5+/3k7/svies3jew+ke09ke01i+yqzveOv/Qsh+yz0/e61/iVwvVNm/FmCAqiAAAACnRSTlPcT8zLzMtPAN5PFvXZjgAAAKBJREFUGNNVz1USwzAMBFCnDdgrx+EyMzPD/a/VNDBN9SW9GWlWzBIGZ1lxQ1hMi6hYgul/M+mME3m+8+0dPyCK18lTmMUybqITUHyJehPs7lIuRqiFCdhz4HY6v4BWNQEKr8DlCEzblMLqADyeUAOZAa23UAp9l3KgzR4YNugH9hJwKynwJKDdrdtJw1kpjSxlHt18F1+JBLPMcuF9zfoAtEwOSU4xkHoAAAAASUVORK5CYII=);
    bottom: -27px;
    right: 8px
}

.ins_but:hover i.ins {
    display: block
}

i.del {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAY1BMVEWYmJj///+YmJiPj4+YmJiYmJijo6NHcEyYmJihoaGUlJSNjY2Xl5eWlpaqqqqwsLCkpKSpqamnp6eMjIyTk5Oenp6QkJCmpqaOjo6ZmZmlpaX8/PysrKytra339/eampqVlZWMs+xbAAAACnRSTlPc////zMtPAN5PCf/MzAAAAJZJREFUGNNdj+kOgzAMgxsHKL24x7GLvf9TLilD2uYfVvspsRxjq7I2H9VlZY3DjypTiEevb5/EClMDiQcG5mWbAFlH5Bs1gTui/QVJgu+J6HoRa6cMwHfKagMOgKAz1I84Aes8deEEc3esNHwAP+inEVt8BgmSN44Peq5RgBTzUfN5WJMW0+ppytVjru62v+Os+z7f2TcQgAXYe0TgvQAAAABJRU5ErkJggg==) no-repeat scroll 50%;
    display: block;
    font-size: 1px;
    height: 16px;
    opacity: .8;
    width: 16px
}

i.del:hover {
    opacity: 1
}

.scroller {
    float: left;
    overflow: hidden;
    width: 308px
}

.jur_comments {
    margin: 16px 0
}

.subj_dz {
    height: 40px
}

.subj_dz .section-title,
.subj_dz h3 {
    line-height: 26px;
    margin: 0
}

.subj_dz .today_dz {
    margin-left: 378px;
    padding: 5px 20px 20px;
    width: 500px
}

.subj_dz .marks_buttons {
    margin-left: 525px;
    padding: 5px 0 5px 23px;
    text-align: center;
    width: 370px
}

.subj_dz .marks_buttons,
.subj_dz .today_dz {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .55);
    float: right;
    margin-top: -8px;
    position: absolute;
    z-index: 25
}

.subj_dz table td {
    border: 1px solid #ccc;
    border-width: 1px 0;
    padding: 2px 7px
}

span.altblue,
span.altred {
    background: #3b5bdb;
    float: right;
    margin-left: 7px;
    padding: 2px 7px
}

select option.default {
    color: #908f8e;
    display: none
}

.marks_buttons {
    -webkit-box-align: start;
    -webkit-box-pack: start;
    align-content: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-height: 160px;
    overflow-y: auto
}

.marks_buttons__item {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    -webkit-transform: scale(1);
    -webkit-transition: background-image .1s ease-in-out, background-color .1s ease-in-out, box-shadow .1s ease-in-out, transform .1s ease-in-out;
    appearance: none!important;
    background-color: #f1f1f1;
    background-image: -webkit-linear-gradient(top, #eee, #f3f3f3);
    background-image: linear-gradient(180deg, #eee, #f3f3f3);
    border: 1px solid #bebebe;
    border-radius: 4px;
    color: #777;
    display: block;
    font-size: 1em;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    margin: 2px;
    max-width: 48px;
    min-width: 40px;
    outline: none!important;
    padding: 0 4px;
    text-align: center;
    text-transform: uppercase;
    transform: scale(1);
    transition: background-image .1s ease-in-out, background-color .1s ease-in-out, box-shadow .1s ease-in-out, transform .1s ease-in-out;
    user-select: none!important
}

.marks_buttons__item:focus,
.marks_buttons__item:hover {
    background-image: -webkit-linear-gradient(top, #e1e1e1, #e6e6e6);
    background-image: linear-gradient(180deg, #e1e1e1, #e6e6e6);
    border: 1px solid #9f9f9f;
    box-shadow: 0 0 0 2px rgba(12, 119, 195, .1)
}

.marks_buttons__item:active {
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

.marks_buttons__item.selected,
.marks_buttons__item.selected:focus,
.marks_buttons__item.selected:hover {
    box-shadow: inset 0 0 6px rgba(12, 119, 195, .22)!important
}

.marks_buttons__item.selected,
.marks_buttons__item.selected:focus,
.marks_buttons__item.selected:hover {
    background-color: #ef9b00;
    background-image: none;
    border-color: #bc7a00;
    color: #fff;
    text-shadow: 0 1px 0 #bc7a00, 0 0 2px #e29300
}

.marks_buttons__item.selected:hover {
    border-color: #a86d00
}

.marks_buttons__item .fa,
.marks_buttons__item .fa:before {
    line-height: 31px
}

.marks_buttons__item--eraser {
    background-color: #eeebeb;
    background-image: -webkit-linear-gradient(top, #ece8e8, #f1eeed);
    background-image: linear-gradient(180deg, #ece8e8, #f1eeed);
    border: 1px solid #bdbaba;
    color: #ad2b22
}

.marks_buttons__item--eraser:focus,
.marks_buttons__item--eraser:hover {
    background-image: -webkit-linear-gradient(top, #e1dada, #e5e0df);
    background-image: linear-gradient(180deg, #e1dada, #e5e0df);
    border: 1px solid #9d9b9b;
    box-shadow: 0 0 0 2px rgba(12, 119, 195, .1)
}

.marks_buttons__item--eraser:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    content: "\f12d";
    display: block;
    font-family: font awesome solid;
    font-size: 1.1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: 31px;
    text-align: center;
    vertical-align: baseline;
    vertical-align: initial
}

.marks_buttons__item--eraser.selected,
.marks_buttons__item--eraser.selected:focus,
.marks_buttons__item--eraser.selected:hover {
    box-shadow: inset 0 0 6px rgba(12, 119, 195, .22)!important
}

.marks_buttons__item--eraser.selected,
.marks_buttons__item--eraser.selected:focus,
.marks_buttons__item--eraser.selected:hover {
    background-color: #ad2b22;
    background-image: none;
    border-color: #83211a;
    color: #fff;
    text-shadow: 0 1px 0 #83211a, 0 0 2px #a32820
}

.marks_buttons__item--eraser.selected:hover {
    border-color: #721c17
}

.marks_buttons__item--green {
    background-color: #49b654;
    background-image: -webkit-linear-gradient(top, #46b351, #4bb956);
    background-image: linear-gradient(180deg, #46b351, #4bb956);
    border: 1px solid #388f41;
    color: #fff
}

.marks_buttons__item--green:focus,
.marks_buttons__item--green:hover {
    background-image: -webkit-linear-gradient(top, #3fa149, #42a84c);
    background-image: linear-gradient(180deg, #3fa149, #42a84c);
    border: 1px solid #2f7836;
    box-shadow: 0 0 0 2px rgba(12, 119, 195, .1)
}

.marks_buttons__item--green.selected,
.marks_buttons__item--green.selected:focus,
.marks_buttons__item--green.selected:hover {
    box-shadow: inset 0 0 6px rgba(12, 119, 195, .22)!important
}

.marks_buttons__item--green.selected,
.marks_buttons__item--green.selected:focus,
.marks_buttons__item--green.selected:hover {
    background-color: #3fa149;
    background-image: none;
    border-color: #317c38;
    color: #fff;
    text-shadow: 0 1px 0 #317c38, 0 0 2px #3b9845
}

.marks_buttons__item--green.selected:hover {
    border-color: #2b6e32
}

.marks_buttons__item[data-value=":!"],
.marks_buttons__item[data-value=":+"],
.marks_buttons__item[data-value=":-("],
.marks_buttons__item[data-value=":-)"],
.marks_buttons__item[data-value=":-|"],
.marks_buttons__item[data-value=":..."],
.marks_buttons__item[value=":!"],
.marks_buttons__item[value=":+"],
.marks_buttons__item[value=":-("],
.marks_buttons__item[value=":-)"],
.marks_buttons__item[value=":-|"],
.marks_buttons__item[value=":..."] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: transparent;
    user-select: none
}

.marks_buttons__item[data-value=":!"] span,
.marks_buttons__item[data-value=":+"] span,
.marks_buttons__item[data-value=":-("] span,
.marks_buttons__item[data-value=":-)"] span,
.marks_buttons__item[data-value=":-|"] span,
.marks_buttons__item[data-value=":..."] span,
.marks_buttons__item[value=":!"] span,
.marks_buttons__item[value=":+"] span,
.marks_buttons__item[value=":-("] span,
.marks_buttons__item[value=":-)"] span,
.marks_buttons__item[value=":-|"] span,
.marks_buttons__item[value=":..."] span {
    display: none
}

.marks_buttons__item[data-value=":!"]:after,
.marks_buttons__item[data-value=":+"]:after,
.marks_buttons__item[data-value=":-("]:after,
.marks_buttons__item[data-value=":-)"]:after,
.marks_buttons__item[data-value=":-|"]:after,
.marks_buttons__item[data-value=":..."]:after,
.marks_buttons__item[value=":!"]:after,
.marks_buttons__item[value=":+"]:after,
.marks_buttons__item[value=":-("]:after,
.marks_buttons__item[value=":-)"]:after,
.marks_buttons__item[value=":-|"]:after,
.marks_buttons__item[value=":..."]:after {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    display: inline-block;
    font-family: font awesome regular;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    margin-left: 0;
    text-align: center;
    vertical-align: baseline;
    vertical-align: initial;
    width: 1.2em
}

.marks_buttons__item[data-value=":-)"]:after,
.marks_buttons__item[value=":-)"]:after {
    color: #3fa149;
    content: "\f118"
}

.marks_buttons__item[data-value=":-|"]:after,
.marks_buttons__item[value=":-|"]:after {
    color: #3fa149;
    content: "\f11a"
}

.marks_buttons__item[data-value=":-("]:after,
.marks_buttons__item[value=":-("]:after {
    color: #ad2b22;
    content: "\f119"
}

.marks_buttons__item[data-value=":!"]:after,
.marks_buttons__item[value=":!"]:after {
    color: #842b9a;
    content: "\f19d"
}

.marks_buttons__item[data-value=":+"]:after,
.marks_buttons__item[value=":+"]:after {
    color: #ad7000;
    content: "\f559"
}

.marks_buttons__item[data-value=":..."]:after,
.marks_buttons__item[value=":..."]:after {
    color: #213eb3;
    content: "\f0f3"
}

.marks_buttons__title {
    color: #757473;
    display: inline-block;
    font-size: 10px;
    letter-spacing: .08em;
    line-height: 10px;
    margin: 8px 0 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.marks_buttons__title--hr:before {
    background-color: #dddcdb;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 4px;
    width: 100%;
    z-index: 1
}

.marks_buttons__title--hr span {
    background-color: #fff;
    padding: 0 8px;
    position: relative;
    z-index: 2
}

.marks_buttons__spacer {
    display: inline-block;
    height: 4px;
    margin: 0;
    width: 100%
}

.marks_buttons__hr {
    background-color: #ddd;
    display: inline-block;
    height: 1px;
    line-height: 0;
    margin: 2px 0;
    text-indent: -9999px;
    width: 100%
}

.marks_buttons__hr+.marks_buttons__title {
    margin-top: 0
}

.context .marks_buttons {
    margin: 0 -2px
}

li.reb_new,
li.reb_viewed {
    padding: 0 0 0 17px!important
}

li.reb_viewed {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAMAAACecocUAAAA9lBMVEWDwSd6tSSFxCh6tSSFxCiCwSaFxCiDwSiDwSeDwSd+vh6CwCWEwSl4sSSGxiiGxiiDwCeFwiqCwCV9vh2Gwyl8vRt9uCSDwSf///+DwCd+vh6FwiuEwimGwiuAwCN1ug57vRuFwiqdzlao02h5vCCAwCGAwCL1+u5drgDs9d1ttgKIwyx4uhNyuAtxuAnc7cN2uxGSyUHh78WEwSpvtwN4uxPJ5KLN5qrE4plwtwXM5aZ3uhHe78fF4Zt0ug59vhx/vyB9vx2CwCaEwSlotABvtwSEwSj7/fqazE79/v1utwOl0mN5vBWFwi3v9+R/viF5vBaQxz4CWSz2AAAAF3RSTlPaZORl6drj2t3c2traZeTp3Nrc2undZE91lcAAAAB9SURBVAgdBcEFAoJAAATAVYEDu/cIu7u7u+v/n3EGLs0AIBDVklBMkmc+v584dJJ0To/3LwHBjNVYHy63VwxI97LF1lJe7xF4B7JTLcjpkYBvtJL9Sq1pOYB/MxtLma+nCOj2bjiftEukjtDe3i665RxNBYFgWKiqgOH2/AEIcA9EHgEnWwAAAABJRU5ErkJggg==) no-repeat scroll 0 4px transparent
}

li.reb_new {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAMAAACecocUAAAAY1BMVEXMAADNAADMAADIAADLAADMAADLAADMAADMAADLAADHAADLAADJAADMAADIAAD////ke3vMAQHlgIDJAADdVlbeWFjeWlrgZmbeV1fZRUXNAwPfZWX+/v7eXFzNAADaRUXMAwOY/mSAAAAADXRSTlPc5MUo3L295N3FKSgpcsfAjgAAAFRJREFUCB01wYsWgiAURcGtqRfLY4Bpafn4/69sYTHDpTYSq2+0ykpMmeE09MkgB+EZvffxHaBa7qfPUUGYX49xWneBU/8jhykz2k1/JdemICma7gtzzAWuwYtXlAAAAABJRU5ErkJggg==) no-repeat scroll 0 4px transparent
}

span.print {
    background: transparent url(data:image/gif;base64,R0lGODdhDgAOAPMAAGNjY2JiYtXV1e7u7ru7u7y8vJubm5qamoODg////+/v7wAAAAAAAAAAAAAAAAAAACwAAAAADgAOAAAEQTBJQ88xB8mdDj+DxnUJUQgGInLGGI4kYRbvBgAepyC3BJCFAiGxS/yMiRbn9bs5n9AjjNObUqOAQBRp5WKd2kQEADs=) no-repeat 0
}

span.print,
span.xls {
    height: 18px;
    padding: 0 0 0 20px
}

span.xls {
    background: transparent url(data:image/gif;base64,R0lGODlhDwAQAPcAAHul6LHB17DA1q6+1K290qu60aq5z6i2zaW0ym2wZ2mtYmWnW1+hU1qaSVOTQE2MNkeFLUKAJT57HvP3/pyrwDdLZf///zNwDfT3/u/0/ZWkubrF1JPCjmSoYFKXSMzay16YVZywmzNtDvT4/ZOit2eqX+Xs5ZPEjWqsZUKJNXSlcGGgWEeIO9bi1jNpD5Cu1qW83KS73WGiVM/dz5rGlluiWDp9JzJoKMDRwDRjEfP4/uHs/KG63TZKZFiYR5C9i1ieUpbEkTtxInCbbd/p3zReFN/q+5243k+OOTx3HzpvHjZjG0iSPztoHqGznzRYFd3p+5m24EaELIephTlwHjVeGmB+XDRSF9rm+5Wz4j99ITVNGOjv/OLs/Nzo+9bk+o+x4zp3GTRtDjRkEjReEzRTFzRNGTVJGtLh+oqu5Jmovujw/enw/efv/OXt/OHr+87e+YWs5pamu+Ls+9rn+srb+IGn59rn+9nm+9jl+tbk+9Pi+9Dg+cnb+cfa+Hyk6dLi+p6435W04pGx4oyv5Iit5YCn53ij67LC2AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUAAIkALAAAAAAPABAAAAjgABMJRBRAwAACBQwcQCAwUQIFCxg0cPAAQgQJEyhUEJjAgsePHi9g0LBhYwIOHTxY+AACRAgRI0hUmFnCxAkUKVSsYNHCxYsXMGJUkGFhBo0aNm7gsJBDx4sdPHr4sPADSJAaQoYQKfLTyJEeSH4kUbLkB5MmTp5keAElSg8pIKdQqWLlyk8sWXpoAQlyCxcvX8D0CHNBjIsxZJ6UMXOmyws0aXo0VLOGzZo2bt78hBNHskA5c37+pPOzjh3PiTRguYMnj549fPr4+YOaBKBAUQQNIlTIEIBDqHsIH05ceEAAOw==) no-repeat 0
}

span.pdf {
    background: transparent url(data:image/gif;base64,R0lGODlhEAAQAPMAAPsICf+0tP+KiqcBAtygof/q6vxhYf/Y2IsBA+5UVfYSFcbGxoSEhAAAAP///////yH5BAEAAA8ALAAAAAAQABAAAARm8ElGq5X4Mcc7Z41EJCSpJIrygY+ZvgDCNXSDvikADN7SKIigcEDshSaeRMCI2XAKBkGh42t2BIGDIXuoIjlbgcCgMBiOGk5gO3UUAgT0Zn3wcLwag9J+l5vbdngMC4SFhoI1iYoRADs=) no-repeat 0;
    height: 18px;
    padding: 0 0 0 20px
}

table.auto {
    width: auto
}

.novam,
table.novam td,
tr.novam td {
    vertical-align: baseline
}

table.fdd td,
td.fdd,
tr.fdd td {
    background-color: #fdd!important
}

table.dfd td,
td.dfd,
tr.dfd td {
    background-color: #dfd
}

table.ddf td {
    background: #ddf
}

div.dfd,
table.dfd td,
td.dfd {
    background: #dfd!important
}

table.white td {
    background: #fff
}

tr.novb td {
    border-left: 0;
    border-right: 0
}

td.nbt {
    border-top: 0!important
}

td.bl {
    border-width: 0 0 0 1px
}

td.br {
    border-width: 0 1px 0 0
}

table.bb,
tr.trbb td {
    border-bottom: 1px solid #ccc
}

td.num {
    border-width: 1px 0;
    color: #7e7e7e;
    padding: 0 7px 0 2px!important;
    text-align: right
}

td.fio {
    border-left: 0;
    height: 27px;
    padding: 3px 50px 3px 3px;
    text-align: left!important;
    white-space: nowrap
}

table.h25 td,
table.h25 th,
tr.h25 td {
    height: 25px
}

tr.h25 td.topmiddle {
    height: 22px;
    padding-top: 3px
}

tr.tdw50 td {
    width: 50px
}

tr.tdw65 td {
    width: 65px
}

td.tdw25 {
    width: 25px!important
}

td.tdw100 {
    width: 100px!important
}

td.tdw130 {
    width: 130px!important
}

td.tdw150 {
    width: 150px!important
}

td.tdw200 {
    width: 200px!important
}

.h5 {
    height: 5px
}

.h7 {
    height: 7px
}

.h10 {
    height: 10px
}

td.position {
    padding: 0 7px
}

table.nopd td,
td.nopd {
    padding: 0!important
}

tr.stat td {
    padding: 5px
}

table.padd10 td,
td.padd10,
tr.padd10 td {
    padding-left: 10px;
    padding-right: 10px
}

table.padd5 td,
table.padd5 th,
td.padd5,
tr.padd5 td {
    padding-left: 5px;
    padding-right: 5px
}

table.padd20 td,
table.padd20 th {
    padding-left: 20px;
    padding-right: 20px
}

table.padd13 td,
table.padd13 th {
    padding-left: 13px;
    padding-right: 13px
}

table.padd20v td {
    padding-bottom: 20px;
    padding-top: 20px
}

.padd td {
    padding: 7px 2px
}

td.padd,
tr.padd td {
    padding-left: 25px;
    padding-right: 25px
}

table.center,
td.center {
    text-align: center
}

table.mar20 {
    margin-top: 20px
}

div.mar30,
table.mar30 {
    margin-top: 30px
}

.tab_stat td {
    border: 1px solid #ccc;
    cursor: default;
    height: 28px;
    padding: 0 3px;
    text-align: center
}

.tab_stat td.num {
    border-width: 1px 0;
    padding: 0 3px!important;
    text-align: right
}

.tab_stat td.fio {
    border-left-width: 0;
    padding-left: 6px!important;
    padding-right: 6px!important;
    text-align: left
}

.tab_stat td.fio .fio_hider {
    display: block;
    float: left;
    overflow: hidden;
    width: 100%
}

.tab_stat td.fio a {
    color: #222
}

.tab_stat td.nb {
    border-color: #fff!important
}

.tab_stat td.mark {
    font-size: 13px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 33px
}

.tab_stat td.mark .vertical {
    margin-left: 3px
}

.tab_stat td.subj {
    height: 120px
}

.tab_stat td.subj .vertical {
    height: 110px
}

.cat {
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 55px!important
}

.cat.cat-clean {
    height: 24px;
    padding: 0!important;
    width: 24px
}

.categories-graph {
    -webkit-box-align: center;
    -webkit-box-pack: start;
    align-content: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    height: 175px;
    justify-content: flex-start
}

.categories-graph.categories-graph--center {
    -webkit-box-pack: center;
    justify-content: center
}

div.cat {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    height: 24px;
    position: relative;
    user-select: none
}

div.cat.cat-widget {
    background-position: 50%;
    display: block;
    float: left;
    margin: 0 0 5px;
    padding: 5px 2px!important;
    width: 30px
}

div.cat.cat-widget+.cat-widget {
    margin-left: 15px
}

div.cat .cat-after,
div.cat .cat-before {
    -webkit-transition: all .25s ease-in-out;
    cursor: pointer;
    font-size: 11px;
    left: 3px;
    line-height: 13px;
    min-height: 13px;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, .5);
    transition: all .25s ease-in-out;
    width: 24px
}

div.cat .cat-before {
    border: 1px solid #000;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    bottom: 24px;
    padding-bottom: 3px
}

div.cat .cat-after {
    border: 1px solid #000;
    border-radius: 0 0 4px 4px;
    border-top: 0;
    padding-top: 3px;
    top: 24px
}

div.cat.cat-empty {
    background-color: #ccc;
    border-radius: 4px
}

div.cat.cat-empty .cat-after,
div.cat.cat-empty .cat-before {
    background-color: #fff;
    border-color: #fff;
    color: #999
}

div.cat.catna {
    background-color: #646567;
    border-radius: 4px
}

div.cat.catna .cat-after,
div.cat.catna .cat-before {
    background-color: #bebec0;
    border-color: #bebec0;
    color: #323233
}

div.cat.cat2 {
    background-color: #ef4e2c;
    border-radius: 4px
}

div.cat.cat2 .cat-after,
div.cat.cat2 .cat-before {
    background-color: #fcd9d2;
    border-color: #fcd9d2;
    color: #a8280d
}

div.cat.cat3 {
    background-color: #ef6e15;
    border-radius: 4px
}

div.cat.cat3 .cat-after,
div.cat.cat3 .cat-before {
    background-color: #fad6bc;
    border-color: #fad6bc;
    color: #94420a
}

div.cat.cat1-3,
div.cat.cat2-3 {
    background-color: #e49e14;
    border-radius: 4px
}

div.cat.cat1-3 .cat-after,
div.cat.cat1-3 .cat-before,
div.cat.cat2-3 .cat-after,
div.cat.cat2-3 .cat-before {
    background-color: #f8e1b2;
    border-color: #f8e1b2;
    color: #865d0c
}

div.cat.cat2-4 {
    background-color: #409754;
    border-radius: 4px
}

div.cat.cat2-4 .cat-after,
div.cat.cat2-4 .cat-before {
    background-color: #addcb8;
    border-color: #addcb8;
    color: #224f2c
}

div.cat.cat1-4 {
    background-color: #3b8f50;
    border-radius: 4px
}

div.cat.cat1-4 .cat-after,
div.cat.cat1-4 .cat-before {
    background-color: #a3d9b1;
    border-color: #a3d9b1;
    color: #1d4728
}

div.cat.cat4 {
    background-color: #72bb7e;
    border-radius: 4px
}

div.cat.cat4 .cat-after,
div.cat.cat4 .cat-before {
    background-color: #eaf5ec;
    border-color: #eaf5ec;
    color: #41864c
}

div.cat.cat5 {
    background-color: #0d7738;
    border-radius: 4px
}

div.cat.cat5 .cat-after,
div.cat.cat5 .cat-before {
    background-color: #8abd98;
    border-color: #8abd98;
    color: #084922
}

.cat.cat5,
.cell.cat5,
li.cat5 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAulBMVEVHcEwNdzgSdDYNdzgNdzgNdzgSdDYfbTUTdDYSdDf///8NdjcOdTcPdDcQczcRczgVbjhuoH0ZazhymH5+qYsUbzgUcDj2+PZtoH3X4dkYbDipva9clm4WbTgXbDjN2NDX4towgU2ctKTA0sVyl361ybpPgl+Pq5gTcTi0y7k4eE5hjG9fkW6dtaRNhl5Kil4ScjiApYqApos6c061xrrN19Cpvq/r7+yqva9JjF6pwrDM2dDi5+Q0fE1+cL9EAAAACnRSTlMAKPr/JyX7wPr239m2YwAAANRJREFUKM91ktcWgjAQRIOgwU0hIs0u9t57+f/fElEUYpynJPckO9lZhPLY1CWZOI+QUdQVKhoI60phZKpBASWrc1B6qp7sE0AuEKtNJcCu0CtHmjEJ8ArYQgh3Jd+wKuDRSET/Abd7EKRsfYAf1+6GP2C+7/ROPnSJ7ErYzYa99WEp/4NxRrnYwYZkwdv0AdZUCY6wyALijJ166LSh5WWfov1Xq1oTni1O3cGwVutM7ZFkl3CvUa02XevbkiQoQhljJBXU32g19TBo0ZjgnHycwwZ6AHWiEqyimhjbAAAAAElFTkSuQmCC)
}

.cat.cat5.up,
.cell.cat5.up,
li.cat5.up {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAUVBMVEVHcEwNdzgSdDYNdzgNdzgNdzgSdDYfbTUTdDYSdDf///9KmWocgEQPdDd3s4/x9/NoqoMNdjeGu5w7kV1ZonYOdTeWxKjS5trD3c601cHi7ucFMdErAAAACnRSTlMAKPr/JyX7wPr239m2YwAAAH1JREFUKM/V0kkSwyAMRFHZ4IA/o4eM9z9oVilTWD5AeoV4G1W1RCbnTRfvJhE7GyWzFWfUOPE63OR4xxDiMTXwgocGFWA7QywAzzO8KfBh7WGDDDsldhBrDWDyrmwVwKjr/hnENbfwK2q5p5SWpqjLagf9GAYR68b+e3RWviN6ChtFu5joAAAAAElFTkSuQmCC)
}

.cat.cat1-4,
.cell.cat1-4,
li.cat1-4 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAzFBMVEVHcEw7j1A7j1A7j1A7j1A7j1A7j1A7j1A7j1A7j1D///86jlDa5N05ilDa5d06jVA4iU85i1D2+fc4h08zfk03hk/Z49w4iE+60r82hE86jFCYvaHs8e59qYhQl2A0f03k7OZKil43hU85jFA0fk2wyrVPlmDj6uVgn2+IrZOxzLZck21wqH3j6+WJrpPF18qXuKBtnXtxqH18pYhNkWB+rYl+sImXup/2+Pd8qIh7o4g1gk+LtZVJhF7E1Mk5iU+jvatsnHs0gE660b9HO45PAAAACnRSTlMAKPL/7yXzrfEnZhx6GgAAAN5JREFUKM910kd2wzAMBFDYY4cSQFFd7r2l996ccv87ZWE/K5ERLPEXJGdI1DQeKuOZJpHfgDINnwzUMeTpcEDVzfD+GgBQBRmzEw2+mV2swCu/sw32YZms3jQQx59fJRy2273h6TGABX9M8x3IuH/GzBch7ti+zFo76A4m2cnReae7TJLJGiWEUStKO9NYFtx3zjlOXK88XAThZVFYa1f8aB/k960kH2XzUfbMxTz9AwjjIAiiJ7Z5qGU1UF8OyO3NlZYVMEujTbp7Rcm2qH+rremfoUbkm3p1XTc+/QB+KBRMITCbqgAAAABJRU5ErkJggg==)
}

.cat.cat2-4,
.cell.cat2-4,
li.cat2-4 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABGlBMVEVHcExAl1RAl1RAl1RAl1RAl1RAl1RAl1RAl1RAl1T///8/lVRAllQ+klN+rIk9kVPa5d32+fc2gk8/llQ7jVI8j1M5h1A6iVHb592vx7Xb5t2wybY8jlI/lFNzrX+Bs4uAsYp9qImAsoo7jFLk7Oayz7ZTnGM9kFM8jVLt8u43g1Ds8e5QlmJUnmRRmGM+k1M+kVNvon1+qomOupdyq3+kwqx/roqav6KLsZY5iFB8pYnP3NPF1srj6uVyrX/Z49w2g1Clxq2uxbTk6+auxLSXt6BMjF9Pk2JzrH+lxa3a5N02gU+bwaJQl2LF18qKsJXG28tfmG9jpXKkwKw8j1I6ilE3hFCjvauxzbbQ3dSvxrVNjmE/k1PQ4dTMmtl5AAAACnRSTlMA8ij/7yXzrfEncOjbaQAAARBJREFUKM910mdvwyAQBmASkmIfUGPHO3s1q3vvvfdeSf//3yi16kay6X1B4pF40d0hlCcaTpRG8gjpOayonI4IVhZBmhomUOqqUp35OZLAGgA1poApE2CVpoGGsAWTv8Da/n2VVZbkA+wd3o5jYAfmbQ960CpjVoMPK4iB3jy8WnfB0xmXAeawWYyhwDud5xfXcyj9gnrXKI4zztvXj7yxyy7g0xvxMSyb8ostWDMAROiHAzjyaRQ+u2KdngTrJUfsXQohBrAjeATctm1vo8nnXWu/3786hE03AlygjJXnKKPckNXdhkWDpluCufgLT8BCfVoJ1CnxqLupQcnIaFD/jjarXoasXBOSSV5niI6+AbfRHfp347/2AAAAAElFTkSuQmCC)
}

.cat.cat4,
.cell.cat4,
li.cat4 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAA21BMVEVHcExyu35yu35yu35yu35yu35yu35yu35yu35yu37////d5+BvuHxvt3tor3aRvZtxun1qsnhwuX3b5d73+vjg6+Jxun5qsXdut3tlrXTh7eNVmWjc5t/e6OBjqnN9v4dvr32YyKCbzKJZn2xnrnaKtJaBsY2TwZ2SyJprs3iNuZhaoGxSlmaHsJPf6eFUmGjl7Oejzqq92sLt8e7m7uhgp3GEv433+ff3+fhQlGR5uoTG3sqdu6eizKnm8OhepW+rx7RdpG/u8/BkoXXT4tdttnp9rYliqnJRlWU1h86SAAAACnRSTlMA8ij/JyXzrfHvGOwNMgAAAMZJREFUKM910tcOwjAMBdCUFlKcULrZe++99+b/vwgeoGqJuU+Jj5RItgkJU1X+iUrDhChRGUlUIVRGQ4mKQ4T4b26zXPie/aCPAEo6AnMboMFFSO6XE4jHBDA3sLUQ0HdwfWYRWNvny4mJwB24P1IimGM4Hm6aCC0A5qQdG6ZpHoAqs7K5HFvAsG8EIFHpDjKZlQW9ThC4ob0zY9DWuNgSGfn882C9VuQYJFN5w+uuf1CuyXVvUH9HG8KXIfReEyr9liWqkBf96RO5UQOziQAAAABJRU5ErkJggg==)
}

.cat.cat1-3,
.cell.cat1-3,
li.cat1-3 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABLFBMVEVHcEzknhTknhTknhTknhTknhTknhTknhTknhTknhT////jnRTinRTemhXrunPgmxXhnBXQjhb7+PXXkxX8+fXcmBXZlhXJhxbblxThnBTfmhXXlBXPjBXz2bfiyKvinBTdmRXqs2HdmBXsunPTp3PTkBbUkBbEhBfv0av8+PXNixXNnmLix6vps2Lcr3P78+z58uz03sHEgxfy2LfYsYPjqU/swYPMl0/27OLVqnPlpjXKiRbSjhbev57OjBXJiBbtxpDu1rfFizjinhTWr4PRp3PTo2LnpjXq18L06+Lkv5D17OLz4s3259jlrE/cqWLv5NfaqGLnrE/kyarIhxa+fxbVqXP48uzexavy3MHRjhbTqXPhrWHmsWLOn2Ly5djr3M369/XRoWLm1MEioRwgAAAACnRSTlMA8ij/JyXzrfHvGOwNMgAAARNJREFUKM91kuWWgzAQhdOGbmgSGghQpO667tp1d3d9/3dYSsvZksPeX8l8Z87IHQASSIaCZJQAQErCCCUlgGCkEJCjwRj4e5NSylfloP8bAeoZHqhJw0C5un/pdj8xv2BChv7ctr75V6deCANCHfe1xTuaQsLAQ28Gfx/EfUDGp2cXVlI5ygyMP56uYQDY5NSS18yWYt88/jxg4zwA5kRjZnFuWVOK2m3j7hKfOkFGRtfr2ZpNqVu2a1V8YgY1KIFULfg1IWvjo7TYVV/0GB8KgOY2KzulZgvvm2Ewb/ib4rtragiQtFVdz+f3tjfKwuQso61avaw+nHzEKOK4RUUlQ6P+tTYefQxx70xQTAzHkAR+AbMXH3ngYP2FAAAAAElFTkSuQmCC)
}

.cat.cat2-3,
.cell.cat2-3,
li.cat2-3 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABX1BMVEVHcEziohTiohTiohTiohTiohTiohTiohTiohTiohT////enhXhoBTdnRXOjxXpu3P8+fXfnhXfoBTSkxbWlhX7+PXamxTgnxTSqXPMjRXZmhTDhhfJixbhoRTiyavQkhbcnBXXmBXbmxTqvHPcnRXy2rfu06votmHIihbms2LRkhb8+PXVq3PMn2LYmRXWlxXamhThq0/boTfIiRbewJ7NjhXsx5DFjTjVsIPQqHPSpGLixJ7lqTXp18LUlBXKixbntWLptmH06+LdnhXBhBb17OLkwJDpxZDbtILy483krU/jyavt1rf26Njbq2LpvHPbmhT69Ozz38Hw06vFjjjcuZDmtGH47uLv5NfXsoPbr3LrwoL58+zjqTXtyJDMmU/lrk727OLx2be9gBblrk/kyqrGiBbZqmL48uzx3cHexavPkBXgr2Hy5tjiyKvhyKvr3c36+PXQomLm1MHOoGIAJ8ZQAAAACnRSTlMA8ij/7yXzrfEncOjbaQAAASxJREFUKM91kmVzg0AQhi8hKXB3uCbEGte6u7u7u7v9/ymE0CEMfb/tPiuzAkCYpAiPKDIMAB0ifBSiAUn4igSUP2gBLmNynbOUGbEMFxBWoa08bgbZ+6r+9v4BlTXkyZCfI8Uv5bMmaQ6Y2Lo6PuVySEQvFaXGMk4PtHlyaZZeYYgSr/zY/jrYODKM88MqyyAewtfHmz+AZFmW2HIUR2+fvh8gv+QAvLd9doG4ApFi74zrA7goNkCJN0vsw3kNT6ejZR3OqjaIdw3P7OwuL4xZgQSKwKnWRkaHJEmR8aRab4rn4KgDsIgxYgQt15eJF/IVOKQ2T97J1zelDCSFZtBW1HsSicH+3rRnu6idjXXHWLkxuftQIpPKCs6h/j1t0P8ZguabkAGvO0DS4BeS0Sb+tFc9ugAAAABJRU5ErkJggg==)
}

.cat.cat3,
.cell.cat3,
li.cat3 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAA+VBMVEVHcEzvbhXvbhXvbhXvbhXvbhXvbhXvbhXvbhXvbhX////tbRbubRXzmnPqahbrbBbYYhzubhXsbBbaYxvmaRjvzsP65+LnahfcZBr42c7ZZBzru6voaRfpaxboahbkaBjmqZLiaBntxbjuzcPhaBneZhrwejbdflP1rpD0m3PxmnTykGLubRb3v6vjaBnzm3P98Oz1v6vbZBvnlnXgZhnodjrafFPtmXXypIPpu6zlqZLyzsLvezfxhlDkaBnTXx3msp/qdznql3T78Oz57+zzpYP25+P44NjklXXueTfqw7f67+zreDnqu6z35+PdZRrcZBvbcTzhlHYYQwa1AAAACnRSTlMA8ij/JyXzrfHvGOwNMgAAAOxJREFUKM91ktdywkAMRQUyWaMtNjY2NfQkpEF675BKgIT//xgegHF2s9wnjc5o70h3ATLMRUMuywA4WbQo6wBDqxi4drABy2J7V0opZX9/RZZA7NFCR54O+PnHrDFuEd0WjIlac/rzO6F2uKkDFDz4jqnt57kBED9jipJ+AniJaPR+Jf4BdXr99UZ0fGCCoHfiPz4RmeaYC1S17g/pMmeaI6J4aNELtwB8HtCZDkT3UN7fvcYU1fWnvNLiVFG5ppurrZ1GpXJzUTY354VOMQyLzWqy+Soo7inl8T9BrY02bf8MaQCHpcx2ijkwB5k5F0/+DaGRAAAAAElFTkSuQmCC)
}

.cat.cat2,
.cell.cat2,
li.cat2 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAA7VBMVEVHcEzvTizvTizvTizvTizvTizvTizvTizvTizvTiz////tTizrTSzuTizWSyzoTSzZhnv79/bpTSzmTSzbSy3nTSzlTCvqTSzcSy3yiHv89/buiHrVhHrQeGvXSizsTizwiHrkXUbhTCzehnvxiXvaa1n55ePfSyzkTCvlvrnYa1n43Nrxb1rSWkfhnpX57u3x0s/yoJbvXkXMWkfmvrnzlYr47u3yv7rdTCz99/bZkYjcnZbt08/oXUbMSC3FSC7tta7ota7v29nTSi3RSi3bhnvSd2vPhXvwn5Xvn5bQhHvYSizRd2vxoJbvlIl5cYD7AAAACnRSTlMAKPL/7yXzrfEnZhx6GgAAAN5JREFUKM910mlTwjAQgOHQgGl3G2vLTVsFREBAbvC+uDxQ///PoVIqJg3vp0yemcxkdglJMZ1K6SxFiJGkipIGYVQZI7oajsjfsVOcFId72QGvtSHodoAS5OulsXf/AOByEbIXo6f54nkGL6YIZrWRc6zCHfSzIlD8fcJ6hW5agm2PPWg5CsBruMxgHPADplc5GgP8AXt1gzHgbsn213n55xS/wfZPLS4DvoP99f8+AguiylyA5vLt0zsJOq+gAE7hOCyTjiAcFEcz7AyjQR0cbUK9DIlgTZgmX2vMIBuJVBWIXFFdxwAAAABJRU5ErkJggg==)
}

.cat.cat2.down,
.cell.cat2.down,
li.cat2.down {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAASFBMVEVHcEzvTizvTizvTizvTizvTizvTizvTizvTizvTiz////zemHwWTn+9fPxZEb3p5b708v96eX6yL70hm74sqPyb1T2nIn83thFHuIqAAAACnRSTlMAKPL/7yXzrfEnZhx6GgAAAHFJREFUKM/VklkSgzAMQwWBOnlJ2Lpw/5vyWZqaA/D+ZI1HnpGl0WJoiDZKaQgOQ5IFF1P0jYdOovL+irMB+fZG2dYCeV+mdmNlho1aWiMDwOc/4wWwOOGlApN31RNm/9wfrou6rLbzn6GTkvXtuLekA/lMCYEdni+UAAAAAElFTkSuQmCC)
}

.cat.catna,
.cell.catna,
li.catna {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAA0lBMVEVHcExkZWdkZWdkZWdkZWdkZWdkZWdkZWdkZWdkZWdjZGb///9gYWRiY2VgYWNfYGLNzc5jZGff39/v7+/g4OBcXWDn5+fm5udiY2ZfYGOdnZ/Nzs739/exsrN7fH6oqKn39/iGhoiIiYvW1teRkZSSkpWQkZKRkpTf3+BdXmGTlJWxsbOOj5GmpqjExMWen6FhYmWUlJbX19iQkJKFhoheX2K5ubptbnDMzM2pqathYmTDw8TW1ta4ubpoaWy6uru5uru5ubt6en2cnJ6oqKpvcHKkrFT7AAAACnRSTlMA8ij/JyXzrfHvGOwNMgAAAOdJREFUKM+d0seSwkAMBNABmR3TmuRMzhk255z//5f24jVVlH2hj3onqSVEQ/p0EF82hPCaVJKmJySVRgq/HE4EVeQ4QDwhmsQgOr/CY3xZgOZ5EMxZE7rDp3TUxT8oXgJLVqSj+wG/9vQetpvNlhX9ONOP3rizh2y1ylhh+m3S5+TFoYDder1j9TuyA3bvYU8XsFBqwWboTD/6/LjjTgEzYMZ2emPSh+Q2yc6QQzgGxuFXZFR4rbQ5dTrfw6ogUNbaC20NCO12DmiBCFproAUiAoKjjlhZVGW19fJnqAvhydrhuCY98QfPUxZFVHp1BAAAAABJRU5ErkJggg==)
}

.cat.cat5.avg,
li.cat5.avg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAllBMVEVHcEwlOC0nOC0lOC0lOC0lOC0nOC0sOzAoOi4oOi4mOC3///8mNy0nNy0nNi2Fk4rr7OuCjYXj5OMoNi2Zo5v8/PyDkYjDyMRufXI/UEW2u7fb3dynralXZFvQ1NHR1dJsd29ATkVufHJXZVuZoZv29/aXoZq3vLlYaFzEycXP0tBATURXaFzEyMXFyseDjYfx8fFAUEYe0twAAAAACnRSTlMAKPr/JyX7wPr239m2YwAAAL9JREFUKM91ktcSgyAQRVE0KAtGwW567+X/fy5ooolIzvAAnBn2zi4IucTDGh5xEXJ8bMB3EMFGCPLMYoTa3SUd1+TtuRX0Bg0h1YWAe6RY6YKFILmCGQSnNXggHs80/YnViaSpXRUDsRdldE2gGqTiMgjkOYGDLihTi59gR/vi8+ARNmaxhXVf0Hge50UcguCamL1bJZasX5zy6STLyoXkWlwVKFB8W4W7QdFep9Sg/o7WMn8GS30TYuvXNnHQCz36D7IxleeEAAAAAElFTkSuQmCC)
}

.cat.cat1-4.avg,
li.cat1-4.avg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAsVBMVEVHcExPZFRPZFRPZFRPZFRPZFRPZFRPZFRPZFRPZFT////t7u1OYlNNYVJKXE9NX1JJW05LXlBGWEv8/PxCUkZIWk1AUEbX29js7e1FV0qLmo65wLr39/eXo5pld2nz9PNYaFzN0s5idGby8/J3iHylrajz8/Nrem+krKe1vLfP1NDf4uCCjoWUnpdeb2K2vbedqaCWoZmRm5Sbp56psqzd391DU0hUYlpEVEm/xMGAjYNuml2vAAAACnRSTlMA8ij/7yXzrfEncOjbaQAAANtJREFUKM910sd2AjEMBVCBIJ6R5D6N3hJI7/3/PywLziHEOG+pu7H1BDBUBSYp1BCgHGAmgxIUZqOgyMMZpJP54xgREVPQC2KdAWmJ2J+CvNIbsTmFddx85EAzfb//wnnbTubja0FZ0VcIB9CL6ZaIbiy+EH96dwA7Wza7y4uRXce4NHIEzrl6FLxe0ZSZmSJPBBEQRVC0FnvVdcy8ocgP+vhVOlRNVTXP1FX1HxDrjTHuiThYyexqlv05or6/u/U5EF+7/XbTokRkX9S/1fbzx9AHKFUvHfdUCT+4sRLon3/52gAAAABJRU5ErkJggg==)
}

.cat.cat2-4.avg,
li.cat2-4.avg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAA8FBMVEVHcExXbFtXbFtXbFtXbFtXbFtXbFtXbFtXbFtXbFv///9Wa1tTaFjt7u2apZ1PYlRQZVb8/PxOYVNFVkpJW06RoJTM0M1SZldUaVru7+5GV0tKXE/t7+3N0c5kdWihraSXoZrz9POeq6HR1tL39/egrKP3+PdNX1JQZFZpfW6HlIqZpJtsgHFmeGuUnpdSZVby8/Le4d+vubHCyMOQnpOdqKDLz8zz8/OnsKm6wrzFzMfs7e1EVElhcmXEy8XBx8K0u7bf4uDh5OJLXlB9kIJba1+7w7xygnelr6jl5+bn6ujKzsu/xMHm5+fP1NBcbGGr3+UEAAAACnRSTlMA8ij/7yXzrfEncOjbaQAAAQBJREFUKM910sdywzAMBFDaa0cSQEa9u3en9544vZf//5scPLYmFrNHvAM5WAhRN0ysxDTqQlg1aFKzhAFtDGHqYU2URmF7CwBKMCTq6WDqEh1zGbhBb7S+gH5630Z4AADf9PmxhAv3bkQj6iZAj778aAHcesn812h2LTF13Z9xcwlyMrEfgtxmfqeO5zSLN8L+86MchrihKE9kAUeuS9Sl85hINdLGgE5TBgSwfeg/3UZntq0ulVJqQHtKAgKIPc/Lg7HcDXw/y65OaCeYAzOQSAZLx3Ecb582HdbsKlbFr/5EbnRaWmDblgBQLop5XtS/1Vb1x1AVwjIqq+OKYYlfsq8ZU/B4Qd0AAAAASUVORK5CYII=)
}

.cat.cat4.avg,
li.cat4.avg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAz1BMVEVHcEyZq5uZq5uZq5uZq5uZq5uZq5uZq5uZq5uZq5v///+Up5fv8O+XqZqyvLWKm438/PyNoJGWqJnt7+7x8vGNnpCTpZaFmYry8/JpfG7u7+/v8e+ktKe9x7/By8KClIeQoJOosau2wLm5w7qgq6Ott7ByhXfw8fBxg3WkraeImo3z9PPIz8lld2uOoZH19fV8joD3+PdoemxidGirt63c4N3Fzcfi5eO7wb2eraH19vV8jYCapZ3p6+r4+PjJzst3inx4i32AlIWRpJRkdWmGunEZAAAACnRSTlMA8ij/7yXzrfEncOjbaQAAAMRJREFUKM910tcOwjAMBdCUAmmdhKaDsvfee+/x/99EHwC1xNynxEdKJNuEJKih/8SgCULMuI4kbhKqo6HEwCFJwjfRKBc/5zCIIUBJILCUAHWmgr+XM0ip4Gxg6yIg1nB65hHYyfPhylVgHhzvGRWcFVxuD0uFMQD3sp6ESZZFoM/dfKHAJQw6dgTS3dE8l1u40GtHgdlWkCmHlsXUlujI5+8Hm7UqCn6mYn+7Gx6UcJj4DurvaGP4MsSCNaHab1mjJnkBmeUSn6Lcih4AAAAASUVORK5CYII=)
}

.cat.cat1-3.avg,
li.cat1-3.avg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAA6lBMVEVHcEyWg1+Wg1+Wg1+Wg1+Wg1+Wg1+Wg1+Wg1+Wg1////+Ugl78/PyRf1yQfVvMwrSLeFiTgF6FclSIdVd/blLd2dTDt6WDcVSNelp6aU+TgFy8sqeOfFqwpZbNw7W/tank4Nrr5+L6+fiHdFaCb1PCuaz7+vnt6+fTzMDq5+KlmYXIwLb39vWrm32pmny2qZP18/GAblLW0cu6r561qZrFvbWRgmvZ0sm7sqfn5N/p5+O5rZ329fXVzsX29vXw7uu3q5Tx8O/t7Ore2tV1ZU25q5R9bFDz8e/n5eOyqJm9sqHt6ubc2NPBtqTpaFTJAAAACnRSTlMA8ij/7yXzrfEncOjbaQAAAPxJREFUKM91ksdywzAMRGnDDiWATd0q7k7vvffe/v93clDkkRllb8SbnSVmwViXO2DJ4V3G3A40qOMyDo3izGkGS6z2iLXWWuvBNgBADdAelhrRIpCXwzyKHlAcepbDTGfhuxD9wHIAZfJDiL4vrQwA+J7PSxCvrq/t6DF5AvH183kOvJXJFiKey+Lx622C4q4CajlNNzaHvlT+S/p0j7dZ5TDGBElQEElVBDneqCqDAIiozPdmeNX78ysAoGu8sACNTwcUjwQeqUWwKxARURxPrc17YX4QRWcnibI294y/H4aJ+d28XlQmlaSqqH+rbTcfQ5sxl7fscYu77AeTMRfJV5CjbAAAAABJRU5ErkJggg==)
}

.cat.cat2-3.avg,
li.cat2-3.avg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABDlBMVEVHcEyUg16Ug16Ug16Ug16Ug16Ug16Ug16Ug16Ug17///+RgFz8/PyTglyQf1vLwrKDclSOfVqHdVaLeliCcVPd2dSNfFp9bFC8tKfBtqR6aU/Mw7R/blLj39mFdFTq5+LCt6SKeFeRgmvZ08mvpJTe2tX6+fj39vWpmnzDuaXW0cu1qJG6sJ718/G0qZnFv7W6saWjlHfp5+P29fXVz8X29vW5r53w7uuId1fZ1M22qZO9tajx8O/Ct6WAb1LY0cjKwrd0ZEvt7Oq3q5R4aE58a0/z8e+wpZaxp5fn5eO9tKHs6ubc2NPn49/6+vnt6+eomnzCuazp5uHTzMC2q5OlmYXQysLIwLa/tqnk4NroKqYNAAAACnRSTlMAKPL/7yXzrfEnZhx6GgAAARlJREFUKM91ktd2gkAQhlfRADO7C7tUsWvU9N6b6b33vP+LhEDwICH/3cx3pg8hZVVTMtLUMiF6SclRSSeqkiuVaPlggqSMaSNSderHSAGch1h1Ng74xq7vOMdA5zATYZm2d0nppBxF7D88vzwaTUS8Dv0mT2rgfX8Qpr7jSoXSi9gfAfEUBG8fnyZHCnB+czICaLUtaUqXub3bqz7QnQSwylf3FY2Wws2z4GgPNpOuwswAAxgyxoUrfVgXMWDL26ed997hFkZN27BqJcWllPZBQ0RF2RqsJIAhY8iRNbtV1qpTWBDjk8/SaFN0sZFZiev5M46z1LGF8mdXNa9mtn8nTx8KOeeYHOrf0xbyn6EQvolazLqLqk6+AetLHMZwz7sAAAAAAElFTkSuQmCC)
}

.cat.cat3.avg,
li.cat3.avg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAw1BMVEVHcEygfWagfWagfWagfWagfWagfWagfWagfWagfWb///+efGWdfGXRwbmbemSaeGSRcl+Tcl+Qb16efWXj3NmXd2Ls5+b49vaWdWGUdGHy7+3Wy8eZd2Kyl4WwlIPn4uDr5+b39vWyloPKtqze0s20nZP7+vrSwbnQwLfo4N3t6Oevk4PVy8fAqJvJubKxmpDIt7HLu7Tn4N3YysPNvLX6+Pj7+vnb0s+ZeGTOvbb18/Glinz6+fnm4N7XysPi29iNblwqYcm9AAAACnRSTlMA8ij/JyXzrfHvGOwNMgAAANVJREFUKM91klcSwjAMRA0OOEgmjYReQu+9d+5/KkKbEGH2y6M34/V6xVhC6JxIFwnGtBRXKKUxwZUSTFeDJHsfGt30U80PeQPswUsdScBwMiu5NYCBSYDhFexjHXzLiAKOKKs58B0TCeC8koNsOA8BFgFOh8svkPPruQ6w+AWe7dy2ANScZ6Q0ys4a9hlq/vDZ1WCFCsCrG8hHAbb66XFlGby4HL1KFl9flaXJZaFdct3R1KLJ0czblmV7RhjwUxTKQPhV1N9q4+pliAdrImJ0HBMauwMTERLgKFfKywAAAABJRU5ErkJggg==)
}

.cat.cat2.avg,
li.cat2.avg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAzFBMVEVHcEythXythXythXythXythXythXythXythXythXz///+sg3qpgniZcmunf3WrgniogHfEtLH8/PykfXTd0M79/PyadGy3o6DTv7ylfXSdd2+ed2+/r6zUwL3RvbvCsa+ykYvItrSjfHL49va1mpbFtLGgeHHEqaT28/OkhYCggn25pKH6+Pi0mpbk3t2eeG/aysjl397e0c+6l5HYyMXr4+P6+fnVysjw7eyKaGLy7+/Sx8W1lI7k3Nvi2tnu6+uRbmbKvLqUb2iWcWkIsVwEAAAACnRSTlMA8ij/7yXzrfEncOjbaQAAANNJREFUKM91kmdzgzAMhk1MYpCoTaCkEFZ2uvceWf3//ykQCjkb9/nk03PWnfSKkC6zqILFuoTYJtVg2oRRLYxYetEjzXOZ3qdPR/MnMDyHguARFeFOg4f8aw2QoSz47HLzu/v4hB9HFs5k4bs83sI7lwXFsgVfwVukiAPfr3DjaoR4gduhaAs8hesLn7YEPoN3dSdaArPAOxu46uRln6LOsbUStd5MDjUhSsKfJ0neLxiPhLzE+KRiGNU/qqBQOBUC66D+jbajP4ZOcSbMUMsGs8keYS4TMsm3RvUAAAAASUVORK5CYII=)
}

.cat.catna.avg,
li.catna.avg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAn1BMVEVHcExYWFpYWFpYWFpYWFpYWFpYWFpYWFpYWFpYWFpXV1hUVFb///9WVldTU1RSUlPf39/t7e2bm5v8/PzExMTn5+f39/fu7u7y8vKamppPT1DNzc3z8/OOjo6srKyLi4udnZ3MzMyenp6Xl5dQUFK5ubl6enq3t7fX19egoKC7u7utra14eHje3t5lZWZfX2HW1taKiopoaGmrq6u6urodgELjAAAACnRSTlMA8ij/7yXzrfEncOjbaQAAANpJREFUKM+d0sdyg1AMBdBnyw5wJb1iqgH3kt7z/9+WDcETD2x8lzoLjYox8yimq8TR3JhkRgOZJSaiwUQmHoY7QyO5DVCuiFYliJ5zPJWPPahsibaiBH/iNvX4A5YFsBAmLd7Oskv1Atl+nwnTj7dZ8S7rC1QhVMLIv237UecePRyOx4PwV+rO4puQag9L5qXYk7dZ0TQ7Wf9v7vJP277Wrq4e0EHYAJvwUlgOS1Z777WbwzERO+dUnQXB2g4AEEFVAYCIgNuWOHqo0dNOh59hakwSTa7Lkygxv5zREphPVXYUAAAAAElFTkSuQmCC)
}

.cat.cat10c,
li.cat10c {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAMAAADat72NAAAAaVBMVEXLAADLAADLAADMAADLAADLAADMAABHcEzLAADMAADMAADMAADMAADMAADLAADMAADYQEDMAAD////mgIDZQEDywMDlgIDNAgLMAgLMAwPcUFDfYGDSICDPEBDWMDDMAQH54ODzwsL20NB1FSFGAAAAEXRSTlP+/cvLO6P9AM/PO3Z1o6LQ/nDv8LYAAADISURBVCjPjZLHDsMwDEOZaakrpVN37///yF484iYNypOBB9KCRBhTb0rJVG5q4wWzKkiQIAn/QLsKeNFijNl6PxpMqvG4YnIzvUuPlSBx6/e915YEKR4LAGBro/YAAMncd/dyb2ufzrlL5lb/2YM7a3uGCfJwkAmPw3ngrPsw7+YP9z+YCZ8w/nuAjxivZYCJ2XBOhA9Hy8OrOPnVuTO/D7pOx+bg5KEOdYG4dcayFKFMZjlVxWVsqqnXlaiKdp2oqIpWzSIU+QOo/h2JFnXp/AAAAABJRU5ErkJggg==)
}

.cat.cat10b,
li.cat10b {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAMAAADat72NAAAAdVBMVEWBvyWBvyWHxyeCwCaDwSeCwCaBvyVHcEyBvyWCwCaDwSeKyymDwSeFxSeFxSeIySiCwCahz1yazE+IySiDwSf///+BvyWCwCai0V3B4JOLxTXR6K/o9Nf4+/K53IaBwCTw9+WazVDA35KLxTSCwSaTyUKBvyR0yZ0/AAAAFHRSTlP9zTO3y8u3AMv+tzPNMjMzzf7+MvS4mXUAAADhSURBVCjPdZKJDsIgDIaZ7mCHd4Edunm//yNaoKiT2rRJsy//T9dUFItlIjNpE8s323xd+BAH0ECJ9e5XhCsQQIn17nPCiS6F8IkVep0RTp2O3J+Ta/CLnONRUfxgieZamy7guzGxucVji3HBPjYHxC34MJG5+cZQRubg3z53Pbj/Z9Qujv0/dXsZj0oNc/Vncny7VerE4YlGQzkzuSZ1b9XMWrTDj8G+zazFYnX2k3M7v7rfOg03o2NzAf0OF76HMpxDUDf8tQSc89eyJFzzp7ggXNR5k8rUJpZvkmpDh/wC5UEna6TStA0AAAAASUVORK5CYII=)
}

.cat.cat10l,
li.cat10l {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAMAAADat72NAAAAjVBMVEVLmO1Nmu9LmO1LmO1Nmu9Mme5LmO1HcExLmO1Mme5OnfVQn/hPn/hNnPNNmu9SpP9SpP9Mme5UqP9RoftLmO1Mme5Mme7///9Nmu9LmO3T5vumzPd5s/JLmO54svKmzfeEufNipvBLme5KmO2lzPd3svJ6s/NvrfJYoPClzPaQwPWx0veDuPPS5fvp8/3fvsX4AAAAFnRSTlP9yaD+y8vJAMv+JycnJ6BzcaBzcZ+fgERYSAAAAN9JREFUKM+VkocOwjAMRNOZQMuGrLL3/v/Pw0mTEqiFhGVLpz6dGyVHKO1O84wxaBgr8lmPuiJ0qKSsG8briceFTKQktmGI185PYtUhpG4Yr9XI4cj67qurkny7O11WZ2W+5A6nFmuhFxxqL8TRYuYwg+VKATaUV0IsuVmefbs9Pny4W3j5e/mcJ8jypuacI+4QI+5nZUrX+MfR/sLIybF/PwKMXcuiwe1rqfSNG77WevNx5/WD2ojY9UYED9p/JyRMS+xwiaUlUV0fxTEWxUGTVFr2I5am0DBWRHHhg/wClbUsW5OpWkMAAAAASUVORK5CYII=)
}

.arm-label,
.arm-label-mini,
.roditel-pro-label {
    background-color: transparent;
    background-position: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    min-height: 14px;
    width: auto
}

.body--hmao .arm-label,
.body--hmao .arm-label-mini,
.body--hmao .roditel-pro-label,
.body--nnov .arm-label,
.body--nnov .arm-label-mini,
.body--nnov .roditel-pro-label,
.body--nso .arm-label,
.body--nso .arm-label-mini,
.body--nso .roditel-pro-label,
.body--sev .arm-label,
.body--sev .arm-label-mini,
.body--sev .roditel-pro-label,
.body--smol .arm-label,
.body--smol .arm-label-mini,
.body--smol .roditel-pro-label {
    background-image: none;
    padding-right: 0
}

.arm-label {
    background-image: url("data:image/svg+xml,%3csvg fill='none' height='14' width='43' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 2a2 2 0 0 1 2-2h34.08a2 2 0 0 1 1.52.698l4.285 5a2 2 0 0 1 0 2.604l-4.285 5a2 2 0 0 1-1.52.698H2a2 2 0 0 1-2-2z' fill='%23d8443a'/%3e%3cpath d='m5.886 10.5.54-1.658H9.05l.54 1.658h1.647L8.73 3.227H6.75L4.238 10.5zm.93-2.859.895-2.752h.057l.895 2.752zm5.497 2.859h1.537V8.142h1.293c1.672 0 2.645-.998 2.645-2.45 0-1.446-.955-2.465-2.606-2.465h-2.87zm1.537-3.59V4.484h1.037c.888 0 1.318.483 1.318 1.208 0 .72-.43 1.218-1.31 1.218zm5.137-3.683V10.5h1.492V5.749h.06l1.882 4.715h1.016l1.882-4.698h.06V10.5h1.492V3.227h-1.897l-2.002 4.887h-.086l-2.003-4.887zm11.481 6.165h1.272V7.513h1.878v-1.27H31.74v-1.88h-1.272v1.88H28.59v1.27h1.878z' fill='white'/%3e%3c/svg%3e");
    padding-right: 50px
}

.arm-label-mini {
    background-image: url("data:image/svg+xml,%3csvg fill='none' height='14' width='17' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 2a2 2 0 0 1 2-2h8.08a2 2 0 0 1 1.52.698l4.285 5a2 2 0 0 1 0 2.604l-4.285 5a2 2 0 0 1-1.52.698H2a2 2 0 0 1-2-2z' fill='%23d8443a'/%3e%3cpath d='M6.237 10.027h1.526V7.773h2.254V6.247H7.763V3.993H6.237v2.254H3.983v1.526h2.254z' fill='white'/%3e%3c/svg%3e");
    padding-right: 22px
}

.roditel-pro-label {
    background-image: url("data:image/svg+xml,%3csvg fill='none' height='14' width='34' xmlns='http://www.w3.org/2000/svg'%3e%3cclipPath id='a'%3e%3crect height='14' rx='1' width='34'/%3e%3c/clipPath%3e%3cg clip-path='url(%23a)'%3e%3cpath d='M0 2a2 2 0 0 1 2-2h25.08a2 2 0 0 1 1.52.698l4.285 5a2 2 0 0 1 0 2.604l-4.285 5a2 2 0 0 1-1.52.698H2a2 2 0 0 1-2-2z' fill='%23d8443a'/%3e%3cpath d='M4.632 10.5H6.17V8.142h1.292c1.673 0 2.646-.998 2.646-2.45 0-1.446-.955-2.465-2.607-2.465H4.632zM6.17 6.91V4.484h1.037c.887 0 1.317.483 1.317 1.208 0 .72-.43 1.218-1.31 1.218zm5.137 3.59h1.537V7.922h1.123l1.377 2.578h1.698l-1.545-2.827c.828-.355 1.286-1.076 1.286-2.07 0-1.445-.956-2.376-2.607-2.376h-2.87zm1.537-3.814V4.484h1.037c.888 0 1.318.395 1.318 1.119 0 .72-.43 1.083-1.31 1.083zm11.909.178c0-2.38-1.478-3.736-3.406-3.736-1.939 0-3.406 1.356-3.406 3.736 0 2.368 1.467 3.735 3.406 3.735 1.928 0 3.405-1.356 3.405-3.735zm-1.56 0c0 1.54-.731 2.375-1.846 2.375-1.119 0-1.847-.834-1.847-2.375 0-1.542.728-2.376 1.847-2.376 1.115 0 1.846.834 1.846 2.376z' fill='white'/%3e%3c/g%3e%3c/svg%3e");
    padding-right: 42px
}

.arm-example {
    border-top: 1px solid #ccc;
    margin: 20px 0 0;
    padding-top: 20px
}

.arm-example p {
    color: #999;
    font-size: 12px;
    margin-bottom: 10px
}

table.study-report-category tr.firstrow td {
    padding-left: 10px
}

table.study-report-category td {
    padding: 10px 0
}

table.study-report-category td.num {
    padding-left: 10px;
    padding-right: 0;
    white-space: pre-wrap;
    width: 20px
}

table.study-report-category td.student {
    padding-left: 10px;
    padding-right: 15px;
    white-space: pre-wrap;
    width: 150px
}

table.study-report-category td.cat {
    width: 40px!important
}

table.study-report-category td .arrow-negative,
table.study-report-category td .arrow-nochange,
table.study-report-category td .arrow-positive {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAABICAMAAACp6KeLAAACzVBMVEVHcEwAjmIAcELzcDrknhTvTizzcDoAjmIAcEJyu35yu37vTizknhQAjmJyu37knhTvTiwAcELzcDoAjmIAcELvTizzcDrknhRyu34AjmIAcELzcDrvTizknhRyu34AjmIAcEJyu37knhTvTiwAcELzcDoAjmIAjmLvTixyu37knhQAcELzcDoAjmIAjmJyu37knhTtdSnvTiwAcELzcDrknhTvTiwAcEJyu37zcDpyu37vTizzcDrvTiwAcELvTizknhTzcDoAjmJyu34AjmIAcELknhTzcDrvTixyu34AjmIAjmIAcEJyu37vTizzcDpyu37zcDrvTiwAcELknhQAjmIAjmIAjmIAjmIAjmIAjmIAjmIAjmIAcELknhTzcDpyu37vTizzcDrxXzPxXzMAcEJyu37vTizvTizzcDoAcEJyu37knhRyu37knhTvTiwAcEIAjmLzcDoAjmIAcEJyu37knhTzcDoAcELknhTvTiwAcELzcDrknhRyu37zcDpyu37knhQAcELzcDrknhTvTixyu34AjmJyu37vTizknhTzcDoAcELknhQAjmIAjmIAjmIAjmIAjmIAcEJyu37knhTzcDoAcEJyu37knhTvTizzcDrzcDrknhQAcELknhTvTizvTixyu37vTiwAcEIAcELvTiwAjmJyu37zcDrknhTzcDpyu34AjmIAjmIAjmIAjmIAjmIAjmIAjmLknhTknhRyu37zcDoAjmJyu34AcELknhTknhQAcELvTixyu35yu37zcDoAjmJyu34AcELvTizknhRyu37knhTvTizvTiwAcEIAcELknhTzcDoAcELvTizzcDrzcDrknhTknhTvTixyu37zcDrvTizknhTknhQAcEIAcEJyu37knhRyu34AcEIAcELknhTzcDpyu37zcDrvTizvTizknhRyu34AcELknhRyu37vTizzcDonK/ydAAAA6nRSTlMAJSkpx8fHs8fHKSkpJioqKioqHB8fHx8fuMzMzMzMGzoeHh4eHgTmBAQEBATVM+ztAuzs7S4uLi4uOTk5rt3d3d3H3ZOjo6Ojo4MdkZGRkSAgICAg1gg1F57YtJwa6+saGhoJCu3t7Ts7CTs7yMjIyCrIJ66tra7w8PCv8K+vr/A6KysrKyvA1dXV1dWRTEh1Q05UVFRQSkpQVlZKglBKVIKCUFaCSilWglZUUALczcs6V4Ub4QLhGgrjORpA40AJ9C3jYWEK4UBAlPQ59ECUr+OUCWH0YWHhlOMC4fSQlDIdHR0yMh0yMh2yf5CvAAADDElEQVRIx7WRZVcbURCGB4jikISkirsWd63i2hYpVJAa7hQoXnd3d3d3d3f3FvsNzd3NLrnJOfe0HzIf7r77zjNz5swA/FMM0yamnTfukL8pAgL1uSKvcxUSKSUEyqLG6x0lxAITPHGflSYCvwqFFJdg1NT3seMY5gv4MbaNoAVaAEJD5/dHkdd57zrN2CgX2wgsKvo6nX1EddLGGQC/Gi9ndqYLQDNinDGZ4dW5HbfUGLS0ZbEqSxaDJmKoFjFtt2ix/I3hE6ir6Wn2S5CIySRQbhmuBygh4htgiTFurDTgl2YppCgTo0Yfjh7LMKdhF2Ob88uhHCAyclY/FGn2B4/SjLlysTnfLauv06FjVCctnAEozXC1Y2c6AjQjwhmDdFf7pbilxqClLYxWWbJII7cbpUtMO+7fKn8ThQTqe2N+92okEgsJVGCT+0lKyISGWGJaICsNhf6VCikrxKgzt+LGM8wf8GdsS2EHdABERc0ejCK/+8NLmrFULrYUBlayP5evfaI66eIMgH+TuyM70yWgGRnOGDa6d+/GLTUGLW15nMqSZRq53XB9YtppzQb5m8ohUL8bPLo2IZFaRKCaa7OHUELKMcIS08+x0ojjU6WQ0iKMunni43mG+Qo+jG3FaYM2gPDwuYNQeHQ9eE4zVsrFVpzmKvbn2ds3x9FXH2cAfGo9nNiZbgPNSHHGqCG7ay9uqTFoaSsWqCxZqpHbjdAhpl1W7pG/STwC9aPau3c9EkllBCq4Poe+nRnPFEtMCWalKS+gWiHNyjAq91TCRIb5BgGMbctrhVaAiIh5A1B49155RTO2ysW2vOBq9mfSk6dUJx2cAQio93ZhZ3oINGOGM6Yzc3rX4ZYag5a2L0FlyWYaud1IPWLaYdsW+ZvMJVC/Qgp6diKRXEygguo86dtJuMZYYnIQK425viEKKSnGqNzX8RMY5if4MrY1tx3aAcLC5gxEUdDz4gbNWCsXW3ODQvpud/Eu1UkPZwB86zwd2JnuAM1IcMb4sWfPWtxSY9DSNserLFnyf0f5C5a+qNIyIPiyAAAAAElFTkSuQmCC);
    content: "";
    display: inline-block;
    height: 12px;
    margin-left: 1px;
    width: 12px
}

table.study-report-category td.avg .arrow-negative,
table.study-report-category td.avg .arrow-nochange,
table.study-report-category td.avg .arrow-positive {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAABICAMAAACp6KeLAAACtVBMVEVHcEwtRDydrKAhMSm2mpCWg2asiIItRDydrKAhMSmsiIK2mpCWg2aqo5ihhnQtRDysiIK2mpCWg2adrKAhMSktRDwhMSmsiIKWg2a2mpCdrKAtRDydrKCWg2asiIIhMSm2mpCWg2a2mpCsiIItRDy2mpCdrKAhMSktRDwtRDwhMSktRDwtRDyxkYkhMSmrmpGWg2adrKAtRDy2mpCsiIK2mpAhMSmdrKCsiIKWg2YhMSm2mpCsiIKWg2YtRDwhMSmdrKAtRDyWg2adrKC2mpAhMSmsiIItRDwtRDysiIIhMSm2mpCdrKCWg2asiIKWg2a2mpCdrKAhMSktRDwtRDwtRDwtRDwnOjItRDwtRDwtRDwtRDydrKCsiIKdrKCsiIKWg2a2mpCsiIKdrKAhMSkhMSmWg2a2mpCsiIKdrKAlNy+Wg2asiIKdrKAhMSm2mpCWg2a2mpCWg2adrKAhMSmWg2a2mpCdrKAhMSmsiIKsiIItRDyWg2asiIKdrKAhMSm2mpCdrKAhMSmWg2asiIK2mpCWg2asiIKdrKAhMSmdrKC2mpCsiIKWg2YtRDwtRDwtRDwtRDwtRDwtRDydrKCsiIK2mpAhMSmWg2adrKC2mpCsiIKsiIIhMSkhMSkhMSmWg2aWg2adrKCWg2a2mpCdrKCsiIK2mpC2mpCWg2asiIKdrKAhMSmWg2YtRDwtRDwtRDwtRDysiIItRDydrKAtRDyWg2YhMSmWg2YhMSmWg2aWg2aWg2YhMSmWg2a2mpAtRDy2mpAhMSm2mpCWg2YhMSmdrKCWg2adrKCWg2a2mpCdrKAhMSmsiIKsiIKsiIKWg2adrKCdrKCdrKAhMSm2mpC2mpAhMSktRDysiIK2mpAhMSm2mpCsiIIhMSmdrKCWg2adrKAhMSm2mpCdrKCsiIKWg2ZV4P6PAAAA4nRSTlMAJSkpx8fHs8fHKSkpBAQmKioqKiocHx4eHx+4zMzMzMwdHR0bOh4eBOYE1ikJ7AIJ7TPs7C4uOTk5Od3d3cfd3ZOjo6Ojo4MdkZGRkZEgICAgINQIFzUCnNi0nusaGjvt7e07O+074uIJCevIyMjIyK6trq3w8PDw8K8nr62vr68rKy8rKysvL9XV1dXVwEhDTnVMVFRQUFBKVFBKVlRKSlZWgoKCgkpWVFZQgi5XzcvcLjouheHhAhobQBobYTkaGkBA45RhlED09PT0YUCU7OPhlGEblOMt9GEdMjIyMjIdWJKrqwAAAwJJREFUSMe1k2VTHEEQhhs4RQ85jV9wS3CXKO4RICRIQgR3J7jE3d3d3d3d3bDfkZvb22XnjppKPlx/6H337We6prprAP4pphgRy86bjqtyspBA/WzK7dmFRHIRgQqscZ+pFhKhDVaYF8hIG6FvhUZKijAq71L0FZr5Br607SBshVaAsLAlo1Dk9jx/TzEO7MMOwsCKwU6fHtxAXyOcAfCtcXdm7nQXKEaCMzZN7j07cEuHQUPbGa01ZAnoIyYYEMuOq9aqciSfQH1OdXFajURkOoHyTEuhdifmW2CFGZ6MtOC7pmqkOB2j8k5HTKeZ2+BK27b8eqgHCA1dOQyFi9OZkxRjyz5sy/dMZX6mnbqg7mSAMwCuaS6OzJ3OAcWIccZiVorTGtzSYdDQ1kVoDVmsl91NMiSWzY4dUOUkAYH6Ve7RtwWJpEIC5VedMU4tFAJrrDDXj5HWgu5yjVQUYtSit7FzaOYPnKdte0ELtACEhy8djsKj79lDirFnH7YX+JUPdnrzTt3JEGcAuqs9zJg7PQaKUeCM9eKMvr24pcOgoa2P1RqyQi+7m2hKLJtv3qfKCVwC9bsha2A3EgklBCqgMv+yWsi4VlhhfgAjrbhtZRopK8Go8RfjrtPMGDhB2zJuJ3QChISsGIEia+DJTYqRsQ/LuAFlg53uP7qKvqY4A9BW+dqcudM1GJKxasgf2INbOgwa2pE4rSHL9LK7ySbkd7dxvyoncgjU99Ls3kNIJBYTKLsqL+rdyTmWeOEWIy05PqUaKS/GKLcFMXdoRgk+tK3kdEAHQFDQstEosnuffqUZVig5dqWsTh8/oK8JzgD4VHkx787uHlCMHGcsm716D+OWDoOGtjVGa8hyvexuqjH53W07qMrxPAL1oy6nfzsS8QUEyr/Wm9qdlCfCCpn+jBTxuho1UlqAUW4Lo2bTzFg4S9tSXju0AwQHLx+JIqf/ywuKkbIPS3n+jaxOr9SdjHEGoKvWm3l3mS9hSEZU591/FLd0GDS0DVFaQ5b+31L+Ao/8olNQieJ9AAAAAElFTkSuQmCC)
}

table.study-report-category td.cat5 .arrow-negative {
    background-position: 0 0
}

table.study-report-category td.cat5 .arrow-positive {
    background-position: 12px 0
}

table.study-report-category td.cat5 .arrow-nochange {
    background-position: 24px 0
}

table.study-report-category td.cat1-4 .arrow-negative,
table.study-report-category td.cat2-4 .arrow-negative {
    background-position: 0 -12px
}

table.study-report-category td.cat1-4 .arrow-positive,
table.study-report-category td.cat2-4 .arrow-positive {
    background-position: 12px -12px
}

table.study-report-category td.cat1-4 .arrow-nochange,
table.study-report-category td.cat2-4 .arrow-nochange {
    background-position: 24px -12px
}

table.study-report-category td.cat4 .arrow-negative {
    background-position: 0 -24px
}

table.study-report-category td.cat4 .arrow-positive {
    background-position: 12px -24px
}

table.study-report-category td.cat4 .arrow-nochange {
    background-position: 24px -24px
}

table.study-report-category td.cat1-3 .arrow-negative,
table.study-report-category td.cat2-3 .arrow-negative {
    background-position: 0 -36px
}

table.study-report-category td.cat1-3 .arrow-positive,
table.study-report-category td.cat2-3 .arrow-positive {
    background-position: 12px -36px
}

table.study-report-category td.cat1-3 .arrow-nochange,
table.study-report-category td.cat2-3 .arrow-nochange {
    background-position: 24px -36px
}

table.study-report-category td.cat3 .arrow-negative {
    background-position: 0 -48px
}

table.study-report-category td.cat3 .arrow-positive {
    background-position: 12px -48px
}

table.study-report-category td.cat3 .arrow-nochange {
    background-position: 24px -48px
}

table.study-report-category td.cat2 .arrow-negative {
    background-position: 0 -60px
}

table.study-report-category td.cat2 .arrow-positive {
    background-position: 12px -60px
}

table.study-report-category td.cat2 .arrow-nochange {
    background-position: 24px -60px
}

table.study-report-category td .vertical {
    height: 20px;
    margin-left: 9px
}

div.cat-arrow {
    background-position: 50%;
    height: 34px;
    padding: 0!important;
    width: 34px
}

div.cat-arrow+.cat-arrow {
    margin-left: 16px
}

div.cat-arrow.cat5 .arrow-negative {
    background-position: 0 0
}

div.cat-arrow.cat5 .arrow-positive {
    background-position: 12px 0
}

div.cat-arrow.cat5 .arrow-nochange {
    background-position: 24px 0
}

div.cat-arrow.cat1-4 .arrow-negative,
div.cat-arrow.cat2-4 .arrow-negative {
    background-position: 0 -12px
}

div.cat-arrow.cat1-4 .arrow-positive,
div.cat-arrow.cat2-4 .arrow-positive {
    background-position: 12px -12px
}

div.cat-arrow.cat1-4 .arrow-nochange,
div.cat-arrow.cat2-4 .arrow-nochange {
    background-position: 24px -12px
}

div.cat-arrow.cat4 .arrow-negative {
    background-position: 0 -24px
}

div.cat-arrow.cat4 .arrow-positive {
    background-position: 12px -24px
}

div.cat-arrow.cat4 .arrow-nochange {
    background-position: 24px -24px
}

div.cat-arrow.cat1-3 .arrow-negative,
div.cat-arrow.cat2-3 .arrow-negative {
    background-position: 0 -36px
}

div.cat-arrow.cat1-3 .arrow-positive,
div.cat-arrow.cat2-3 .arrow-positive {
    background-position: 12px -36px
}

div.cat-arrow.cat1-3 .arrow-nochange,
div.cat-arrow.cat2-3 .arrow-nochange {
    background-position: 24px -36px
}

div.cat-arrow.cat3 .arrow-negative {
    background-position: 0 -48px
}

div.cat-arrow.cat3 .arrow-positive {
    background-position: 12px -48px
}

div.cat-arrow.cat3 .arrow-nochange {
    background-position: 24px -48px
}

div.cat-arrow.cat2 .arrow-negative {
    background-position: 0 -60px
}

div.cat-arrow.cat2 .arrow-positive {
    background-position: 12px -60px
}

div.cat-arrow.cat2 .arrow-nochange {
    background-position: 24px -60px
}

div.cat-arrow .arrow-negative,
div.cat-arrow .arrow-nochange,
div.cat-arrow .arrow-positive {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAABICAMAAACp6KeLAAACzVBMVEVHcEwAjmIAcELzcDrknhTvTizzcDoAjmIAcEJyu35yu37vTizknhQAjmJyu37knhTvTiwAcELzcDoAjmIAcELvTizzcDrknhRyu34AjmIAcELzcDrvTizknhRyu34AjmIAcEJyu37knhTvTiwAcELzcDoAjmIAjmLvTixyu37knhQAcELzcDoAjmIAjmJyu37knhTtdSnvTiwAcELzcDrknhTvTiwAcEJyu37zcDpyu37vTizzcDrvTiwAcELvTizknhTzcDoAjmJyu34AjmIAcELknhTzcDrvTixyu34AjmIAjmIAcEJyu37vTizzcDpyu37zcDrvTiwAcELknhQAjmIAjmIAjmIAjmIAjmIAjmIAjmIAjmIAcELknhTzcDpyu37vTizzcDrxXzPxXzMAcEJyu37vTizvTizzcDoAcEJyu37knhRyu37knhTvTiwAcEIAjmLzcDoAjmIAcEJyu37knhTzcDoAcELknhTvTiwAcELzcDrknhRyu37zcDpyu37knhQAcELzcDrknhTvTixyu34AjmJyu37vTizknhTzcDoAcELknhQAjmIAjmIAjmIAjmIAjmIAcEJyu37knhTzcDoAcEJyu37knhTvTizzcDrzcDrknhQAcELknhTvTizvTixyu37vTiwAcEIAcELvTiwAjmJyu37zcDrknhTzcDpyu34AjmIAjmIAjmIAjmIAjmIAjmIAjmLknhTknhRyu37zcDoAjmJyu34AcELknhTknhQAcELvTixyu35yu37zcDoAjmJyu34AcELvTizknhRyu37knhTvTizvTiwAcEIAcELknhTzcDoAcELvTizzcDrzcDrknhTknhTvTixyu37zcDrvTizknhTknhQAcEIAcEJyu37knhRyu34AcEIAcELknhTzcDpyu37zcDrvTizvTizknhRyu34AcELknhRyu37vTizzcDonK/ydAAAA6nRSTlMAJSkpx8fHs8fHKSkpJioqKioqHB8fHx8fuMzMzMzMGzoeHh4eHgTmBAQEBATVM+ztAuzs7S4uLi4uOTk5rt3d3d3H3ZOjo6Ojo4MdkZGRkSAgICAg1gg1F57YtJwa6+saGhoJCu3t7Ts7CTs7yMjIyCrIJ66tra7w8PCv8K+vr/A6KysrKyvA1dXV1dWRTEh1Q05UVFRQSkpQVlZKglBKVIKCUFaCSilWglZUUALczcs6V4Ub4QLhGgrjORpA40AJ9C3jYWEK4UBAlPQ59ECUr+OUCWH0YWHhlOMC4fSQlDIdHR0yMh0yMh2yf5CvAAADDElEQVRIx7WRZVcbURCGB4jikISkirsWd63i2hYpVJAa7hQoXnd3d3d3d3f3FvsNzd3NLrnJOfe0HzIf7r77zjNz5swA/FMM0yamnTfukL8pAgL1uSKvcxUSKSUEyqLG6x0lxAITPHGflSYCvwqFFJdg1NT3seMY5gv4MbaNoAVaAEJD5/dHkdd57zrN2CgX2wgsKvo6nX1EddLGGQC/Gi9ndqYLQDNinDGZ4dW5HbfUGLS0ZbEqSxaDJmKoFjFtt2ix/I3hE6ir6Wn2S5CIySRQbhmuBygh4htgiTFurDTgl2YppCgTo0Yfjh7LMKdhF2Ob88uhHCAyclY/FGn2B4/SjLlysTnfLauv06FjVCctnAEozXC1Y2c6AjQjwhmDdFf7pbilxqClLYxWWbJII7cbpUtMO+7fKn8ThQTqe2N+92okEgsJVGCT+0lKyISGWGJaICsNhf6VCikrxKgzt+LGM8wf8GdsS2EHdABERc0ejCK/+8NLmrFULrYUBlayP5evfaI66eIMgH+TuyM70yWgGRnOGDa6d+/GLTUGLW15nMqSZRq53XB9YtppzQb5m8ohUL8bPLo2IZFaRKCaa7OHUELKMcIS08+x0ojjU6WQ0iKMunni43mG+Qo+jG3FaYM2gPDwuYNQeHQ9eE4zVsrFVpzmKvbn2ds3x9FXH2cAfGo9nNiZbgPNSHHGqCG7ay9uqTFoaSsWqCxZqpHbjdAhpl1W7pG/STwC9aPau3c9EkllBCq4Poe+nRnPFEtMCWalKS+gWiHNyjAq91TCRIb5BgGMbctrhVaAiIh5A1B49155RTO2ysW2vOBq9mfSk6dUJx2cAQio93ZhZ3oINGOGM6Yzc3rX4ZYag5a2L0FlyWYaud1IPWLaYdsW+ZvMJVC/Qgp6diKRXEygguo86dtJuMZYYnIQK425viEKKSnGqNzX8RMY5if4MrY1tx3aAcLC5gxEUdDz4gbNWCsXW3ODQvpud/Eu1UkPZwB86zwd2JnuAM1IcMb4sWfPWtxSY9DSNserLFnyf0f5C5a+qNIyIPiyAAAAAElFTkSuQmCC);
    content: "";
    display: inline-block;
    height: 12px;
    margin-left: -14px;
    margin-top: 12px;
    width: 12px
}

div.cat-arrow.avg .arrow-negative,
div.cat-arrow.avg .arrow-nochange,
div.cat-arrow.avg .arrow-positive {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAABICAMAAACp6KeLAAACtVBMVEVHcEwtRDydrKAhMSm2mpCWg2asiIItRDydrKAhMSmsiIK2mpCWg2aqo5ihhnQtRDysiIK2mpCWg2adrKAhMSktRDwhMSmsiIKWg2a2mpCdrKAtRDydrKCWg2asiIIhMSm2mpCWg2a2mpCsiIItRDy2mpCdrKAhMSktRDwtRDwhMSktRDwtRDyxkYkhMSmrmpGWg2adrKAtRDy2mpCsiIK2mpAhMSmdrKCsiIKWg2YhMSm2mpCsiIKWg2YtRDwhMSmdrKAtRDyWg2adrKC2mpAhMSmsiIItRDwtRDysiIIhMSm2mpCdrKCWg2asiIKWg2a2mpCdrKAhMSktRDwtRDwtRDwtRDwnOjItRDwtRDwtRDwtRDydrKCsiIKdrKCsiIKWg2a2mpCsiIKdrKAhMSkhMSmWg2a2mpCsiIKdrKAlNy+Wg2asiIKdrKAhMSm2mpCWg2a2mpCWg2adrKAhMSmWg2a2mpCdrKAhMSmsiIKsiIItRDyWg2asiIKdrKAhMSm2mpCdrKAhMSmWg2asiIK2mpCWg2asiIKdrKAhMSmdrKC2mpCsiIKWg2YtRDwtRDwtRDwtRDwtRDwtRDydrKCsiIK2mpAhMSmWg2adrKC2mpCsiIKsiIIhMSkhMSkhMSmWg2aWg2adrKCWg2a2mpCdrKCsiIK2mpC2mpCWg2asiIKdrKAhMSmWg2YtRDwtRDwtRDwtRDysiIItRDydrKAtRDyWg2YhMSmWg2YhMSmWg2aWg2aWg2YhMSmWg2a2mpAtRDy2mpAhMSm2mpCWg2YhMSmdrKCWg2adrKCWg2a2mpCdrKAhMSmsiIKsiIKsiIKWg2adrKCdrKCdrKAhMSm2mpC2mpAhMSktRDysiIK2mpAhMSm2mpCsiIIhMSmdrKCWg2adrKAhMSm2mpCdrKCsiIKWg2ZV4P6PAAAA4nRSTlMAJSkpx8fHs8fHKSkpBAQmKioqKiocHx4eHx+4zMzMzMwdHR0bOh4eBOYE1ikJ7AIJ7TPs7C4uOTk5Od3d3cfd3ZOjo6Ojo4MdkZGRkZEgICAgINQIFzUCnNi0nusaGjvt7e07O+074uIJCevIyMjIyK6trq3w8PDw8K8nr62vr68rKy8rKysvL9XV1dXVwEhDTnVMVFRQUFBKVFBKVlRKSlZWgoKCgkpWVFZQgi5XzcvcLjouheHhAhobQBobYTkaGkBA45RhlED09PT0YUCU7OPhlGEblOMt9GEdMjIyMjIdWJKrqwAAAwJJREFUSMe1k2VTHEEQhhs4RQ85jV9wS3CXKO4RICRIQgR3J7jE3d3d3d3d3bDfkZvb22XnjppKPlx/6H337We6prprAP4pphgRy86bjqtyspBA/WzK7dmFRHIRgQqscZ+pFhKhDVaYF8hIG6FvhUZKijAq71L0FZr5Br607SBshVaAsLAlo1Dk9jx/TzEO7MMOwsCKwU6fHtxAXyOcAfCtcXdm7nQXKEaCMzZN7j07cEuHQUPbGa01ZAnoIyYYEMuOq9aqciSfQH1OdXFajURkOoHyTEuhdifmW2CFGZ6MtOC7pmqkOB2j8k5HTKeZ2+BK27b8eqgHCA1dOQyFi9OZkxRjyz5sy/dMZX6mnbqg7mSAMwCuaS6OzJ3OAcWIccZiVorTGtzSYdDQ1kVoDVmsl91NMiSWzY4dUOUkAYH6Ve7RtwWJpEIC5VedMU4tFAJrrDDXj5HWgu5yjVQUYtSit7FzaOYPnKdte0ELtACEhy8djsKj79lDirFnH7YX+JUPdnrzTt3JEGcAuqs9zJg7PQaKUeCM9eKMvr24pcOgoa2P1RqyQi+7m2hKLJtv3qfKCVwC9bsha2A3EgklBCqgMv+yWsi4VlhhfgAjrbhtZRopK8Go8RfjrtPMGDhB2zJuJ3QChISsGIEia+DJTYqRsQ/LuAFlg53uP7qKvqY4A9BW+dqcudM1GJKxasgf2INbOgwa2pE4rSHL9LK7ySbkd7dxvyoncgjU99Ls3kNIJBYTKLsqL+rdyTmWeOEWIy05PqUaKS/GKLcFMXdoRgk+tK3kdEAHQFDQstEosnuffqUZVig5dqWsTh8/oK8JzgD4VHkx787uHlCMHGcsm716D+OWDoOGtjVGa8hyvexuqjH53W07qMrxPAL1oy6nfzsS8QUEyr/Wm9qdlCfCCpn+jBTxuho1UlqAUW4Lo2bTzFg4S9tSXju0AwQHLx+JIqf/ywuKkbIPS3n+jaxOr9SdjHEGoKvWm3l3mS9hSEZU591/FLd0GDS0DVFaQ5b+31L+Ao/8olNQieJ9AAAAAElFTkSuQmCC)
}

table.study-report-risk .cat {
    background-position: 50%
}

table.study-report-risk tr.fdd>td.tdspacer {
    background: #ccc!important
}

table.study-report-risk td {
    padding-left: 10px;
    padding-right: 10px
}

table.study-plan-cw td {
    text-align: center
}

table.study-plan-cw td .vertical {
    margin: 0 0 -30px 15px
}

table.study-plan-cw td input {
    text-align: center;
    width: 30px
}

table.study-plan-cw td .cell-vertical {
    height: 140px
}

table.study-plan-cw td .cell-vertical>span>span {
    min-width: 140px;
    width: 140px
}

table.study-plan-cw thead td {
    height: 150px
}

td.cathead {
    background-position: 15px;
    height: 30px!important;
    padding: 0!important;
    width: 53px!important
}

div.cat_butt {
    margin: 20px 0;
    width: 30px
}

div.cat_butt img {
    height: 20px;
    margin: 5px 2px;
    opacity: .7
}

div.cat_butt img.cat_butt_selected,
div.cat_butt img:hover {
    opacity: 1
}

div.cat_butt img.cat_butt_selected {
    height: 24px;
    margin: 5px 0
}

.homework .tdInd span {
    background-color: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACvlBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAxMTEoKCgsLCwAAAAxMTEAAAAAAAAAAAABAQEoKChVVVUAAAAAAAAAAAAsLCwoKCgdHR0vLy8AAABHR0cpKSlBQUExMTEtLS0yMjIuLi41NTUAAABVVVUAAAAODg4AAAAqKiocHBwzMzMAAABJSUldXV0aGhotLS0AAABDQ0NQUFBlZWUWFhZgYGBeXl4xMTEUFBQmJiY3NzdERERSUlIAAAAuLi5RUVFubm54eHgzMzNtbW2AgIAtLS0uLi56enp3d3eGhoZ5eXl1dXVwcHBxcXF7e3uBgYF0dHRTU1M1NTV2dnbFxcWTk5NcXFwyMjJYWFjBwcGampqioqJvb29sbGxXV1dMTEx/f389PT24uLiUlJScnJyHh4dFRUU4ODiJiYmqqqqlpaWVlZVycnJLS0s0NDSCgoJqampSUlJ9fX1AQEBCQkJhYWGDg4OKioq/v7+enp46Ojqnp6dnZ2dGRkZdXV3j4+OZmZmysrJlZWW3t7ednZ1bW1s2NjY5OTmFhYXPz89VVVWxsbFzc3M7Ozu0tLQ3NzdQUFDNzc1ERES5ublISEimpqYvLy+WlpZNTU2MjIwmJibt7e1OTk6oqKiOjo7u7u6jo6OsrKzl5eXi4uKYmJjc3Ny2trZfX1/CwsL///+wsLAhISHLy8vGxsYaGhq6urocHBwkJCSpqana2tqQkJDx8fGkpKStra2Pj4+SkpKXl5d8fHxaWlpmZmbKyspoaGhUVFS8vLyLi4vd3d1HR0dra2sxMTG1tbX4+Pjz8/P8/Pzm5uagoKD19fV+fn6zs7OhoaGvr69eXl7q6uqfn5/y8vKbm5vQ0ND5+fnAwMD+/v739/eEhITo6OgpKSm+vr4gICAsLCwjIyPDw8M/Pz9TNwftAAAARXRSTlMABg0MQwIEFgETDykSwNE5Fa4DByJAo00rIAliPorENdF6o7K++LH4SGMFSye8ivUdnodsXhjc0OFKX/jwObHzmn8uu2M05mfIAAACrklEQVQ4y2NgQAdsgjHuxe6CbAw4AKN7fXJ0WcXscEbs8mxqOe2uQY1TT3spYzeDyT0lKdQnKHnK/ClMSMIc/Lwx4THFvPwcnO4LS908T2UXb+vhRMizSrtXxkaHTQ+PMTENz05JmRQ7b+qGHnaEfhn3olKPxPajafPdbW0qb2dtiUzv2KyOUMAoN6nRozDANTrb67GzXc6jO7VtDbO2qiCs4HIvOhTkVh5RlR2zrVvUfkfchFmdrfraCEcKuKdUBfqkVtV7P3ue4+SwqWNRXUG1oYEWXAF7eNPMoibv2N1b3J92i0jEb1/amjVTgpkDoUC1wq+6ZEZkR1vvZnfHxj1+Hs0L01yNhOAKOHXrL5yYFncmL3/n1qb0XXnxnq7Xp9+64iEOM4PJeHbbtNrJeQmZQRv2Ptkbufpm1M6VUTNWzdFkhSgQFjFbH7l6WUJ8RuqahN6HfvcvLViR1VsdvzFaChpQPJae967lZxbM89jjGeJZnnl2yZzLnp7l6QdhQcEoaV7XcHXl4n7XBp/gYP/QY+mh/sHBbotioYHJamURsQzo9LlpqR5JAREBEwsLQ0HU/mSwAg5x66zadfmtIR7NlSvW+q05EhQUmBgYGBjk4wdWwOrierhl7YNV6zuj5uX1RbYcdi318fH39/H3SexSArlBKrYvrjN+9/m7u24s35GQWRfX1x8WVgZCCorczKBQan+xLyNqZ/75BctbLkZlZERtmqvBAgKi8iJcoMBk75qQW3M812/CuQXb/XJranInn9RhBwEBLmFwOLH3J3iGlJSkBkfGHfAMAYKlFewoqZT9ZYGvr6+bb0BoaACQ8vUtSENT0BMRHOjq6uqRlAQkXAODI3JQFXCKhXe5+rtBgX9idLcYJ4oCZm49Pm8vL28vbyAC0nyyYM8NKgAAoZz2bSFqc7IAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    display: block;
    height: 32px;
    left: 50%;
    margin-left: -16px;
    position: relative;
    width: 32px
}

.homework .tdInd span.checked {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAADAFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABxPxFnOg9qOxAJSZYKOnQAAABqOxBxPxE2IgwiEwUQS48HAwEAAABCjNJvgysoHAx1RBVBhchBTSBbaythci54RRh0QBRyQBNwgC1uPRBxRRxufixLKQqEYTcAAACCWCV/b1REkt1Bg8VhNQ59XjIIUKVzQBNlouFYmdxfoeJ1QhV0s+p/qU1rq+Z3oUBrfjPgv37WtXd3QxV/q0DkxIO+mmF/sDp6RxjbunthouGzgzqxfjG5i0l8pkGCVBnqy4nvz47Qr3HVs3PPq26Dsj5eMRV+u+9Ehs2Ftj682fZ7uvBxgzGhbySZaSBsPhhcmdqGWRx6pD6NXyaQYRm7llz11ZOWbj6fwXHmxoVpquZYKRHYt3j5+v96pjTEoGUZYbPJp2vMrG/+///r7e2XeEGmh1JRIwquzu/N4PZpPiFmo+JWmNxcn+GOXhireStanN50hy6zhEOwfSu1hj1ipubiwoKsdyMVW657SxWVZi14SyVppeG0h07BnmSGWiu8kVJusOpwPhF3ozp9qDuhdUn/66b+4J3D1a39+fTx8/6ObD2rgU1ooNx5SBWFWTV9ViBwRCbw8vTCqXmSeUqDaTyVxfD625jKsoSOx/aAv/KDwvbj7vqgiFi43ftlNhR+rDeNwEWIxPS73Ynp/8i+1Iy2mGC3nmmMueiew+shaLrE2vRwiDmNs157nUh8TRa9kVyszYKkdCq72JKKWyDD2OrL5aXG2uy+klmdxGCqeTanu2+ecDykyOjZ8bb18eslcMWGlz5/XC6EmTnm7PSBZDh1Vy4pd9JvfSW2tIa+pX9mm33y9vovft+BqUbsyYby48vLsX7XwJV5ruLt6+Z5oTdUofL0/P9Wl+i7o3fj5ufI3PhmmmvLv6TU4OhTmtS2zod2re6Aqz6szXWTkGp1ViNbqP5nnnV4TirZ16rdxKDFpGpfJgWgzWbbuILLrXeyrHVtRyaBXyfbvIZ7lDNRj9A/gMeczEyjAAAAL3RSTlMABSAODCpEFQISwjq90YoHYK5KN6NACfyDRfJheqPR+PiyY7H1TWyeGNzQ4U2xmqO/K28AAAJ1SURBVDjLY2BAB4yCBiYmJoKMDDgAo0FTeFi4R7cNDhWMytMbXF0ON0dEKGJXwWIQW1Pr1pbQ4u/IgizOzWVgY2DCxc3AbhLr6nZw6oxZ/o7sCGkOAQMPoMVRJiYCGjZRMTEtCRlTUpAVcBuU14AsnrnCRFjKw9c+ycuuvkAeoYCRa0eDa2119dGO4hU8utP74z2tUq1TeBAKmA3KK1zcOtv6QDaLSk3wtLL2zlYRQjgS6LDdLm47+z4WF/s7sup52aV6Z9mrMyG8yW4TtTemIyLBOulXig0T6w8nH1/7c6xIvmRX8LCPiwO6zMq+wETi758Ny+bOO39GggOhgKepf0K8Z72T9ZeC3+vWfs9en593eu26U6pwR6p1W4Hkfbzzv/5cs+rT54VzLl9ateb4ESWoIfxMmlZeQPnsrLi8b0F+QTlpk88GBfkd2l8lBjWCU6jzBtBrWRlTXzr4+a1MTJucCKQd9lRxwkKKSetWqo9vxpS3b1a+trVNnzgx3dbWtndXKDSsOKS17zuBnP7u/YsP6b3u0T090e7u7tGJUAU64neCc3xATp+ZG/xK/Ok9Cwgw2wZWwCEdWbR0+YObtxfOefTs+fKlTx5euW4GBtu3yoIUiAUWBa9esign7ers3MeLlqwOLrp20RIM5GTAocn5b0tIQEDI/Emzc+/OB7G2XGADA1FhJmZQOLAHFpoCQVfhpBPHukCswpOs7GDAzA8OJ/b/m5LNzc2T6w7sqwMxzDdtZkdJpeybNxo7A4FxWRmE3piJpiBzWmulERCUloLIytZp6ApEGgMjSwyhoCQysFEEVQELKx+vPhLg5WNlYRhkAADoR+aF+tbUNQAAAABJRU5ErkJggg==)
}

.homework .tdInd a:hover span {
    background-color: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAADAFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPT08AAAAAAAAAAAAEBAQAAABSUlJMTExMTExHR0c4ODgoKChVVVVHR0cAAAAAAABHR0dQUFBSUlJTU1NJSUnIa5gAAAA1NTV6cWVlZWViUTRiSypjY2MAAACAgIBJSUmCgoKHh4dycnIAAAAAAABrSBjOaZxqVjt6enpNTU3UjcRSUlJFRUUsLCxZWVkAAABOTk5nZ2dqamp1dXXZicdsbGx0dHQAAACYazqVajyRZjqPj49VVVWWlpZUVFSkpKRXV1egoKCXl5eOjo5+fn6enp6YmJjGxsZoaGj/mBT/9uBvb2//vWJ5eXmfn5+ampqZmZlTU1O+vr5bW1u3t7e0tLTBwsK/v7+JiYmvr6+7u7u2traVlZVNTU1OTk57e3vR0dHT09NaWlqmpqZlZWWRkZHMzMyNjY2zs7Ojo6PW1tb/nBbAwMCBgYFubm6Li4uSkpJPT0+Dg4N1dXXNzc1kZGSGhobY2NioqKjw8PDHx8f/3HnDw8O8vLxCQkLLy8uysrLe3t53d3ebm5u6urqurq7y8vKsrKzs7OygaD3/mhVdXV3d3d1RUVHJyclxcXH+/v5FRUWqqqrS0tL29vY+Pj5ra2s1NTU4ODjm5+fu7u5fX190dHTl5eX////U1NT4+Pj6+vrZ2dnPeif/mwz/3Xf/vl7QdS1paWnn5+fKcJ+QkJD7+/tQU1rMe6tKTlO6hMHCj8iEdl1tYErQh7rWp9rOmdDjsudISEirq6tMTEw9PT1gYGDwvm32xGq6m2mDYzz/5KbbotvJjMpJUFdzgHxvdnySnJuBioZ7f23///D/zn5hYWF9fX3r6+ujqLCZd1PjvHT83qlvb3XW2N3YmEb9tlT//Ot/gY1QWmXi5uqWmaCjqbeneESTnqunr71xe4yjp6r/9t7/lxLChUubbTv/+dege1v/nBOtsbTJfDH/3nrOnm7GcyK1uLqVbkvOdCHw03/JcSXDbhz/3X7/3n+lAZ4yAAAARXRSTlMAKgIMBg4BFRMDsg0hEUAdwDlg0YpK96NDCD7Ervi86jZsjNw8dqMj+Hpf4dA1GDH2uU2+w/CxOfMuu5rRf5+eY1W6wNeFVoEFAAAC0UlEQVQ4y2NgQAecMtEebm4ynAw4AItHbLhfbf10Lxbs8pxcOQ2u+Ukzp6dzYTeD2yO0MC2yKtxrthc3kjCboEC0V7SbgCAbh8fMSp+IyiC3jlgOhDyTkEdepl9tnlu0kJ5XUGjo1MymZfNz2BH6pdwqKn1dG3qWzvYwN82L96xbWdC5UAyhgEV6apJvVZqrX1D6ISuznCXdWS2JMYuMEVawulUk5Qf4u9cERXd48Vkszw5sjysSE0U4kt0jtCY/yr8mNuNIR46ldUlnYlyXtz0/q8k+mAK3oAUVmzIy2+s8jnrxMMaXtRd5LmBktju4fwdUgWy9p7d33coZLcULPWyT2jxd/UKXut68eObA7i3g8OSQi12yeU32jIT2iYuCCuYlxPu7luc9u7f40tld8rxgRypWt0zLmpHQl1o1/3DWxJUz+vonrn35JCHyvIECxJvqyoElMxJS4pP9y1OKi4tXrJrw/euHF0/vXuCDBhSvaMTcwPbU5Dm+bREREb2pq/+2vtmw7tWjy7CgYOHRiUvsK5oT7hoTFRkZlfan9U1Y8JSPZZnQwGTS0nZv8/T1Cz3m71uY5p628R9IfnJaVzhYAZuRhmfWivZ4b9/y+hsrPcuTNv4PAcnnR3qCFTA5uK6ZlL16cWBcclPZtJWTGn/9BuovnRwV5eqnBnKDZPi0uXHx7bO2zWuetLwv/sc3kP2lP2uX1dpoMjKDQqlh5cTk5Ints5on3ehL/vwFLO/iKCHBp8vDCkp17NcDc3Obcj0D500o83z9bj1I3pmfHQhYWZjAEdGTEuHt7e0fWZLd678WLO8kiZxK2a8lu/v4BPikAYHP7Ycb3n56z4+SjNlj3Xu3urq6+hYWup68cufBuueP2VEUcIi7+blGBQQATQk4cfrq/Vte4hwoCpgZRYQz0tOrM6p37t1z/NQ5YRGw57AB1e2G+gx4AKeSCgNNAACeiw76/POhPAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px
}

.homework .tdInd a:hover span.checked {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAADAFBMVEVHcEwAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABnOg9yPxIAAABpOw9tPRhlTCdyQBJnOQ81IgsIOnYFSZ52RBVxQhdAhciAXzIOS5NAjNVqOxBuPRFbaytBTSBLKQprPBAAAACCWCV/b1RDkd16cWVBg8Vhci48IglofilqVjsAAAB0QRTXtndYmdz/vWH/mBR2QxXPrnD/9t8HUKblxYXgv35houLbuXr/mxbLqm3/3Xm0hDx7ShecbT3ryohzsup6RxZbLBOVeUWygDK5ikaufCyCVBm8lVzjwoJ9qztxRibVs3NmouDEoWajaTm+mmBSJAt8uvD//v1Chcv3/f+CxPq73fyPXxmVZh+GWRyNXyZsq+a9kVX11ZNqOxZ7TySvg0dno+LVisLvz47/6aZpPiH28+/I3PNcnuFvgjKkiFeCtDuQyPVvcnuvcymWm51+Xibk5+mBr0B6rE9wqDzOchj/3n6hbySbax6JWySqeTa4ik+ndSbLappvQRiVbz9gMxWhdUn+4J2FWTXZpduXcDtpquZxiDSszu4WXbCRZjLF2eu924zbuoRhp+iIaj7MrXR+lzCeyGuCZjm8m2bzwWtcoei2mGB3jpy+pnfr7u9yfYSIu0J1VyjKs4Xs6+mkh1DS4e/i7/xkgTWnynZwr/D/mwx0vfvPdyO9q4PIciPQdS3KcJ+NXhiXaC7Me6vCj8iqf1Luzoy6hMFwPQ3OmdCEWS23nmjLsX55reJUofLy48vjsufJjMrXwJW72vRfJgXy9vp0jimyrHVQU1oATbHm/8WBioaPcDtwYkq3nmqNtF57nUiEdl22zoft8vaTkGqMuehLl+idwupRj9AhaLijqLAzUnWjyenW2N3Z16rAwsNbqP4GXsP///D/zn7Lv6RTmtSs1YEFYcleq/T83qmjqbfjvHTamETdxKD9tlT//OvUdRdnnnaTnqunr71tp0WRw+5mtP3/+dd8pjJYmnLs+v/DbhwB+Zp5AAAAmnRSTlMAEwIqQg8MFgYBCBs9FTYgIjqvJL37h8CxSorR9/NhnKP8YsSjemxeI9zQ4exN0Tl/+kb////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////++VMvmwAAAs1JREFUOMtjYEAHHELGxhYWQhwMOACHsUtDfYJfmwUOFRwSHi3ezk2T2tJwmMFmHO/r7JPhGtThwYYkzCkobmxhbCwuyMlonODrk7KzO6jDhREhz6Rk7Ae0ONHCWJ3dIjEpKb09dLqnCzuSfqC53t5N29I7LPRl/SzDbXbZBETIIBRwKLuUeYMs3pebJiLhkZPqZmtiEiGCsILVeCvQYSnNnUCbPVhku4Dylo6ykghH8hrHtzg3+3em5+Z6ejDLZwcA5cPludmysqA+BTqsMakxrd3EJsjTgp95hn2wY/hsZsasIz3bISrYZfzC/f1tsm1s50QYG8yceqnIa/rSmffKe/bu2AJWwSjiktOV6hZgbxIaUTHl3NQZ81d4Vbx7WHn+6O5WsEtZ1fbYguSDLYtOnJ6y5NHHZRs3bvhe+bh8cSsfWAGHhqZtNkje0d9rVnHxkqiYf5ucfn8rLy3l4QZbwckomQL2WmjGteKqqsA1Mf+drMzWLS49JQD1Bge/1gGTYMfQCzfWBAZWBdZsAsqbm4e96ocGJpOc9iH7/UVes5c+efn1T2DN5jqgvENYzaxCsAJOXcWD+VHBjiCnL49bq/gXKv+j+jJYAZOcaf6quJjDx5YtXPhiZdyquA0Q+erqK/0qID9wRa88HhtbEhVz8vqiypLY2FqQ/Q6uq1cX6qkyg6KD8U5+JBD8jMpbtPzn+vVQeSMWFhY+AVYmUDhHT3AHgQl5eQ/W/oLK8wiws/OycjCBIyL6dl9ycnLftMmTp735ApXnRkqw7Hdv2oFBQcG8Be8/g9yHIs/APjEks8AUDG7Nefb207qy1wIoCZ5RYWK0aWZISEjmvAVzc55/KHuqwIiaEZilpK3B4OzFq3Mn3ZeWYmZDUcDEKszHAgJGYmcMxYxY+ITBnkNWwcXKyw4E/DpiPMzcvKxcTDhyLRu/MDtOSXCcs2GVBgAo2vaUhT6j8AAAAABJRU5ErkJggg==)
}

.homework input.htminutes {
    width: 22px
}

.homework textarea.httask {
    min-height: 50px;
    width: 250px
}

.homework textarea.httask.httask-wide {
    max-width: 300px!important;
    width: 300px!important
}

.homework .lessons-row,
.homework .trLes {
    cursor: pointer
}

.homework .lessons-row .hide,
.homework .trLes .hide {
    display: none!important
}

.homework .lessons-row .fill.hidden,
.homework .trLes .fill.hidden {
    display: block;
    visibility: hidden
}

.homework .lessons-row .fill+.cw-text,
.homework .trLes .fill+.cw-text {
    margin-top: 6px
}

.homework .lessons-row:hover,
.homework .trLes:hover {
    background: #f0e5ff!important
}

.homework .lessons-row:hover .fill.hidden,
.homework .trLes:hover .fill.hidden {
    visibility: visible
}

.homework .lessons-row:hover td,
.homework .trLes:hover td {
    background: transparent!important
}

.homework .lessons-row:hover .tdspacer,
.homework .trLes:hover .tdspacer {
    background: #ccc!important
}

.homework td {
    text-align: center
}

.homework td.saving {
    background-color: #fdf7cf!important
}

.homework td.saved {
    background-color: #e4fae4!important
}

.homework td.notsave {
    background-color: #fcd9d2!important
}

.homework td.tdHT,
.homework td.tdNote,
.homework td.tdTopic {
    word-break: break-word
}

.tdNum {
    font-size: 12px;
    padding: 0 7px;
    text-align: right!important
}

.tdData,
.tdHT,
.tdTeacher,
.tdTopic {
    padding: 3px 5px;
    text-align: left!important
}

.tdData {
    width: 50px
}

.tdTopic .fill {
    line-height: 1.28em;
    text-align: center!important;
    text-decoration: underline!important
}

.tdTopic .tdTopicItem .resource-item {
    background: transparent;
    display: inline-block;
    padding: 0
}

.tdHT,
.tdTopic {
    font-size: 1em;
    line-height: 1.28em
}

.attach-file,
.attach-resource {
    -webkit-text-decoration-color: rgba(12, 119, 195, .33);
    -webkit-transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, -webkit-text-decoration-color 37.5ms ease-in-out;
    color: #0c77c3;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    text-decoration: underline;
    text-decoration-color: rgba(12, 119, 195, .33);
    text-decoration-thickness: 1px;
    text-underline-offset: .45ex;
    transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, -webkit-text-decoration-color 37.5ms ease-in-out;
    transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, text-decoration-color 37.5ms ease-in-out;
    transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, text-decoration-color 37.5ms ease-in-out, -webkit-text-decoration-color 37.5ms ease-in-out
}

.attach-file:focus,
.attach-resource:focus {
    -webkit-text-decoration-color: #0c77c3;
    text-decoration-color: #0c77c3
}

.attach-file:hover,
.attach-resource:hover {
    -webkit-text-decoration-color: #2485c9;
    color: #2485c9;
    text-decoration-color: #2485c9
}

.attach-file:active,
.attach-resource:active {
    -webkit-text-decoration-color: #d8443a;
    color: #d8443a;
    text-decoration-color: #d8443a
}

.attaching {
    max-width: 650px;
    text-align: left
}

.attaching__caption+label,
.attaching__caption+nobr {
    margin-top: 8px
}

.attaching--ht .attaching__caption {
    margin-top: -24px;
    text-align: right
}

.attaching,
.journal-resource-files,
.modal-resource-files {
    color: #0c77c3;
    font-size: 12px;
    line-height: 16px
}

.attaching label,
.attaching nobr,
.journal-resource-files label,
.journal-resource-files nobr,
.modal-resource-files label,
.modal-resource-files nobr {
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin: 4px 0 0;
    padding: 0
}

.attaching label img,
.attaching nobr img,
.journal-resource-files label img,
.journal-resource-files nobr img,
.modal-resource-files label img,
.modal-resource-files nobr img {
    margin: 0 3px 1px 0
}

.attaching label input[type=checkbox],
.attaching nobr input[type=checkbox],
.journal-resource-files label input[type=checkbox],
.journal-resource-files nobr input[type=checkbox],
.modal-resource-files label input[type=checkbox],
.modal-resource-files nobr input[type=checkbox] {
    margin: 0 0 0 -16px;
    vertical-align: text-bottom
}

a.cancel {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAdVBMVEXMAADKAADIAADMAADMAADHAADLAABHcEzMAADMAAD////9+fn++/vdVlb99fXbTk7ZQkL++vrODg7WMjLWMzPcUVH+/f39+PjOCwvVMDDywcHcVFT54eHRHBzRHR3ZQUH43t7WNDT0ycnSICDSHh7ZQ0P+/Py2Jyp+AAAACnRSTlPfXl7//l5eAMrJ5XTJDgAAAINJREFUGNNlz0cOg1AMRVHDpfo3OqT37H+JmUAIyh0e6Um25FEp38oslzjhpySTgk2FCNB0AN0TEBFo7iZA5Y+PGW5GTai82moGeqP1qNYtE+it6tuxQjWq2rDCy+swqAkLtF6tc7Wa3Qynq3VwqPfTMjlfANoJkP/T0y1Ekqe/78f5B7JhBvwUJh21AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 16px;
    margin: 2px 2px 0 0;
    width: 16px
}

.user_buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-transition: opacity .12s cubic-bezier(.215, .61, .355, 1);
    background: #fff;
    border: 1px solid #dddcdb;
    border-radius: 4px;
    box-shadow: -1px 0 5px -1px rgba(0, 0, 0, .3);
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap;
    gap: 4px;
    opacity: 1;
    padding: 4px;
    position: absolute;
    top: -35px;
    transition: opacity .12s cubic-bezier(.215, .61, .355, 1)
}

.user_buttons--individual {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    position: relative;
    top: 0
}

.user_buttons--hidden {
    opacity: 0;
    pointer-events: none;
    touch-action: none
}

.cells .cell_ht,
.comm {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAABUAgMAAAAOtKR/AAAACVBMVEVHcExKpACkCAArp2Z7AAAAAXRSTlMAQObYZgAAAERJREFUKM9jYIACJijNBaW1GIYZcIBQjAEQmlUEQouwQmgWFlSaNWRoeW9Qxh80LBlEoXQgJBIYHaCR4OCASoc6oJsAAP8yBGnZVSkdAAAAAElFTkSuQmCC)!important;
    background-position: 0 0;
    background-repeat: no-repeat!important
}

.cells .cell_ht,
.mark_ht {
    background-position: 0 -28px;
    color: #777
}

.cells .comm.cell_ht,
.comm.mark_ht {
    background-position: 0 -56px
}

a.comm {
    text-decoration: none
}

a.comm:hover {
    background-color: #ffe572;
    background-position: 1px 1px
}

span.comm,
span.comment_line {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAw1BMVEVNmu9RpP9NmvBNmvBNmu9Nmu9So/5HcExNmu9Spf////9Nmu9Il+7///5Bk+43je0yi+w8kO1Mme9NmvAuieyIu/RSnO5JmO631vdDlOzL4fo6j+37/f4wiuwbfOp1sfKtz/c9ke3g7fxAku5coe9Glu4+ke1kpvA0i+y61/gwiesxiexMmu8viexJl+5urfD1+f1Lme83ju2GuvRZoO9KmO5Hl+5Aku1DlO6mzfc2jO2Xw/VEle5Ak+6+2/hwrvFNm/G3LN7MAAAACnRSTlPcT8zLzMtPAN5PFvXZjgAAAJpJREFUGNNNjzUCwzAUQ1WKnS8nZWZmZu79T9UhbpO3CCYJyk1pWHTKVYjlGcVF0rpFIElokuXsZDnP1IckNUD2q5WGiNQGOxIA/bVYrjcCOJ7lz/sB4LIPi1cWwOkQFvcnAKanv7zJ5ACQzaInIiKd2ZYASPqFUlt6rW6OBDRJ0oxW3tiQ1Ijb6SZtgunOJ/ot70I5icj9mPoC4OIOoWwx0VoAAAAASUVORK5CYII=) 0 1px no-repeat;
    font-style: italic;
    margin-left: 2px;
    padding-left: 19px
}

p.excl {
    background-color: #f7e3e1;
    border-radius: 4px;
    color: #761d17;
    line-height: 1.2em;
    margin: 16px 0;
    min-height: 32px;
    padding: 8px 8px 8px 48px;
    position: relative
}

p.excl.text-center {
    padding-right: 48px
}

p.excl:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    color: #761d17;
    content: "\f321";
    display: block;
    font-family: font awesome solid;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    left: 0;
    line-height: 32px;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: baseline;
    vertical-align: initial;
    width: 48px
}

.mailbox {
    border-top: 1px solid #ccc
}

.mailbox td {
    text-align: center
}

.mailbox a {
    color: #222;
    text-decoration: none
}

.mailbox a:hover {
    color: #ad2b22;
    text-decoration: underline
}

.receivers a {
    display: inline-block;
    padding: 0 3px 2px
}

.message {
    max-width: 920px
}

.message td {
    padding: 8px 0
}

.rec_ground {
    -webkit-transition: min-height .15s ease-in-out;
    background-color: #fffffa;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .05);
    margin-top: 32px;
    min-height: 140px;
    padding: 10px;
    text-align: center;
    transition: min-height .15s ease-in-out;
    width: 70%
}

.rec_ground .rec_ground-tabs {
    margin-left: -11px;
    margin-top: -42px;
    text-align: left
}

.rec_ground .rec_ground-tabs,
.rec_ground .rec_ground-tabs>a,
.rec_ground .rec_ground-tabs>button {
    border-radius: 4px 4px 0 0;
    height: 32px
}

.rec_ground .rec_ground-tabs>a,
.rec_ground .rec_ground-tabs>button {
    border: solid transparent;
    border-radius: 4px 4px 0 0;
    border-width: 1px 1px 0;
    display: inline-block;
    padding: 0 12px
}

.rec_ground .rec_ground-tabs>a.active,
.rec_ground .rec_ground-tabs>button.active {
    background-color: #fffffa
}

.rec_ground .rec_ground-tabs>a.active,
.rec_ground .rec_ground-tabs>a.active:hover,
.rec_ground .rec_ground-tabs>button.active,
.rec_ground .rec_ground-tabs>button.active:hover {
    border-color: #ccc
}

.rec_ground .rec_ground-tabs>a:hover,
.rec_ground .rec_ground-tabs>button:hover {
    border-color: rgba(12, 119, 195, .5)
}

#links {
    padding: 6px 0
}

#links a.but {
    color: #0c77c3;
    display: block;
    font-size: 1em;
    line-height: 22px
}

#links a.but:hover {
    background-color: #0c77c3;
    color: #fff
}

#rec {
    line-height: 18px
}

#rec a {
    margin: 3px
}

#rec .receivers-item {
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #0c77c3;
    font-size: 1em;
    line-height: 17px;
    margin-left: 0;
    margin-right: 8px;
    padding: 2px 6px;
    text-decoration: none
}

#rec .receivers-item .receivers-item-remove {
    margin-left: 4px;
    opacity: .8
}

#rec .receivers-item:hover {
    text-decoration: none!important
}

#rec .receivers-item:hover {
    border-color: silver
}

#rec .receivers-item:hover .receivers-item-remove {
    opacity: 1
}

.actgroup {
    background: #0c77c3!important
}

.container {
    margin: 16px
}

.container-vertical {
    margin: 16px 0
}

.container-horizontal {
    margin: 0 16px
}

.report {
    text-align: center;
    width: auto
}

.report td,
.report th {
    border: 1px solid #ccc
}

.report th {
    vertical-align: middle
}

.report.tdw50 td {
    width: 50px
}

.report.tdw65 td {
    width: 65px
}

.report .currentReport {
    font-weight: 700
}

.report .trselect .currentReport {
    background-color: #f0e07f!important
}

.report .trselect,
.report .trselect td,
.report td,
.report tr {
    cursor: default!important
}

.pointer,
.pointer tr,
.report .trselect td.pointer,
.report td.pointer {
    cursor: pointer!important
}

.ui-sortable-helper {
    cursor: move;
    display: table
}

.ui-sortable-helper .trLes td {
    height: 36px
}

.rep_num {
    float: left;
    height: 21px;
    margin-top: 4px;
    text-align: center
}

.rep_per {
    bottom: -9px;
    float: left;
    position: relative;
    text-align: right;
    text-shadow: 0 -1px 0 #fff;
    vertical-align: sub;
    width: 20px
}

table td .rep_num,
table td .rep_per {
    display: inline-block;
    float: none;
    height: auto;
    line-height: inherit;
    margin: 0;
    padding: 0;
    position: static;
    vertical-align: top;
    width: auto
}

table td .rep_num {
    text-align: right;
    width: auto
}

table td .rep_per {
    color: #999;
    font-size: 11px;
    line-height: 14px;
    min-width: 20px;
    padding-left: 2px;
    text-align: left;
    width: auto
}

table td .rep_per small {
    font-size: .7em
}

.firstrow td {
    border-top-width: 0!important
}

.report .firstrow td {
    border-top-width: 1px
}

.firstrow.trwhite:hover {
    background-color: #fff
}

.firstrow.trgray:hover {
    background-color: #f7f7f7
}

.fiodetails-container {
    width: 1100px
}

.fiodetails {
    font-size: 13px;
    margin: 0 30px 10px 0;
    max-width: 220px
}

.planload_hint {
    padding: 25px
}

.planload_hint p {
    font-size: .9em;
    margin-bottom: 20px
}

.planload_hint img {
    box-shadow: 0 0 3px rgba(0, 0, 0, .7);
    padding: 15px
}

.zvonki {
    border: 1px solid #ccc;
    text-align: center;
    width: 410px
}

.ej-modal .zvonki {
    margin: 10px 0 0;
    width: 100%
}

.ej-modal .zvonki *,
.ej-modal .zvonki td {
    border: 0
}

.ej-modal .zvonki thead td {
    font-size: 14px
}

.ej-modal .zvonki td {
    padding: 8px 5px
}

a.current,
a.current:hover {
    background-color: #ad2b22;
    color: #fff;
    text-decoration: none
}

.hint {
    background: #f2f2f2;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 6px 12px
}

#rpcloading {
    background: #ff0;
    font-size: .8em;
    left: 50%;
    padding: 2px 7px;
    position: fixed;
    top: 0;
    z-index: 999
}

.info {
    background-color: #fcf8e3;
    border-radius: 4px;
    color: #c09853;
    margin-bottom: 18px;
    padding: 5px 10px;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, .5)
}

.info:after {
    content: "";
    display: table;
    width: 100%
}

.info-gray {
    background-color: #fbfbfb
}

.info-gray,
.info-white {
    color: #666;
    margin-bottom: 3px;
    max-width: 600px
}

.info-white {
    background-color: #fff
}

.user-card .info {
    display: -webkit-box;
    display: flex;
    gap: 16px
}

.user-card .info .info-text,
.user-card .info .select,
.user-card .info input,
.user-card .info select,
.user-card .info textarea {
    flex-basis: 66%;
    flex-shrink: 0;
    width: 66%
}

.user-card .info input.checkbox {
    float: none;
    width: auto
}

.delete_tiny {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAMAAACecocUAAAARVBMVEXwV2LGR0GuCgDPb2u8CwCfCQDx6OjxVWHvWGPUHBr26OhfBgDYj4z06Oi0nZt7RUHKXFenCgCTbWuqjoz+/v6RCACMbWvdIlK9AAAACXRSTlNg////////XmHLyimbAAAASklEQVQI12Pg4IQBBgZOFhjgRGMLcDGyMAIxiC0ozMvMK8QEUSPKJ8LHClXPwybGxgNhM7Pxs/KzMYPZrNxMLEzcrGhmMsDtZQcA3kUDYf7GY4YAAAAASUVORK5CYII=) no-repeat;
    display: inline-block;
    height: 11px;
    margin: 0 0 2px 5px;
    opacity: .75;
    vertical-align: bottom;
    width: 11px
}

.delete_tiny:hover {
    opacity: 1
}

.add-load-lesson {
    color: #0c77c3;
    display: block;
    height: 32px;
    line-height: 32px!important;
    margin-right: -22px;
    text-align: center;
    width: 22px
}

.add-load-lesson:hover {
    color: #2485c9
}

form.form {
    display: table;
    padding: 10px 0
}

.deleted-mark {
    color: #333;
    display: inline-table;
    height: 24px;
    line-height: 24px;
    position: relative;
    text-align: center;
    width: 24px
}

.deleted-mark:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABX1BMVEVHcEywDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiOwDiPFxiESAAAAdXRSTlMAyTMrCQMCAQcFF9kLHMoil9YPCg6OLhjXLFVBqConmHYEBrpYa8s1pmzg3ZHtrrxiSCkoE3tx3GDjtKwlP0u3xrVTFadpSkTIDBY0uVwRQnkbgIYeevASOxlqaM1Jw1c8hIlaRyPBRaXFToXr0ervv0POTez+vikvAAABD0lEQVQYGZ3B1XLCQAAF0BtIsrtoILi7a93d3d3d/f+nhaCZTh96Dv5EjQy/IQ6fn6CJd/NQeF3xeTTwE/0aKIYGlxZF1IRXx8YDUPDLmdwWFMQc1I8w1Dg3LQcGVJD9NS60gjri9pmOIwBE43ZeMhM0hL0n0SsKQXt+JPkFtDCcJopl3fud/iIgoI388GySMtm4UYSK/Fn4ek1bCdREc+4pX6JQo8nHj7eX+1uGdsIeZ0mVYzfFM4ZWzBHcKV1T+dJS0BI08bNTXGgXgPUwuzGJOmL1zLmmFwh+rNsTHgoF0aX10RkbQYWQHB3QiKjiY6bUcAQ1hr5euw5VTNOjZWhwdnMdUFCbgCbS1UnxH98beiDE3ePCIAAAAABJRU5ErkJggg==) 50% no-repeat;
    content: " ";
    display: inline-block;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px
}

.table-expand {
    line-height: 32px
}

.table-expand-label {
    line-height: 32px!important;
    text-align: left
}

.table-expand-icon {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    align-content: center;
    align-items: center;
    display: -webkit-inline-box;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    vertical-align: top;
    width: 32px
}

.table-expand-icon:before {
    -webkit-transition: all .1s ease-in-out;
    border-color: transparent transparent transparent #5b5a58;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    content: "";
    display: block;
    height: 0;
    transition: all .1s ease-in-out;
    width: 0
}

.table-expand:hover .table-expand-icon:before {
    border-left-color: #8e8d8b
}

.table-expand.table-row-expanded .table-expand-icon:before,
.table-expand.table-row-expanded:hover .table-expand-icon:before {
    -webkit-transform: rotate(90deg);
    border-color: transparent transparent transparent #0c77c3;
    transform: rotate(90deg)
}

.super-separation-block {
    margin: 5px 0 30px
}

.super-separation-block .super-separation-header {
    padding: 0 10px
}

.super-separation-block .super-separation-groups {
    padding: 0 10px 0 25px
}

.super-separation-block .super-separation-groups .super-separation-group {
    display: inline-block;
    margin-left: 15px;
    width: 135px
}

.super-separation-block .super-separation-groups .super-separation-group label {
    display: block;
    margin: 2px 0
}

.b-hover__hidden {
    -webkit-transition: opacity 75ms ease-in;
    opacity: 0;
    transition: opacity 75ms ease-in
}

.b-hover:hover .b-hover__hidden {
    opacity: 1
}

.break-word {
    word-break: break-word
}

.server-alert,
.server-alert-ksk {
    background-color: #d8443a;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    width: 100%
}

.server-alert--mobile-markup {
    display: none
}

.server-alert__inner {
    margin: 0 auto;
    max-width: 920px;
    padding: 16px;
    width: 100%
}

.server-alert__inner:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    content: "\f071";
    display: block;
    font-family: font awesome solid;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: inherit;
    margin-left: -24px;
    position: absolute;
    top: 16px;
    vertical-align: baseline;
    vertical-align: initial
}

.server-alert h1,
.server-alert h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: inherit;
    margin: 0 0 12px
}

.server-alert .section-title,
.server-alert h3,
.server-alert h4,
.server-alert h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: inherit;
    margin: 0
}

.server-alert p {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 8px
}

.server-alert .b-href {
    -webkit-text-decoration-color: hsla(0, 0%, 100%, .4);
    color: hsla(0, 0%, 100%, .88);
    text-decoration-color: hsla(0, 0%, 100%, .4)
}

.server-alert .b-href:hover {
    -webkit-text-decoration-color: #fff;
    color: #fff;
    text-decoration-color: #fff
}

.server-alert-ksk {
    background-color: #317265;
    line-height: 34px;
    min-height: 34px
}

.server-alert-ksk .b-href {
    -webkit-text-decoration-color: hsla(0, 0%, 100%, .4);
    color: #fff;
    font-weight: 600;
    text-decoration-color: hsla(0, 0%, 100%, .4)
}

.widget-outer {
    -webkit-box-align: stretch;
    align-content: stretch;
    align-items: stretch;
    display: -webkit-box!important;
    display: flex!important;
    position: relative
}

.widget-outer .widget__content {
    min-height: 92px
}

.widget-outer--full-height {
    height: 100%
}

.widget {
    --widget-heading-font-size: 16px;
    --widget-heading-line-height: 24px;
    --widget-border-radius: 8px;
    --widget-padding: 16px;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -webkit-transition: box-shadow .12s ease-in-out;
    background-color: #fff;
    border: 1px solid #dddcdb;
    border-radius: var(--widget-border-radius);
    box-shadow: none;
    display: -webkit-box;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--widget-padding);
    position: relative;
    transition: box-shadow .12s ease-in-out
}

@supports (display:grid) {
    .widget {
        grid-gap: var(--widget-padding);
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto
    }
}

.widget--shadow {
    border-color: transparent;
    box-shadow: 0 0 24px rgba(0, 0, 0, .08), 0 1px 4px rgba(0, 0, 0, .12)
}

.widget--hoverable:hover {
    box-shadow: 0 0 24px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .18)
}

.widget--big {
    --widget-heading-font-size: 18px;
    --widget-heading-line-height: 24px;
    --widget-border-radius: 12px;
    --widget-padding: 24px
}

.widget--tint {
    background-color: #d9edfb;
    border-color: #a1d2f5
}

.widget.active {
    box-shadow: 0 14px 38px rgba(0, 0, 0, .17), 0 10px 12px rgba(0, 0, 0, .13)
}

.widget__header {
    -webkit-box-ordinal-group: 1;
    color: #757473;
    font-size: var(--widget-heading-font-size);
    font-weight: 600;
    line-height: var(--widget-heading-line-height);
    margin: 0;
    order: 0
}

.widget__tooltip {
    -webkit-transition: color 80ms ease-in-out;
    color: #0c77c3;
    cursor: pointer;
    display: inline-block;
    transition: color 80ms ease-in-out
}

.widget__tooltip:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    content: "\f059";
    display: inline-block;
    font-family: font awesome solid;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    vertical-align: initial
}

.widget__tooltip:hover {
    color: #2485c9
}

.widget__content {
    -webkit-box-ordinal-group: 2;
    font-size: 14px;
    line-height: 20px;
    order: 1
}

.widget__footer {
    -webkit-box-ordinal-group: 3;
    font-size: 12px;
    line-height: 32px;
    order: 2;
    position: relative
}

.widget__more {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-color: #f9f9f9;
    border-color: #dddcdb;
    border-radius: 4px 0 var(--widget-border-radius) 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    bottom: 0;
    color: #0c77c3;
    cursor: pointer;
    font-size: 12px;
    height: 20px;
    line-height: 17px;
    margin: 0;
    min-width: 75px;
    padding: 0 16px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    user-select: none;
    width: auto
}

.widget__more:hover {
    background-color: #eee;
    border-color: #dddcdb;
    box-shadow: inset 1px 1px 1px #ddd;
    color: #2485c9
}

.widget__more:active {
    background-color: #dddcdb;
    box-shadow: none;
    color: #d8443a;
    text-shadow: none
}

.widget__more:focus {
    box-shadow: 0 0 0 3px rgba(12, 119, 195, .4);
    outline: none
}

.widget__more.hide {
    display: none
}

.ej-accordions-before {
    margin: 0 0 12px;
    text-align: right
}

.ej-accordions {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ej-accordions+.ej-accordions {
    margin-top: 16px
}

.ej-accordions+.items>.accordion-empty {
    border-top: 1px solid #f2f2f2
}

.ej-accordion-empty {
    color: #777;
    font-size: 18px;
    line-height: 32px;
    padding: 24px;
    text-align: center
}

.ej-accordion {
    -webkit-transition: background-color 75ms cubic-bezier(.215, .61, .355, 1), box-shadow 75ms cubic-bezier(.215, .61, .355, 1);
    background-color: #fff;
    border: 1px solid #dddcdb;
    border-radius: 4px;
    display: block;
    font-size: 14px;
    list-style-type: none;
    overflow: hidden;
    transition: background-color 75ms cubic-bezier(.215, .61, .355, 1), box-shadow 75ms cubic-bezier(.215, .61, .355, 1)
}

.ej-accordion+.ej-accordion {
    margin-top: 12px
}

.ej-accordion__header {
    -webkit-box-pack: stretch;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: #242322;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    font-size: 14px;
    gap: 8px;
    justify-content: stretch;
    line-height: 24px;
    padding: 8px;
    position: relative;
    user-select: none
}

.ej-accordion:not(.ej-accordion--hide-arrow) .ej-accordion__header:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-box-flex: 0;
    -webkit-transition: -webkit-transform 75ms ease-in-out;
    color: #242322;
    content: "\f054";
    display: block;
    flex: none;
    font-family: font awesome solid;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    height: 24px;
    line-height: 24px;
    text-align: center;
    transition: -webkit-transform 75ms ease-in-out;
    transition: transform 75ms ease-in-out;
    transition: transform 75ms ease-in-out, -webkit-transform 75ms ease-in-out;
    vertical-align: baseline;
    vertical-align: initial;
    width: 24px
}

.ej-accordion__header .ej-chip {
    vertical-align: baseline
}

.ej-accordion__header .button,
.ej-accordion__header .buttons-group {
    vertical-align: top
}

.ej-accordion__title {
    -webkit-box-flex: 1;
    flex: 1 1
}

#accordion-resources-academy_enlightenment .ej-accordion__title {
    white-space: inherit
}

.ej-accordion__actions {
    -webkit-transition: opacity 75ms ease-in-out;
    opacity: 0;
    padding-left: 12px;
    pointer-events: none;
    text-align: right;
    transition: opacity 75ms ease-in-out
}

.ej-accordion__content {
    border-top: 1px solid #dddcdb;
    display: none;
    padding: 12px
}

.ej-accordion__content .ej-accordion,
.ej-modal__content .ej-accordion {
    border: 1px solid #dddcdb;
    box-shadow: none
}

.ej-accordion__footer {
    border-top: 1px solid #dddcdb;
    display: none;
    font-size: 14px;
    line-height: 20px;
    padding: 8px
}

.ej-accordion__footer>.button {
    margin-right: 30px;
    min-width: 200px
}

.ej-accordion--disabled>.ej-accordion__header:before {
    color: #5b5a58
}

.ej-accordion--expanded {
    background-color: #fff!important;
    z-index: 2
}

.ej-accordion--expanded>.ej-accordion__header:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ej-accordion--expanded>.ej-accordion__content,
.ej-accordion--expanded>.ej-accordion__footer,
.ej-accordion--expanded>.ej-accordion__header>.ej-accordion__actions {
    display: block;
    opacity: 1;
    pointer-events: all
}

.ej-accordion--light {
    background-color: #fff!important
}

.resource-items {
    padding: 8px 0
}

.resource-item {
    -webkit-box-pack: stretch;
    display: -webkit-box;
    display: flex;
    font-size: 14px;
    justify-content: stretch;
    line-height: 24px;
    padding: 8px
}

.resource-item,
.resource-item:nth-child(odd) {
    background-color: #fff
}

.resource-item:nth-child(2n) {
    background-color: #f7f7f7
}

.resource-item__icon {
    -webkit-box-flex: 0;
    flex: none
}

.resource-item__title {
    -webkit-box-flex: 1;
    flex: 1 1
}

.resource-item__actions {
    padding-left: 12px;
    text-align: right
}

.resource-item .ej-accordion__actions {
    display: block;
    opacity: 1;
    pointer-events: all
}

.resource-item .button,
.resource-item .buttons-group {
    vertical-align: top
}

.hometaskItem .resource-item {
    background: transparent;
    display: inline-block
}

.resource-icon-yaclass {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAALVBMVEV3qgBHcEx3qgB3qgB3qgB3qgB3qgB3qgB3qgB3qgB3qgB3qgB3qgB3qgB3qgBqNIRdAAAADnRSTlP4AIZFtrx/Yg5GIXGXmYt+dPQAAAA8SURBVAjXYxCEAgY4I0lJqaJdSUmJge/du2d57969AzGe+pHPAIKnfiDS2Nhy7+nJxsYgu6QWolgKYwAAKIc4+VWpwjMAAAAASUVORK5CYII=) no-repeat top;
    display: inline-block;
    height: 19px;
    line-height: 26px;
    vertical-align: middle;
    width: 16px
}

[class*=column-].hide {
    display: none
}

.columns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap;
    width: 100%
}

.columns>* {
    display: block;
    margin: 0;
    padding: 0;
    vertical-align: top
}

.columns>.hide {
    display: none
}

.columns--end {
    -webkit-box-pack: end;
    justify-content: flex-end
}

.columns--vcenter {
    -webkit-box-align: center;
    align-items: center
}

.columns--vbottom {
    -webkit-box-align: end;
    align-items: flex-end
}

.columns--wrap {
    flex-wrap: wrap
}

.column-1 {
    width: 1%!important
}

.column-2 {
    width: 2%!important
}

.column-3 {
    width: 3%!important
}

.column-4 {
    width: 4%!important
}

.column-5 {
    width: 5%!important
}

.column-6 {
    width: 6%!important
}

.column-7 {
    width: 7%!important
}

.column-8 {
    width: 8%!important
}

.column-9 {
    width: 9%!important
}

.column-10 {
    width: 10%!important
}

.column-11 {
    width: 11%!important
}

.column-12 {
    width: 12%!important
}

.column-13 {
    width: 13%!important
}

.column-14 {
    width: 14%!important
}

.column-15 {
    width: 15%!important
}

.column-16 {
    width: 16%!important
}

.column-17 {
    width: 17%!important
}

.column-18 {
    width: 18%!important
}

.column-19 {
    width: 19%!important
}

.column-20 {
    width: 20%!important
}

.column-21 {
    width: 21%!important
}

.column-22 {
    width: 22%!important
}

.column-23 {
    width: 23%!important
}

.column-24 {
    width: 24%!important
}

.column-25 {
    width: 25%!important
}

.column-26 {
    width: 26%!important
}

.column-27 {
    width: 27%!important
}

.column-28 {
    width: 28%!important
}

.column-29 {
    width: 29%!important
}

.column-30 {
    width: 30%!important
}

.column-31 {
    width: 31%!important
}

.column-32 {
    width: 32%!important
}

.column-33 {
    width: 33%!important
}

.column-34 {
    width: 34%!important
}

.column-35 {
    width: 35%!important
}

.column-36 {
    width: 36%!important
}

.column-37 {
    width: 37%!important
}

.column-38 {
    width: 38%!important
}

.column-39 {
    width: 39%!important
}

.column-40 {
    width: 40%!important
}

.column-41 {
    width: 41%!important
}

.column-42 {
    width: 42%!important
}

.column-43 {
    width: 43%!important
}

.column-44 {
    width: 44%!important
}

.column-45 {
    width: 45%!important
}

.column-46 {
    width: 46%!important
}

.column-47 {
    width: 47%!important
}

.column-48 {
    width: 48%!important
}

.column-49 {
    width: 49%!important
}

.column-50 {
    width: 50%!important
}

.column-51 {
    width: 51%!important
}

.column-52 {
    width: 52%!important
}

.column-53 {
    width: 53%!important
}

.column-54 {
    width: 54%!important
}

.column-55 {
    width: 55%!important
}

.column-56 {
    width: 56%!important
}

.column-57 {
    width: 57%!important
}

.column-58 {
    width: 58%!important
}

.column-59 {
    width: 59%!important
}

.column-60 {
    width: 60%!important
}

.column-61 {
    width: 61%!important
}

.column-62 {
    width: 62%!important
}

.column-63 {
    width: 63%!important
}

.column-64 {
    width: 64%!important
}

.column-65 {
    width: 65%!important
}

.column-66 {
    width: 66%!important
}

.column-67 {
    width: 67%!important
}

.column-68 {
    width: 68%!important
}

.column-69 {
    width: 69%!important
}

.column-70 {
    width: 70%!important
}

.column-71 {
    width: 71%!important
}

.column-72 {
    width: 72%!important
}

.column-73 {
    width: 73%!important
}

.column-74 {
    width: 74%!important
}

.column-75 {
    width: 75%!important
}

.column-76 {
    width: 76%!important
}

.column-77 {
    width: 77%!important
}

.column-78 {
    width: 78%!important
}

.column-79 {
    width: 79%!important
}

.column-80 {
    width: 80%!important
}

.column-81 {
    width: 81%!important
}

.column-82 {
    width: 82%!important
}

.column-83 {
    width: 83%!important
}

.column-84 {
    width: 84%!important
}

.column-85 {
    width: 85%!important
}

.column-86 {
    width: 86%!important
}

.column-87 {
    width: 87%!important
}

.column-88 {
    width: 88%!important
}

.column-89 {
    width: 89%!important
}

.column-90 {
    width: 90%!important
}

.column-91 {
    width: 91%!important
}

.column-92 {
    width: 92%!important
}

.column-93 {
    width: 93%!important
}

.column-94 {
    width: 94%!important
}

.column-95 {
    width: 95%!important
}

.column-96 {
    width: 96%!important
}

.column-97 {
    width: 97%!important
}

.column-98 {
    width: 98%!important
}

.column-99 {
    width: 99%!important
}

.column-100 {
    width: 100%!important
}

.column-auto {
    -webkit-box-flex: 0;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    width: auto
}

.column-stretch {
    -webkit-box-flex: 1;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    width: auto
}

.column-unshrink {
    flex-shrink: 0
}

.column-right {
    margin-left: auto
}

.columns--gutter>* {
    padding: 0 0 0 16px;
    padding: 0 0 0 var(--columns-gutter)
}

.columns--gutter>:first-child {
    padding-left: 0
}

.columns--gutter+.columns--gutter {
    padding-top: 16px;
    padding-top: var(--columns-gutter)
}

.columns--gutter-tiny {
    --columns-gutter: 8px
}

.columns--gutter-small {
    --columns-gutter: 12px
}

.columns--gutter-big {
    --columns-gutter: 24px
}

.columns--gutter-large {
    --columns-gutter: 32px
}

.columns .hide {
    display: none
}

.rows {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: flex;
    flex-flow: column nowrap;
    height: 100%
}

.rows--bottom {
    -webkit-box-pack: end;
    justify-content: flex-end
}

.rows>* {
    margin: 0;
    padding: 0
}

.rows>.row-auto {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    height: auto
}

.rows>.row-stretch {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    flex-basis: 0;
    height: auto
}

.row-1 {
    height: 1%
}

.row-2 {
    height: 2%
}

.row-3 {
    height: 3%
}

.row-4 {
    height: 4%
}

.row-5 {
    height: 5%
}

.row-6 {
    height: 6%
}

.row-7 {
    height: 7%
}

.row-8 {
    height: 8%
}

.row-9 {
    height: 9%
}

.row-10 {
    height: 10%
}

.row-11 {
    height: 11%
}

.row-12 {
    height: 12%
}

.row-13 {
    height: 13%
}

.row-14 {
    height: 14%
}

.row-15 {
    height: 15%
}

.row-16 {
    height: 16%
}

.row-17 {
    height: 17%
}

.row-18 {
    height: 18%
}

.row-19 {
    height: 19%
}

.row-20 {
    height: 20%
}

.row-21 {
    height: 21%
}

.row-22 {
    height: 22%
}

.row-23 {
    height: 23%
}

.row-24 {
    height: 24%
}

.row-25 {
    height: 25%
}

.row-26 {
    height: 26%
}

.row-27 {
    height: 27%
}

.row-28 {
    height: 28%
}

.row-29 {
    height: 29%
}

.row-30 {
    height: 30%
}

.row-31 {
    height: 31%
}

.row-32 {
    height: 32%
}

.row-33 {
    height: 33%
}

.row-34 {
    height: 34%
}

.row-35 {
    height: 35%
}

.row-36 {
    height: 36%
}

.row-37 {
    height: 37%
}

.row-38 {
    height: 38%
}

.row-39 {
    height: 39%
}

.row-40 {
    height: 40%
}

.row-41 {
    height: 41%
}

.row-42 {
    height: 42%
}

.row-43 {
    height: 43%
}

.row-44 {
    height: 44%
}

.row-45 {
    height: 45%
}

.row-46 {
    height: 46%
}

.row-47 {
    height: 47%
}

.row-48 {
    height: 48%
}

.row-49 {
    height: 49%
}

.row-50 {
    height: 50%
}

.row-51 {
    height: 51%
}

.row-52 {
    height: 52%
}

.row-53 {
    height: 53%
}

.row-54 {
    height: 54%
}

.row-55 {
    height: 55%
}

.row-56 {
    height: 56%
}

.row-57 {
    height: 57%
}

.row-58 {
    height: 58%
}

.row-59 {
    height: 59%
}

.row-60 {
    height: 60%
}

.row-61 {
    height: 61%
}

.row-62 {
    height: 62%
}

.row-63 {
    height: 63%
}

.row-64 {
    height: 64%
}

.row-65 {
    height: 65%
}

.row-66 {
    height: 66%
}

.row-67 {
    height: 67%
}

.row-68 {
    height: 68%
}

.row-69 {
    height: 69%
}

.row-70 {
    height: 70%
}

.row-71 {
    height: 71%
}

.row-72 {
    height: 72%
}

.row-73 {
    height: 73%
}

.row-74 {
    height: 74%
}

.row-75 {
    height: 75%
}

.row-76 {
    height: 76%
}

.row-77 {
    height: 77%
}

.row-78 {
    height: 78%
}

.row-79 {
    height: 79%
}

.row-80 {
    height: 80%
}

.row-81 {
    height: 81%
}

.row-82 {
    height: 82%
}

.row-83 {
    height: 83%
}

.row-84 {
    height: 84%
}

.row-85 {
    height: 85%
}

.row-86 {
    height: 86%
}

.row-87 {
    height: 87%
}

.row-88 {
    height: 88%
}

.row-89 {
    height: 89%
}

.row-90 {
    height: 90%
}

.row-91 {
    height: 91%
}

.row-92 {
    height: 92%
}

.row-93 {
    height: 93%
}

.row-94 {
    height: 94%
}

.row-95 {
    height: 95%
}

.row-96 {
    height: 96%
}

.row-97 {
    height: 97%
}

.row-98 {
    height: 98%
}

.row-99 {
    height: 99%
}

.row-100 {
    height: 100%
}

.row-cell {
    height: 32px
}

.offset1 {
    margin-left: 1px!important
}

.offset2 {
    margin-left: 2px!important
}

.offset3 {
    margin-left: 3px!important
}

.offset4 {
    margin-left: 4px!important
}

.offset5 {
    margin-left: 5px!important
}

.offset6 {
    margin-left: 6px!important
}

.offset7 {
    margin-left: 7px!important
}

.offset8 {
    margin-left: 8px!important
}

.offset9 {
    margin-left: 9px!important
}

.offset10 {
    margin-left: 10px!important
}

.offset11 {
    margin-left: 11px!important
}

.offset12 {
    margin-left: 12px!important
}

.offset13 {
    margin-left: 13px!important
}

.offset14 {
    margin-left: 14px!important
}

.offset15 {
    margin-left: 15px!important
}

.offset16 {
    margin-left: 16px!important
}

.offset17 {
    margin-left: 17px!important
}

.offset18 {
    margin-left: 18px!important
}

.offset19 {
    margin-left: 19px!important
}

.offset20 {
    margin-left: 20px!important
}

.offset21 {
    margin-left: 21px!important
}

.offset22 {
    margin-left: 22px!important
}

.offset23 {
    margin-left: 23px!important
}

.offset24 {
    margin-left: 24px!important
}

.offset25 {
    margin-left: 25px!important
}

.offset26 {
    margin-left: 26px!important
}

.offset27 {
    margin-left: 27px!important
}

.offset28 {
    margin-left: 28px!important
}

.offset29 {
    margin-left: 29px!important
}

.offset30 {
    margin-left: 30px!important
}

.offset31 {
    margin-left: 31px!important
}

.offset32 {
    margin-left: 32px!important
}

.offset33 {
    margin-left: 33px!important
}

.offset34 {
    margin-left: 34px!important
}

.offset35 {
    margin-left: 35px!important
}

.offset36 {
    margin-left: 36px!important
}

.offset37 {
    margin-left: 37px!important
}

.offset38 {
    margin-left: 38px!important
}

.offset39 {
    margin-left: 39px!important
}

.offset40 {
    margin-left: 40px!important
}

.offsetTop1 {
    margin-top: 1px!important
}

.offsetTop2 {
    margin-top: 2px!important
}

.offsetTop3 {
    margin-top: 3px!important
}

.offsetTop4 {
    margin-top: 4px!important
}

.offsetTop5 {
    margin-top: 5px!important
}

.offsetTop6 {
    margin-top: 6px!important
}

.offsetTop7 {
    margin-top: 7px!important
}

.offsetTop8 {
    margin-top: 8px!important
}

.offsetTop9 {
    margin-top: 9px!important
}

.offsetTop10 {
    margin-top: 10px!important
}

.offsetTop11 {
    margin-top: 11px!important
}

.offsetTop12 {
    margin-top: 12px!important
}

.offsetTop13 {
    margin-top: 13px!important
}

.offsetTop14 {
    margin-top: 14px!important
}

.offsetTop15 {
    margin-top: 15px!important
}

.offsetTop16 {
    margin-top: 16px!important
}

.offsetTop17 {
    margin-top: 17px!important
}

.offsetTop18 {
    margin-top: 18px!important
}

.offsetTop19 {
    margin-top: 19px!important
}

.offsetTop20 {
    margin-top: 20px!important
}

.offsetTop21 {
    margin-top: 21px!important
}

.offsetTop22 {
    margin-top: 22px!important
}

.offsetTop23 {
    margin-top: 23px!important
}

.offsetTop24 {
    margin-top: 24px!important
}

.offsetTop25 {
    margin-top: 25px!important
}

.offsetTop26 {
    margin-top: 26px!important
}

.offsetTop27 {
    margin-top: 27px!important
}

.offsetTop28 {
    margin-top: 28px!important
}

.offsetTop29 {
    margin-top: 29px!important
}

.offsetTop30 {
    margin-top: 30px!important
}

.offsetTop31 {
    margin-top: 31px!important
}

.offsetTop32 {
    margin-top: 32px!important
}

.offsetTop33 {
    margin-top: 33px!important
}

.offsetTop34 {
    margin-top: 34px!important
}

.offsetTop35 {
    margin-top: 35px!important
}

.offsetTop36 {
    margin-top: 36px!important
}

.offsetTop37 {
    margin-top: 37px!important
}

.offsetTop38 {
    margin-top: 38px!important
}

.offsetTop39 {
    margin-top: 39px!important
}

.offsetTop40 {
    margin-top: 40px!important
}

.offsetRight1 {
    margin-right: 1px!important
}

.offsetRight2 {
    margin-right: 2px!important
}

.offsetRight3 {
    margin-right: 3px!important
}

.offsetRight4 {
    margin-right: 4px!important
}

.offsetRight5 {
    margin-right: 5px!important
}

.offsetRight6 {
    margin-right: 6px!important
}

.offsetRight7 {
    margin-right: 7px!important
}

.offsetRight8 {
    margin-right: 8px!important
}

.offsetRight9 {
    margin-right: 9px!important
}

.offsetRight10 {
    margin-right: 10px!important
}

.offsetRight11 {
    margin-right: 11px!important
}

.offsetRight12 {
    margin-right: 12px!important
}

.offsetRight13 {
    margin-right: 13px!important
}

.offsetRight14 {
    margin-right: 14px!important
}

.offsetRight15 {
    margin-right: 15px!important
}

.offsetRight16 {
    margin-right: 16px!important
}

.offsetRight17 {
    margin-right: 17px!important
}

.offsetRight18 {
    margin-right: 18px!important
}

.offsetRight19 {
    margin-right: 19px!important
}

.offsetRight20 {
    margin-right: 20px!important
}

.offsetRight21 {
    margin-right: 21px!important
}

.offsetRight22 {
    margin-right: 22px!important
}

.offsetRight23 {
    margin-right: 23px!important
}

.offsetRight24 {
    margin-right: 24px!important
}

.offsetRight25 {
    margin-right: 25px!important
}

.offsetRight26 {
    margin-right: 26px!important
}

.offsetRight27 {
    margin-right: 27px!important
}

.offsetRight28 {
    margin-right: 28px!important
}

.offsetRight29 {
    margin-right: 29px!important
}

.offsetRight30 {
    margin-right: 30px!important
}

.offsetRight31 {
    margin-right: 31px!important
}

.offsetRight32 {
    margin-right: 32px!important
}

.offsetRight33 {
    margin-right: 33px!important
}

.offsetRight34 {
    margin-right: 34px!important
}

.offsetRight35 {
    margin-right: 35px!important
}

.offsetRight36 {
    margin-right: 36px!important
}

.offsetRight37 {
    margin-right: 37px!important
}

.offsetRight38 {
    margin-right: 38px!important
}

.offsetRight39 {
    margin-right: 39px!important
}

.offsetRight40 {
    margin-right: 40px!important
}

.offsetBottom1 {
    margin-bottom: 1px!important
}

.offsetBottom2 {
    margin-bottom: 2px!important
}

.offsetBottom3 {
    margin-bottom: 3px!important
}

.offsetBottom4 {
    margin-bottom: 4px!important
}

.offsetBottom5 {
    margin-bottom: 5px!important
}

.offsetBottom6 {
    margin-bottom: 6px!important
}

.offsetBottom7 {
    margin-bottom: 7px!important
}

.offsetBottom8 {
    margin-bottom: 8px!important
}

.offsetBottom9 {
    margin-bottom: 9px!important
}

.offsetBottom10 {
    margin-bottom: 10px!important
}

.font5 {
    font-size: 5px!important
}

.font6 {
    font-size: 6px!important
}

.font7 {
    font-size: 7px!important
}

.font8 {
    font-size: 8px!important
}

.font9 {
    font-size: 9px!important
}

.font10 {
    font-size: 10px!important
}

.font11 {
    font-size: 11px!important
}

.font12 {
    font-size: 12px!important
}

.font13 {
    font-size: 13px!important
}

.font14 {
    font-size: 14px!important
}

.font15 {
    font-size: 15px!important
}

.font16 {
    font-size: 16px!important
}

.font17 {
    font-size: 17px!important
}

.font18 {
    font-size: 18px!important
}

.font19 {
    font-size: 19px!important
}

.font20 {
    font-size: 20px!important
}

.font21 {
    font-size: 21px!important
}

.font22 {
    font-size: 22px!important
}

.font23 {
    font-size: 23px!important
}

.font24 {
    font-size: 24px!important
}

.font25 {
    font-size: 25px!important
}

.font26 {
    font-size: 26px!important
}

.font27 {
    font-size: 27px!important
}

.font28 {
    font-size: 28px!important
}

.font29 {
    font-size: 29px!important
}

.font30 {
    font-size: 30px!important
}

.font31 {
    font-size: 31px!important
}

.font32 {
    font-size: 32px!important
}

.font33 {
    font-size: 33px!important
}

.font34 {
    font-size: 34px!important
}

.font35 {
    font-size: 35px!important
}

.font36 {
    font-size: 36px!important
}

.font37 {
    font-size: 37px!important
}

.font38 {
    font-size: 38px!important
}

.font39 {
    font-size: 39px!important
}

.font40 {
    font-size: 40px!important
}

.lh8 {
    line-height: 8px!important
}

.lh9 {
    line-height: 9px!important
}

.lh10 {
    line-height: 10px!important
}

.lh11 {
    line-height: 11px!important
}

.lh12 {
    line-height: 12px!important
}

.lh13 {
    line-height: 13px!important
}

.lh14 {
    line-height: 14px!important
}

.lh15 {
    line-height: 15px!important
}

.lh16 {
    line-height: 16px!important
}

.lh17 {
    line-height: 17px!important
}

.lh18 {
    line-height: 18px!important
}

.lh19 {
    line-height: 19px!important
}

.lh20 {
    line-height: 20px!important
}

.lh21 {
    line-height: 21px!important
}

.lh22 {
    line-height: 22px!important
}

.lh23 {
    line-height: 23px!important
}

.lh24 {
    line-height: 24px!important
}

.lh25 {
    line-height: 25px!important
}

.lh26 {
    line-height: 26px!important
}

.lh27 {
    line-height: 27px!important
}

.lh28 {
    line-height: 28px!important
}

.lh29 {
    line-height: 29px!important
}

.lh30 {
    line-height: 30px!important
}

.lh31 {
    line-height: 31px!important
}

.lh32 {
    line-height: 32px!important
}

.lh33 {
    line-height: 33px!important
}

.lh34 {
    line-height: 34px!important
}

.lh35 {
    line-height: 35px!important
}

.lh36 {
    line-height: 36px!important
}

.lh37 {
    line-height: 37px!important
}

.lh38 {
    line-height: 38px!important
}

.lh39 {
    line-height: 39px!important
}

.lh40 {
    line-height: 40px!important
}

.lhCell,
.lhControl {
    line-height: 32px!important
}

.ej-panel,
.filter-panel,
.grid-panel {
    background-color: #f7f6f5;
    border-radius: 4px;
    padding: 12px
}

.ej-panel--shadow,
.filter-panel,
.grid-panel {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.ej-panel--light,
.filter-panel--light {
    background-color: #fff;
    box-shadow: 0 1px 2px #eee
}

.ej-panel--border,
.filter-panel,
.filter-panel--light,
.grid-panel {
    border: 1px solid #dddcdb
}

.filter-panel,
.grid-panel {
    line-height: 32px;
    margin: 0;
    max-width: 1024px;
    min-height: 88px;
    min-width: 915px;
    padding: 12px;
    z-index: 100
}

.filter-panel--auto,
.filter-panel--auto-width {
    min-width: 0
}

.filter-panel--auto,
.filter-panel--auto-height {
    min-height: 0
}

.filter-panel label {
    color: #5b5a58;
    display: inline-block;
    line-height: 32px;
    text-shadow: 0 1px 0 #fff;
    vertical-align: top
}

.filter-panel label>.select,
.filter-panel label>ej-datepicker,
.filter-panel label>ej-select {
    margin-left: 0
}

.filter-panel label select {
    height: 32px
}

.grid {
    margin-left: -16px;
    margin-right: -16px;
    margin-top: -16px;
    max-width: calc(100% + 32px);
    padding: 0 16px
}

.grid,
.grid .grid-body,
.grid .grid-group,
.grid .grid-header {
    clear: both;
    display: block
}

.grid .grid-body:after,
.grid .grid-body:before,
.grid .grid-group:after,
.grid .grid-group:before,
.grid .grid-header:after,
.grid .grid-header:before,
.grid:after,
.grid:before {
    content: "";
    display: table;
    line-height: 0
}

.grid .grid-body:after,
.grid .grid-group:after,
.grid .grid-header:after,
.grid:after {
    clear: both
}

.grid .grid-body.hide,
.grid .grid-group.hide,
.grid .grid-header.hide,
.grid.hide {
    display: none
}

.grid-header-columns,
.grid-header-controls {
    clear: both;
    width: 100%
}

.teacher-margin {
    margin-top: 70px
}

.grid-header-controls {
    display: table;
    padding: 16px 0
}

.grid-header-controls--fixed-layout {
    table-layout: fixed
}

.grid-body-columns,
.grid-header-columns,
.grid-header-columns .journal_header {
    display: -webkit-box;
    display: flex
}

.grid-header-columns .cells.cells_header {
    margin-top: 24px
}

.grid-group.hide {
    display: none
}

.grid-scroll {
    float: left;
    overflow: hidden
}

.grid-scroll .grid-scroll-inside {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -webkit-box-pack: start;
    align-content: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    width: 9999px
}

.grid-shadow {
    border-top: 1px solid #adadad;
    height: 0;
    will-change: filter, border
}

.grid-hint {
    clear: both;
    color: #908f8e;
    font-size: 1em;
    line-height: 1.28em;
    padding: 8px 0
}

.grid-panel {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap;
    max-width: none
}

.grid-panel.hide {
    display: none
}

.grid-panel__title {
    max-width: 100px;
    overflow: hidden
}

.grid-panel__title__date {
    height: 32px
}

.grid-panel__title__name {
    font-size: 12px;
    line-height: 16px;
    max-height: 64px;
    overflow: hidden
}

.grid-panel__title--wide {
    max-width: 200px
}

.grid-panel__separator {
    border-right: 1px solid #dddcdb;
    margin: 0 8px
}

.grid-panel__control {
    -webkit-box-flex: 1;
    flex: 1 1 auto
}

.grid-panel__control .select,
.grid-panel__control ej-select,
.grid-panel__control input,
.grid-panel__control select {
    vertical-align: top;
    width: 100%
}

.grid-panel__control input[maxlength] {
    width: inherit!important
}

.grid-panel__control input[maxlength="2"] {
    width: 42px!important
}

.grid-panel__control input[maxlength="3"] {
    width: 42px!important
}

.grid-panel--fixed-width {
    max-width: 1024px
}

.grid-panel .button,
.grid-panel .field {
    vertical-align: top
}

.grid__scrollbar {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-color: #fff;
    box-shadow: none;
    cursor: default;
    display: block;
    height: 32px!important;
    padding: 8px 0;
    user-select: none;
    will-change: bottom, border, box-shadow, position, top
}

.grid__scrollbar.hide {
    display: none
}

.grid__scrollbar--fixed {
    bottom: 0;
    position: fixed
}

.grid__scrollbar--fixed,
.grid__scrollbar.bottom-sticky {
    border-top: 1px solid #ccc;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .08);
    z-index: 2
}

.grid .table_header_container,
.grid .table_header_container .inside,
.grid-header-inside {
    background-color: #fff;
    margin: 0;
    width: auto
}

.grid-header.top-sticky .grid-shadow,
.table_header_absolute .grid-shadow,
.table_header_fixed .grid-shadow {
    -webkit-filter: drop-shadow(0 1px 0 rgba(0, 0, 0, .08));
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    filter: drop-shadow(0 1px 0 rgba(0, 0, 0, .08))
}

.grid-cells-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    flex-shrink: 1;
    will-change: flex-basis, width
}

.grid__marker {
    display: table;
    height: 0;
    width: 100%
}

.grid-miss_block {
    height: 60px;
    left: -32px;
    max-width: 210px;
    padding: 8px;
    position: absolute;
    top: 0;
    z-index: 80
}

.grid-miss_block>div {
    text-align: center
}

.grid-miss_block>div a,
.grid-miss_block>div span {
    display: block;
    padding: 0 4px 2px;
    text-decoration: none;
    white-space: nowrap
}

.grid-miss_block>div span.inactve {
    opacity: .9
}

.grid--calendar .cells {
    width: 100px
}

.grid--calendar .cells .cell {
    height: 100px
}

.grid--calendar .cells.cells_header {
    width: 100px
}

.grid--calendar .cells.cells_header,
.grid--calendar .cells.cells_header .cell {
    height: 80px
}

.grid--calendar .cells.cells_num {
    width: 32px
}

.grid--calendar .grid-body .grid-scroll .cells .cell {
    font-size: 11px;
    line-height: 12px;
    text-align: left
}

.grid--calendar-mini .cells {
    width: 72px
}

.grid--calendar-mini .cells .cell {
    height: 72px
}

.grid--calendar-mini .cells.cells_header {
    width: 72px
}

.grid--calendar-mini .cells.cells_header,
.grid--calendar-mini .cells.cells_header .cell {
    height: 80px
}

.grid--tall-header .cells.cells_header {
    height: 144px;
    line-height: 144px
}

.grid--tall-header .cells.cells_header .cell {
    height: 100%;
    line-height: 144px
}

.grid--tall-header .cells.cells_header .cell .cell-vertical {
    height: 100%
}

.grid--tall-header .cells.cells_header .cell .cell-vertical>span>span {
    min-width: 144px;
    width: 144px
}

.grid--tall-header .cells.cells_header .cell .text-vertical {
    height: 100%
}

@-webkit-keyframes cell-saving-even {
    0% {
        background-color: #fdf7cf
    }
    50% {
        background-color: #fff
    }
    to {
        background-color: #fdf7cf
    }
}

@keyframes cell-saving-even {
    0% {
        background-color: #fdf7cf
    }
    50% {
        background-color: #fff
    }
    to {
        background-color: #fdf7cf
    }
}

@-webkit-keyframes cell-saving-odd {
    0% {
        background-color: #fdf7cf
    }
    50% {
        background-color: #f7f7f7
    }
    to {
        background-color: #fdf7cf
    }
}

@keyframes cell-saving-odd {
    0% {
        background-color: #fdf7cf
    }
    50% {
        background-color: #f7f7f7
    }
    to {
        background-color: #fdf7cf
    }
}

.cell-vertical {
    display: block;
    height: 80px;
    overflow: hidden;
    text-transform: none!important;
    white-space: nowrap;
    width: 100%
}

.cell-vertical>a,
.cell-vertical>span {
    margin: 0 auto!important
}

.cell-vertical>a,
.cell-vertical>span {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    align-content: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap;
    font-size: 12px;
    height: 100%;
    justify-content: center;
    text-align: center;
    text-shadow: none;
    width: 32px
}

.cell-vertical>a>span,
.cell-vertical>span>span {
    margin: 0!important
}

.cell-vertical>a>span,
.cell-vertical>span>span {
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: center;
    display: block;
    font-size: 12px;
    line-height: 12px;
    min-width: 79px;
    text-align: center;
    text-shadow: none;
    transform: rotate(-90deg);
    transform-origin: center;
    white-space: normal;
    width: 79px
}

.cell-vertical.vertical-high {
    height: 140px
}

.cell-vertical.vertical-high>span>span {
    word-wrap: break-word;
    min-width: 140px;
    width: 140px
}

.text-vertical {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    align-content: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    height: 112px;
    justify-content: center;
    overflow: hidden;
    text-transform: none!important;
    width: 32px
}

.text-vertical__inner {
    -webkit-transform: rotate(-90deg);
    display: block;
    font-size: 12px;
    text-align: center;
    text-shadow: none;
    transform: rotate(-90deg);
    white-space: normal
}

.trselect input {
    background: transparent!important
}

.trselect input.field {
    background: #fff!important
}

.cells .b-href {
    -webkit-text-decoration-color: rgba(12, 119, 195, .33);
    -webkit-transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, -webkit-text-decoration-color 37.5ms ease-in-out;
    color: #0c77c3;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: rgba(12, 119, 195, .33);
    text-decoration-thickness: 1px;
    text-underline-offset: .45ex;
    transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, -webkit-text-decoration-color 37.5ms ease-in-out;
    transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, text-decoration-color 37.5ms ease-in-out;
    transition: color 37.5ms ease-in-out, background-color 37.5ms ease-in-out, text-decoration-color 37.5ms ease-in-out, -webkit-text-decoration-color 37.5ms ease-in-out
}

.cells .b-href:focus {
    -webkit-text-decoration-color: #0c77c3;
    text-decoration-color: #0c77c3
}

.cells .b-href:hover {
    -webkit-text-decoration-color: #2485c9;
    color: #2485c9;
    text-decoration-color: #2485c9
}

.cells .b-href:active {
    -webkit-text-decoration-color: #d8443a;
    color: #d8443a;
    text-decoration-color: #d8443a
}

.cells .cell {
    background-color: #f7f7f7;
    border-color: #ccc;
    border-style: solid;
    border-width: 0 1px 1px 0;
    cursor: pointer;
    display: block;
    height: 32px;
    line-height: 32px;
    position: relative;
    text-align: center;
    width: 100%
}

.cells .cell.hide {
    display: none
}

.cells .cell--gc,
.cells .cell--lms {
    background-color: #fef1e9!important
}

.cells .cell--lms.comm:before {
    display: none!important
}

.cells .cell.cell-color-odd,
.cells .cell.cell-color-odd:nth-child(odd) {
    background-color: #f7f7f7
}

.cells .cell.cell-color-odd,
.cells .cell.cell-color-odd:nth-child(2n),
.cells .cell:nth-child(odd) {
    --cell-save-animation-name: cell-saving-odd;
    background-color: #f7f7f7
}

.cells .cell.cell-color-even,
.cells .cell.cell-color-even:nth-child(odd),
.cells .cell:nth-child(2n) {
    --cell-save-animation-name: cell-saving-even;
    background-color: #fff
}

.cells .cell .cell-context-show,
.cells .cell .cell-onhover-show {
    visibility: hidden
}

.cells .cell.cell_has_lessons {
    font-size: 11px
}

.cells .cell.cell_has_lessons,
.cells .cell.cell_has_lessons:nth-child(2n),
.cells .cell.cell_has_lessons:nth-child(odd) {
    background-color: #dfd;
    color: #235937
}

.cells .cell.cell_many_classes {
    font-size: 9px;
    overflow: hidden
}

.cells .cell.cell_many_classes_quater {
    font-size: 8px;
    line-height: 14px!important;
    overflow: hidden
}

.cells .cell.cell_inactive:not(.cell--locked) {
    z-index: 1!important
}

.cells .cell.cell_inactive:not(.cell--locked),
.cells .cell.cell_inactive:not(.cell--locked).trselect {
    background-color: #ddd!important
}

.cells .cell.cell_inactive:not(.cell--locked),
.cells .cell.cell_inactive:not(.cell--locked).trselect {
    border-right-color: #ddd
}

.cells .cell.cell_inactive:not(.cell--locked).saved {
    background-color: #e2f0e2!important
}

.cells .cell.cell_inactive:not(.cell--locked).notsave {
    background-color: #f1dad6!important
}

.cells .cell.cell_inactive_first {
    margin-left: 0!important
}

.cells .cell.cell_inactive_last,
.cells .cell.cell_inactive_one {
    border-right-color: #dddcdb
}

.cells .cell.cell_inactive_info:after {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-transition: color .1s ease-in-out, line-height .1s ease-in-out, text-shadow .1s ease-in-out;
    color: rgba(0, 0, 0, .66);
    content: "\f007";
    display: block;
    font-family: font awesome solid;
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    height: 32px;
    left: 0;
    line-height: 31px;
    position: absolute;
    text-align: center;
    text-shadow: 0 3px 0 rgba(0, 0, 0, .12);
    top: 0;
    transition: color .1s ease-in-out, line-height .1s ease-in-out, text-shadow .1s ease-in-out;
    vertical-align: baseline;
    vertical-align: initial;
    width: 32px
}

.cells .cell.cell_inactive_info.cell_home:after {
    content: "\f015"
}

.cells .cell.cell_inactive_info.cell_family:after {
    content: "\f0c0"
}

.cells .cell.cell_inactive_info:hover:after {
    opacity: .8
}

.cells .cell.cell_inactive_info:active:after {
    line-height: 33px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .12)
}

.cells .cell.cell--locked {
    position: relative
}

.cells .cell.cell--locked:after {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    bottom: 0;
    color: #999;
    content: "\f023";
    display: inline-block;
    font-family: font awesome solid;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    height: 12px;
    line-height: 12px;
    position: absolute;
    right: 0;
    text-shadow: none;
    vertical-align: baseline;
    vertical-align: initial;
    width: 12px
}

.cells .cell[class*=" cat"],
.cells .cell[class^=cat] {
    background-position: 50%;
    background-repeat: no-repeat
}

.cells .cell:first-child {
    border-top: 0
}

.cells .cell.small {
    font-size: 11px!important
}

.cells .cell.cell_nott {
    text-transform: none
}

.cells .cell .small {
    font-size: 12px!important;
    line-height: 32px
}

.cells .cell sub {
    color: inherit;
    opacity: .8
}

.cells .cell sub.small {
    font-size: 9px!important;
    letter-spacing: -1px;
    margin-left: -1px
}

.cell-smile-award .cell-data,
.cell-smile-bell .cell-data,
.cell-smile-cap .cell-data,
.cell-smile-happy .cell-data,
.cell-smile-neutral .cell-data,
.cell-smile-sad .cell-data {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: transparent;
    font-size: 18px;
    user-select: none
}

.cell-smile-award .cell-data span,
.cell-smile-bell .cell-data span,
.cell-smile-cap .cell-data span,
.cell-smile-happy .cell-data span,
.cell-smile-neutral .cell-data span,
.cell-smile-sad .cell-data span {
    display: none
}

.cell-smile-award .cell-data:after,
.cell-smile-bell .cell-data:after,
.cell-smile-cap .cell-data:after,
.cell-smile-happy .cell-data:after,
.cell-smile-neutral .cell-data:after,
.cell-smile-sad .cell-data:after {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    display: inline-block;
    font-family: font awesome regular;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 100%;
    left: 0;
    line-height: 32px;
    margin-left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: initial;
    width: 100%
}

.cell-smile-happy .cell-data:after {
    color: #3fa149;
    content: "\f118"
}

.cell-smile-neutral .cell-data:after {
    color: #3fa149;
    content: "\f11a"
}

.cell-smile-sad .cell-data:after {
    color: #ad2b22;
    content: "\f119"
}

.cell-smile-cap .cell-data:after {
    color: #842b9a;
    content: "\f19d"
}

.cell-smile-award .cell-data:after {
    color: #ad7000;
    content: "\f559"
}

.cell-smile-bell .cell-data:after {
    color: #213eb3;
    content: "\f0f3"
}

.cells .cell.notclosed,
.cells .cell.notclosed.saved,
.cells .cell.notclosed.saving {
    background-color: #fcd9d2;
    color: #ad2b22
}

.cells .cell.cell_load_edit,
.cells .cell.cell_load_edit:hover {
    background-color: #f3de74!important
}

.cells .cell.cell_load_edit,
.cells .cell.cell_load_edit:hover {
    box-shadow: inset 0 0 4px #fff;
    color: #6e5819
}

.cells .cell.trselect {
    background-color: #fe8!important
}

.cells .cell.cell-miss-n,
.cells .cell.miss-n {
    background-color: #f9dfdd
}

.cells .cell.cell-miss-n,
.cells .cell.cell-miss-n .cell-corner-4,
.cells .cell.cell-miss-n .cell-data,
.cells .cell.miss-n,
.cells .cell.miss-n .cell-corner-4,
.cells .cell.miss-n .cell-data {
    color: #ad2b22!important
}

.cells .cell.cell--miss-n,
.cells .cell.cell--miss-n:nth-child(2n),
.cells .cell.cell--miss-n:nth-child(odd) {
    background-color: #fcefee
}

.cells .cell.cell--miss-n,
.cells .cell.cell--miss-n .cell-corner-4,
.cells .cell.cell--miss-n .cell-data,
.cells .cell.cell--miss-n:nth-child(2n),
.cells .cell.cell--miss-n:nth-child(2n) .cell-corner-4,
.cells .cell.cell--miss-n:nth-child(2n) .cell-data,
.cells .cell.cell--miss-n:nth-child(odd),
.cells .cell.cell--miss-n:nth-child(odd) .cell-corner-4,
.cells .cell.cell--miss-n:nth-child(odd) .cell-data {
    color: #ad2b22!important
}

.cells .cell.cell-miss-b,
.cells .cell.miss-b {
    background-color: #e2f8e5
}

.cells .cell.cell-miss-b,
.cells .cell.cell-miss-b .cell-corner-4,
.cells .cell.cell-miss-b .cell-data,
.cells .cell.miss-b,
.cells .cell.miss-b .cell-corner-4,
.cells .cell.miss-b .cell-data {
    color: #3fa149!important
}

.cells .cell.cell--miss-b,
.cells .cell.cell--miss-b:nth-child(2n),
.cells .cell.cell--miss-b:nth-child(odd) {
    background-color: #f2fcf3
}

.cells .cell.cell--miss-b,
.cells .cell.cell--miss-b .cell-corner-4,
.cells .cell.cell--miss-b .cell-data,
.cells .cell.cell--miss-b:nth-child(2n),
.cells .cell.cell--miss-b:nth-child(2n) .cell-corner-4,
.cells .cell.cell--miss-b:nth-child(2n) .cell-data,
.cells .cell.cell--miss-b:nth-child(odd),
.cells .cell.cell--miss-b:nth-child(odd) .cell-corner-4,
.cells .cell.cell--miss-b:nth-child(odd) .cell-data {
    color: #3fa149!important
}

.cells .cell.cell-miss-u,
.cells .cell.miss-u {
    background-color: #eaeefe
}

.cells .cell.cell-miss-u,
.cells .cell.cell-miss-u .cell-corner-4,
.cells .cell.cell-miss-u .cell-data,
.cells .cell.miss-u,
.cells .cell.miss-u .cell-corner-4,
.cells .cell.miss-u .cell-data {
    color: #3b5bdb!important
}

.cells .cell.cell--miss-u,
.cells .cell.cell--miss-u:nth-child(2n),
.cells .cell.cell--miss-u:nth-child(odd) {
    background-color: #f8fafe
}

.cells .cell.cell--miss-u,
.cells .cell.cell--miss-u .cell-corner-4,
.cells .cell.cell--miss-u .cell-data,
.cells .cell.cell--miss-u:nth-child(2n),
.cells .cell.cell--miss-u:nth-child(2n) .cell-corner-4,
.cells .cell.cell--miss-u:nth-child(2n) .cell-data,
.cells .cell.cell--miss-u:nth-child(odd),
.cells .cell.cell--miss-u:nth-child(odd) .cell-corner-4,
.cells .cell.cell--miss-u:nth-child(odd) .cell-data {
    color: #3b5bdb!important
}

.cells .cell.cell--extra-hours-notenough {
    color: #888
}

.cells .cell.cell--extra-hours-enough {
    background-color: #f2fcf3
}

.cells .cell.cell--extra-hours-enough,
.cells .cell.cell--extra-hours-enough .cell-corner-4,
.cells .cell.cell--extra-hours-enough .cell-data {
    color: #3fa149!important
}

.cells .cell.cell--target-0 {
    background-color: #e9e3fa!important
}

.cells .cell.cell--target-0,
.cells .cell.cell--target-0 .cell-corner-4,
.cells .cell.cell--target-0 .cell-data {
    color: #6a43de!important
}

.cells .cell.cell--target-1 {
    background-color: #f3dfde!important
}

.cells .cell.cell--target-1,
.cells .cell.cell--target-1 .cell-corner-4,
.cells .cell.cell--target-1 .cell-data {
    color: #ad2b22!important
}

.cells .cell.cell--target-2 {
    background-color: #f4e4d9!important
}

.cells .cell.cell--target-2,
.cells .cell.cell--target-2 .cell-corner-4,
.cells .cell.cell--target-2 .cell-data {
    color: #b64c04!important
}

.cells .cell.cell--target-3 {
    background-color: #fdf0d9!important
}

.cells .cell.cell--target-3,
.cells .cell.cell--target-3 .cell-corner-4,
.cells .cell.cell--target-3 .cell-data {
    color: #ef9b00!important
}

.cells .cell.cell--target-4 {
    background-color: #eff0de!important
}

.cells .cell.cell--target-4,
.cells .cell.cell--target-4 .cell-corner-4,
.cells .cell.cell--target-4 .cell-data {
    color: #979e25!important
}

.cells .cell.cell--target-5 {
    background-color: #e2f1e4!important
}

.cells .cell.cell--target-5,
.cells .cell.cell--target-5 .cell-corner-4,
.cells .cell.cell--target-5 .cell-data {
    color: #3fa149!important
}

.cells .cell.markedit {
    background-color: transparent!important;
    border-bottom-color: #9dbc79!important;
    border-right-color: #dddcdb!important;
    border-width: 0 1px 1px 0!important;
    margin: 0;
    overflow: hidden;
    width: 100%
}

.cells .cell.markedit.trselect {
    background-color: rgba(255, 238, 136, .5)!important
}

.cells .cell.cell__context .cell-context-show {
    visibility: visible
}

.cells .cell.cell_medical {
    font-size: 11px;
    line-height: 15px
}

.cells .cell.cell_medical .cell_medical_hours {
    height: 14px;
    line-height: 14px
}

.cells .cell.cell_medical.cell-miss-b.altgreen .cell_medical_hours {
    color: #fff
}

.cells .cell.cell_medical.cell-miss-b .cell_medical_hours {
    color: #3fa149
}

.cells .cell.cell_medical .cell_medical_info {
    background-color: #35873d;
    border-top: 1px solid #32803a;
    bottom: 0;
    color: #fff;
    font-size: 10px;
    height: 12px;
    left: 0;
    line-height: 11px;
    overflow: hidden;
    padding-left: 1px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 0 #2e7535;
    text-transform: none;
    touch-action: none;
    white-space: nowrap
}

.cells .cell.cell_medical .cell_medical_info_right {
    left: auto;
    padding-left: 0;
    padding-right: 1px;
    right: 0
}

.cells .cell.cell_medical.cell_medical_dismiss .cell_medical_info {
    background-color: #ddd;
    border-top: 1px solid #aaa;
    color: #333;
    text-shadow: 0 1px 0 #fff
}

.cells .cell.cell-danger {
    background: #fff;
    color: #ad2b22;
    font-weight: 700
}

.cells .cell.cell-danger.markedit,
.cells .cell.cell-danger.trselect {
    box-shadow: none;
    color: #000;
    text-shadow: none
}

.cells .cell__text-overflow {
    display: block;
    height: 100%;
    line-height: 32px;
    overflow: hidden;
    padding: 0 4px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.cells .cell input[type=text],
.cells .cell input[type=textfield] {
    background: transparent!important;
    border: 0!important;
    margin: 0!important;
    outline: none!important;
    padding: 0!important;
    width: 100%!important;
    z-index: 2!important
}

.cells .cell input[type=text],
.cells .cell input[type=textfield] {
    display: block;
    font-size: inherit;
    font-weight: 400;
    height: 100%;
    line-height: 14px;
    position: static;
    text-align: center;
    text-transform: uppercase
}

.cells .cell input[type=text].field,
.cells .cell input[type=textfield].field {
    background: #fff!important
}

.cells .cell input[type=text].field,
.cells .cell input[type=textfield].field {
    display: inline-block
}

.cells .cell .rep_num {
    margin-right: 7%;
    margin-top: 7px;
    text-align: right;
    width: 50%
}

.cells .cell .rep_per {
    color: #999;
    font-size: 11px;
    text-align: left;
    width: 30%
}

.cells .cell .rep_per.red {
    color: #ad2b22!important
}

.cells .cell .rep_per.green {
    color: #3fa149!important
}

.cells .cell .cw_mtype {
    font-size: 12px;
    margin-top: -18px
}

.cells .cell .vcenter {
    height: 52px;
    line-height: 52px
}

.cells .cell .title-codifier {
    line-height: 110px
}

.cells .cell .title-codifier-extra {
    color: #95c3b4
}

.cells .cell>.fulldate {
    padding-top: 32px
}

.cells .cell .megadate .fulldate {
    padding-top: 8px
}

.cells .cell .fulldate {
    line-height: 12px;
    padding-top: 8px
}

.cells .cell .fulldate .fulldate__month {
    font-size: 9px;
    line-height: 12px
}

.cells .cell .fulldate .fulldate__month.hide {
    display: none
}

.cells .cell .vertical,
.cells .cell .vertical object {
    line-height: 32px;
    margin: 0;
    padding: 0;
    text-transform: none!important
}

.cells .cell .thisday {
    height: 80px;
    left: 0;
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: 13
}

.cells .cell .markedit {
    background: #fdd!important;
    height: 32px;
    padding: 0!important
}

.cells .cell .markedit input {
    background: #fdd!important;
    border: dotted #ad2b22!important;
    border-width: 1px 1px 0!important;
    font-weight: 700;
    height: 17px;
    line-height: 14px;
    margin: 1px;
    padding: 4px 0;
    position: relative;
    text-align: center;
    width: 24px;
    z-index: 4
}

.cells .cell.cell_spec_grp {
    background: #d2d9f7!important
}

.cells .cell.cell_spec_grp:after {
    color: #1f3baa;
    display: block;
    float: left;
    font-size: 8px;
    height: 32px;
    letter-spacing: 2px;
    margin: -8px 0 0;
    text-align: right;
    width: 32px
}

.cells .cell.cell_spec_grp.markedit:after {
    display: none
}

.cells .cell.cell_ht,
.cells .cell.comm {
    background-image: inherit!important;
    position: relative
}

.cells .cell.cell_ht:before,
.cells .cell.comm:before {
    border-color: #ad2b22 transparent transparent;
    border-style: solid;
    border-width: 4px 4px 0 0;
    content: "";
    display: block;
    height: 0;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 0
}

.cells .cell.cell_ht.markedit:before,
.cells .cell.comm.markedit:before {
    display: none
}

.cells .cell .cell_schedule_day,
.cells .cell .cell_schedule_num {
    display: block
}

.cells .cell .cell_schedule_day {
    background-color: #fff;
    border-bottom: 1px solid #dddcdb;
    height: 20px;
    line-height: 20px
}

.cells .cell .cell_schedule_num {
    background-color: #fff;
    border-right: 1px solid #dddcdb;
    float: left;
    line-height: 32px;
    width: 32px
}

.cells .cell .cell_schedule_num.cell_schedule_num_last,
.cells .cell .cell_schedule_num:last-child {
    border-right: 0;
    width: 31px
}

.cells .cell.isavg,
.cells .cell.iscat,
.cells .cell.istarget {
    background-size: 24px;
    border-right-color: #aaa
}

.cells .cell.notcat {
    border-right-color: #ddd
}

.cells .cell .fa-cell {
    line-height: 32px
}

.cells .cell .cell-scroll-left,
.cells .cell .cell-scroll-right {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-transform: translateY(0) scale(1);
    -webkit-transition: color 75ms ease-in-out, transform 75ms ease-in-out;
    align-content: center;
    align-items: center;
    background: none;
    border: 0;
    box-shadow: none;
    color: #0c77c3;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    font-size: 29px;
    height: 100%;
    justify-content: center;
    line-height: 32px;
    margin: 0;
    min-width: 32px;
    outline: none;
    padding: 0;
    text-align: center;
    transform: translateY(0) scale(1);
    transition: color 75ms ease-in-out, transform 75ms ease-in-out;
    width: auto
}

.cells .cell .cell-scroll-left:before,
.cells .cell .cell-scroll-right:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    display: inline-block;
    font-family: font awesome regular;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    vertical-align: baseline;
    vertical-align: initial
}

.cells .cell .cell-scroll-left:hover,
.cells .cell .cell-scroll-right:hover {
    color: #3d92cf
}

.cells .cell .cell-scroll-left:active,
.cells .cell .cell-scroll-right:active {
    -webkit-transform: translateY(1px) scale(.975);
    color: #0b6eb4;
    transform: translateY(1px) scale(.975)
}

.cells .cell .cell-scroll-left.hide,
.cells .cell .cell-scroll-right.hide {
    display: none
}

.cells .cell .cell-scroll-left {
    float: right;
    padding-right: 10px;
    text-align: right
}

.cells .cell .cell-scroll-left:before {
    content: "\f100"
}

.cells .cell .cell-scroll-left+.cell-groups--many {
    right: 32px;
    width: auto
}

.cells .cell .cell-scroll-right {
    float: left;
    padding-left: 10px;
    text-align: right
}

.cells .cell .cell-scroll-right:before {
    content: "\f101"
}

.cells .cell .cell-groups {
    bottom: 4px;
    display: block;
    height: 60px;
    left: 0;
    margin: 4px 4px 4px 0;
    position: absolute;
    text-align: center;
    width: 160px;
    z-index: 50
}

.cells .cell .cell-groups__label {
    -webkit-box-flex: 0;
    color: #5b5a58;
    display: block;
    flex: 0 0 100%;
    margin: 0 0 2px;
    text-align: left;
    width: 100%
}

.cells .cell .cell-groups>a,
.cells .cell .cell-groups>span {
    display: block;
    overflow: hidden;
    padding: 2px 4px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.cells .cell .cell-groups>span.inactve {
    opacity: .9
}

.cells .cell .cell-groups>a {
    color: #0c77c3
}

.cells .cell .cell-groups>a.actgroup,
.cells .cell .cell-groups>a.active,
.cells .cell .cell-groups>a:hover {
    background: #0c77c3;
    color: #fff
}

.cells .cell .cell-groups--left {
    left: -32px
}

.cells .cell .cell-groups--homework {
    margin-top: -120px
}

.cells .cell .cell-groups--many {
    -webkit-box-pack: start;
    -webkit-box-align: start;
    align-content: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 200px
}

.cells .cell .cell-groups--many>a {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    width: 50%
}

.cells .cell .cell-groups--many.cell-groups--homework {
    margin-top: -110px
}

.cells .cell .cell-groups.hide {
    display: none
}

.cells .cell .cell-types {
    bottom: 2px;
    color: #0c77c3;
    display: block;
    font-size: 12px;
    line-height: 12px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 2px;
    text-align: right;
    vertical-align: bottom
}

.cells .cell .cell-types a {
    text-decoration: none;
    text-shadow: none
}

.cells .cell .cell-types .cell-types-arrow {
    text-shadow: none
}

.cells .cell .select-template-container {
    left: 0;
    line-height: 32px;
    max-width: 180px;
    padding: 12px;
    position: absolute;
    top: 0
}

.cells .cell .fa-hidden {
    visibility: hidden
}

.cells .cell .cell-data {
    height: 100%;
    line-height: 32px;
    position: relative;
    width: 100%
}

.cells .cell .cell-corner-1,
.cells .cell .cell-corner-2,
.cells .cell .cell-corner-3,
.cells .cell .cell-corner-4 {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: #777;
    display: block;
    font-size: 8px;
    height: 10px;
    letter-spacing: -.05em;
    line-height: 10px;
    position: absolute;
    text-align: center;
    user-select: none;
    width: 66%
}

.cells .cell .cell-corner-1 .ej-chip,
.cells .cell .cell-corner-2 .ej-chip,
.cells .cell .cell-corner-3 .ej-chip,
.cells .cell .cell-corner-4 .ej-chip {
    font-size: 8px;
    height: 12px;
    line-height: 10px;
    margin: 0;
    padding: 0 1px
}

.cells .cell .cell-corner-1 {
    left: 1px;
    text-align: left;
    top: 1px
}

.cells .cell .cell-corner-2 {
    color: #242322;
    right: 1px;
    text-align: right;
    top: 1px
}

.cells .cell .cell-corner-3 {
    bottom: 1px;
    right: 1px;
    text-align: right
}

.cells .cell .cell-corner-4 {
    bottom: 1px;
    color: #ad2b22;
    left: 1px;
    text-align: left
}

.cells .cell .smaller {
    font-size: 10px!important
}

.cells .cell.cell--hover,
.cells .cell.cell--hover:nth-child(2n),
.cells .cell.cell--hover:nth-child(odd),
.cells .cell.trhover,
.cells .cell.trhover:nth-child(2n),
.cells .cell.trhover:nth-child(odd),
.cells.cells__hoverable:hover .cell,
.cells.cells__hoverable:hover .cell:nth-child(2n),
.cells.cells__hoverable:hover .cell:nth-child(odd) {
    background-color: #eadbff
}

.cells .cell.cell--hover .cell-onhover-show,
.cells .cell.trhover .cell-onhover-show,
.cells.cells__hoverable:hover .cell .cell-onhover-show {
    visibility: visible
}

.cells .cell.cell-select,
.cells .cell.cell-select:nth-child(2n),
.cells .cell.cell-select:nth-child(odd),
.cells .cell.tdselect,
.cells .cell.tdselect:nth-child(2n),
.cells .cell.tdselect:nth-child(odd) {
    background-color: #ffe572!important
}

.cells .cell.cell-gap {
    padding: 3% 0
}

.cells .cell.cell-gap>div {
    height: 32%;
    line-height: 20px;
    vertical-align: middle
}

.cells .cell.cell-codifier-type {
    cursor: pointer!important;
    font-size: 10px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    text-transform: none
}

.cells .cell.cell-codifier-type:hover {
    background: #d6e8e2;
    box-shadow: inset 0 1px 2px #ccc;
    color: #000
}

.cells .cell.seen {
    background-color: #ffd38e!important
}

.cells .cell:hover .cell-day-insert,
.cells .cell:hover .cell-expand-column {
    display: block
}

.cell .cell-data-pair {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap;
    height: 32px
}

.cell .cell-data-pair__value {
    color: #242322;
    line-height: 32px;
    padding-right: 2px;
    text-align: right;
    width: 60%
}

.cell .cell-data-pair__percent {
    color: #242322;
    font-size: 11px;
    line-height: 32px;
    opacity: .66;
    padding-left: 2px;
    padding-top: 2px;
    text-align: left;
    width: 40%
}

.cells {
    -webkit-box-flex: 0;
    border: 0 solid #dddcdb;
    display: block;
    flex: none;
    float: left!important;
    width: 32px
}

i.cells {
    border-right-color: transparent!important
}

i.cells>.cell {
    width: 100%
}

i.cells .cell_month_title .cell-back {
    margin-right: 4px;
    margin-top: 2px
}

.cells.fr {
    float: right!important
}

.cells.cells_hidden,
.cells.hide {
    display: none
}

.cells.cells_visible {
    display: block
}

.cells,
.cells * {
    font-style: normal;
    text-decoration: none
}

.cells.cells_header {
    border-bottom: 0;
    border-color: #fff;
    height: 80px;
    padding-top: 0!important
}

.cells.cells_header.cells_header_100 {
    height: 100px;
    line-height: 100px
}

.table_header_homework .cells.cells_header.cells_service {
    height: 140px!important;
    overflow: hidden
}

.cells.cells_header.cells_num,
.cells.cells_header.cells_rows {
    overflow: hidden
}

.cells.cells_header.cells_rows,
.cells.cells_header.cells_rows .cell {
    overflow: visible
}

.cells.cells_header.cells_header_30 {
    height: 30px
}

.cells.cells_header.cells_header_30 .cell {
    height: 30px;
    line-height: 29px
}

.cells.cells_header .cell {
    background-color: #fff;
    border-bottom: 0;
    color: #7e7e7e;
    cursor: default!important;
    height: 80px;
    line-height: 79px;
    margin-bottom: 0!important;
    margin-top: 0!important
}

.cells.cells_header .cell:nth-child(2n),
.cells.cells_header .cell:nth-child(odd) {
    background-color: #fff
}

.cells.cells_header .cell.cell_empty {
    height: 31px
}

.cells.cells_header .cell .cell_vertical_bottom {
    margin-top: -12px
}

.cells.cells_header .cell .cell_vertical_bottom span {
    color: #ad2b22;
    cursor: pointer;
    display: block;
    font-size: 12px;
    position: relative
}

.cells.cells_num .cell {
    border-right-width: 0!important;
    color: #908f8e;
    cursor: default;
    font-size: 12px;
    padding: 0 4px 0 1px;
    text-align: right!important;
    z-index: 2!important
}

.cells.cells_num.cells_header .cell {
    border-bottom: 0
}

.cells.cells_marks .cell {
    text-transform: uppercase
}

.cells.cells_previous_year_header {
    background-color: #3b5bdb;
    border-color: #91a3eb
}

.cells.cells_previous_year_header .cell {
    border-color: #91a3eb;
    color: #fff!important
}

.cells.cells_previous_year_header .cell .vertical span {
    font-size: 11px;
    margin-top: 78px
}

.cells.cells_previous_year_header .cell,
.cells.cells_previous_year_header .cell:nth-child(2n),
.cells.cells_previous_year_header .cell:nth-child(odd) {
    background-color: #3b5bdb
}

.cells.cells_previous_year .cell,
.cells.cells_previous_year .cell:nth-child(2n),
.cells.cells_previous_year .cell:nth-child(odd) {
    background-color: #e7ebfb
}

.cells.cells_editing {
    background: #efd!important;
    box-shadow: inset 0 0 20px #c8f996;
    z-index: 2
}

.cells.cells_service .cell {
    cursor: default
}

.cells.cells_rows {
    min-width: 96px;
    width: auto
}

.cells.cells_rows .cell {
    border-left-width: 0!important;
    cursor: default;
    overflow: hidden;
    padding: 0 8px 0 4px;
    text-align: left!important;
    text-transform: none!important;
    width: auto
}

.cells.cells_rows .cell[class*=" cat"],
.cells.cells_rows .cell[class^=cat] {
    background-position: 99%
}

.cells.cells_rows .cell.cell-load {
    padding: 0 22px 0 4px
}

.cells.cells_rows .cell .cell-student-dropdown i,
.cells.cells_rows .cell .cell-student-dropdown span {
    display: inline;
    vertical-align: baseline
}

.cells.cells_rows .cell .cell-student-dropdown span {
    max-width: calc(100% - 18px);
    overflow: hidden;
    text-overflow: ellipsis
}

.cells.cells_rows .cell .cell-student-dropdown i {
    margin-left: 4px;
    width: 10px
}

.cells.cells_rows .cell .cell-icon-right {
    float: right;
    margin-right: -12px
}

.cells.cells_rows .cell .cell-icon-right,
.cells.cells_rows .cell .cell-icon-right:before {
    line-height: 32px
}

.cells.cells_rows .cell .cell-icons-right {
    float: right;
    line-height: 32px;
    margin-right: -12px;
    text-align: right
}

.cells.cells_rows .cell .cell-icons-right>* {
    vertical-align: middle
}

.cells.cells_rows.cells_header .cell {
    padding: 0
}

.cells.cells_border-left .cell {
    border-left: 1px solid #aaa!important
}

.cells.cells_one_and_half_width,
.grid--one_and_half_width .cells {
    width: 48px
}

.cells.cells_one_and_half_width.cells_num,
.grid--one_and_half_width .cells.cells_num {
    width: 32px
}

.cells.cells_one_and_half_width .cell,
.grid--one_and_half_width .cells .cell {
    text-transform: none
}

.cells.cells_one_and_half_width .cell .thisday,
.grid--one_and_half_width .cells .cell .thisday {
    width: 48px
}

.cells.cells_one_and_half_width .cell>.vertical,
.grid--one_and_half_width .cells .cell>.vertical {
    margin-left: 9px!important
}

.cells.cells_double_wide,
.cells.cells_double_width,
.grid--double .cells,
.grid--double_width .cells {
    width: 64px
}

.cells.cells_double_wide.cells_num,
.cells.cells_double_width.cells_num,
.grid--double .cells.cells_num,
.grid--double_width .cells.cells_num {
    width: 32px
}

.cells.cells_double_wide .cell,
.cells.cells_double_width .cell,
.grid--double .cells .cell,
.grid--double_width .cells .cell {
    text-transform: none
}

.cells.cells_double_wide .cell .thisday,
.cells.cells_double_width .cell .thisday,
.grid--double .cells .cell .thisday,
.grid--double_width .cells .cell .thisday {
    width: 64px
}

.cells.cells_double_wide .cell .vertical,
.cells.cells_double_width .cell .vertical,
.grid--double .cells .cell .vertical,
.grid--double_width .cells .cell .vertical {
    margin-left: 16px!important
}

.cells.cells_double_wide .cell .cell_schedule_num,
.cells.cells_double_width .cell .cell_schedule_num,
.grid--double .cells .cell .cell_schedule_num,
.grid--double_width .cells .cell .cell_schedule_num {
    background: #fff;
    border-right: 1px solid #f2f2f2;
    width: 64px
}

.cells.cells_double_wide .cell .cell_schedule_num.cell_schedule_num_last,
.cells.cells_double_wide .cell .cell_schedule_num:last-child,
.cells.cells_double_width .cell .cell_schedule_num.cell_schedule_num_last,
.cells.cells_double_width .cell .cell_schedule_num:last-child,
.grid--double .cells .cell .cell_schedule_num.cell_schedule_num_last,
.grid--double .cells .cell .cell_schedule_num:last-child,
.grid--double_width .cells .cell .cell_schedule_num.cell_schedule_num_last,
.grid--double_width .cells .cell .cell_schedule_num:last-child {
    border-right: 0;
    width: 63px
}

.cells.cells_double_wide .cell .rep_num,
.cells.cells_double_width .cell .rep_num,
.grid--double .cells .cell .rep_num,
.grid--double_width .cells .cell .rep_num {
    float: none;
    line-height: 32px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.cells.cells_double_wide .cell .rep_num+.rep_per,
.cells.cells_double_width .cell .rep_num+.rep_per,
.grid--double .cells .cell .rep_num+.rep_per,
.grid--double_width .cells .cell .rep_num+.rep_per {
    margin-top: -10px
}

.cells.cells_double_wide .cell .rep_per,
.cells.cells_double_width .cell .rep_per,
.grid--double .cells .cell .rep_per,
.grid--double_width .cells .cell .rep_per {
    bottom: inherit;
    float: none;
    font-size: 10px;
    left: inherit;
    margin: 11px 0 0 40px;
    padding: 0;
    position: absolute;
    text-align: right;
    top: inherit;
    width: 22px
}

.cells.cells_triple_wide {
    width: 96px
}

.cells.cells_triple_wide.cells_num {
    width: 32px
}

.cells.cells_triple_wide .cell {
    text-transform: none
}

.cells.cells_triple_wide .cell .thisday {
    width: 96px
}

.cells.cells_double_height .cell,
.grid--double .grid-body .cells .cell,
.grid--double_height .grid-body .cells .cell {
    height: 64px;
    line-height: 18px
}

.cells.cells_double_height.cells_num .cell,
.cells.cells_double_height.cells_rows .cell,
.grid--double .grid-body .cells.cells_num .cell,
.grid--double .grid-body .cells.cells_rows .cell,
.grid--double_height .grid-body .cells.cells_num .cell,
.grid--double_height .grid-body .cells.cells_rows .cell {
    line-height: 64px
}

.cells.cells_triple_height .cell {
    height: 96px;
    line-height: 18px
}

.cells.cells_triple_height.cells_num .cell,
.cells.cells_triple_height.cells_rows .cell {
    line-height: 96px
}

.cells.cells_blue .cell {
    border-color: #dddcdb #999!important
}

.cells.cells_blue .cell.trgray {
    background-color: #e9f5fb
}

.cells.cells_homework,
.cells.cells_homework_header {
    float: left;
    font-style: normal
}

.cells.cells_homework.cells_homework_codifier .cell,
.cells.cells_homework_header.cells_homework_codifier .cell {
    width: 32px!important
}

.cells.cells_homework .cell,
.cells.cells_homework_header .cell {
    border-color: #dddcdb;
    border-style: solid;
    border-width: 0 1px 1px 0!important;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase
}

.cells.cells_homework .cell .cell-data .button,
.cells.cells_homework_header .cell .cell-data .button {
    position: relative;
    z-index: 1
}

.cells.cells_homework_header {
    border-right: 1px solid #dddcdb
}

.cells.cells-add:hover,
.cells.cells-add:hover .cell {
    background: #eee
}

.cells.cells-add .cell {
    border-right: 0;
    cursor: pointer!important
}

.cells.cells-add .cell .title {
    font-size: 1em;
    line-height: 135px
}

.cells.cells--border_right_light .cell {
    border-right-color: #eee!important
}

.cells.cells--border_right_light .cell.cell--hover,
.cells.cells--border_right_light .cell.trhover {
    border-right-color: #ded0f2!important
}

.cells.cells--border_bottom .cell:last-child {
    border-bottom-color: #999!important
}

.cells.cells--border_right .cell,
.cells.cells_expanded .cell {
    border-right-color: #999!important
}

.cells.cells--border_right .cell:last-child,
.cells.cells_expanded .cell:last-child {
    border-bottom-color: #999!important
}

.cells.cells-inactive,
.cells.cells-inactive:hover {
    cursor: default!important
}

.cells.cells-inactive .cw_analyse,
.cells.cells-inactive:hover .cw_analyse {
    display: none
}

.cells.cells-inactive .cell,
.cells.cells-inactive:hover .cell {
    border-bottom-color: #ddd!important;
    border-top-color: #ddd!important;
    cursor: default!important
}

.cells.cells-inactive .cell,
.cells.cells-inactive .cell *,
.cells.cells-inactive:hover .cell,
.cells.cells-inactive:hover .cell * {
    color: #aaa!important;
    font-weight: 300!important
}

.cells.cells-inactive .cell.trwhite,
.cells.cells-inactive:hover .cell.trwhite {
    background-color: #fcfcfc
}

.cells.cells-inactive .cell.trgray,
.cells.cells-inactive:hover .cell.trgray {
    background-color: #e9e9e9
}

.cells.cells_classes {
    background: red!important
}

.cells.cells_classes .cell .vertical {
    height: 49px
}

.cells.cells_classes .cell .vertical>span {
    width: 49px!important
}

.cells.cells_classes .cell .vertical>span {
    margin-left: -10.5px;
    margin-top: 10.5px
}

.cells.cells_classes .cell .vertical object {
    height: 49px!important
}

.cells.cells_classes .cell .vertical span {
    font-size: 11px;
    margin-left: -10.5px;
    margin-top: 10.5px!important;
    width: 49px!important
}

.cells.cells_classes .cell .cell-vertical {
    height: 70px
}

.cells.cells_classes .cell .cell-vertical>a,
.cells.cells_classes .cell .cell-vertical>span {
    width: 32px
}

.cells.cells_classes .cell .cell-vertical>a>span,
.cells.cells_classes .cell .cell-vertical>span>span {
    width: 70px
}

.cells .cw_analyse,
.cells .cw_analyse_caption {
    display: block;
    height: 20px;
    margin-top: -100px;
    position: relative;
    width: inherit
}

.cells .cw_analyse_caption {
    color: #777;
    font-size: 12px;
    line-height: 20px;
    margin-left: -5px;
    text-align: right
}

.cells .cw_analyse {
    background-color: #d9edfb;
    border: 1px solid #a1d2f5;
    border-radius: 4px 4px 0 0;
    width: 31px
}

.cells .cw_analyse.cw_analyse_codifier {
    float: left;
    margin-top: -148px
}

.cells .cw_analyse:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    content: "\f129";
    display: inline-block;
    font-family: font awesome solid;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: inherit;
    text-align: center;
    vertical-align: baseline;
    vertical-align: initial;
    width: 100%
}

.cells .cw_analyse,
.cells .cw_analyse:before {
    color: #0c77c3;
    display: block;
    font-size: 10px;
    height: 20px;
    line-height: 18px
}

.cells .cw_analyse:hover {
    background-color: #fafcfe
}

.cells .cw_analyse:active {
    background-color: #c2e2f9;
    border-color: #8ac7f3;
    box-shadow: inset 0 0 6px #0b68ab
}

.cells .cw_analyse:active:before {
    color: #0b68ab
}

.cells .cw_analyse--gc {
    cursor: pointer
}

.cells .cw_analyse--gc:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    content: "\f1a0";
    display: inline-block;
    font-family: font awesome brands;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    vertical-align: baseline;
    vertical-align: initial
}

.cells .cw_analyse--lms {
    cursor: pointer
}

.cells .cw_analyse--lms:before {
    content: "K";
    font-weight: 700
}

.cells.ddf .cell {
    background-color: #ddf
}

.cells.dfd .cell {
    background-color: #dfd
}

.cells.cells_group,
.cells.cells_group .cell {
    width: 36px
}

.cells .cell.cell_has_lessons,
.cells.cells_load.cells_marks:hover .cell.cell_has_lessons {
    background-color: #edfaed!important
}

.cells.cells_skip,
.cells.cells_skip .cell,
.cells.skip,
.cells.skip .cell {
    cursor: default
}

.cells.cells_scroll_control,
.cells.cells_scroll_control .cell {
    width: 32px!important
}

.cells.cells_hanging .cell,
.cells.cells_hanging .cell.saved {
    background-color: #b150c5!important;
    border-color: #cb8bdb
}

.cells.cells_hanging .cell.saved.trgray,
.cells.cells_hanging .cell.trgray {
    background-color: #a73fbd!important
}

.cells.cells_hanging .cell,
.cells.cells_hanging .cell .cell-data,
.cells.cells_hanging .cell.saved,
.cells.cells_hanging .cell.saved .cell-data {
    color: #fff!important
}

.cells.cells_hanging .cell.cell--hover,
.cells.cells_hanging .cell.saved.cell--hover,
.cells.cells_hanging .cell.saved.trhover,
.cells.cells_hanging .cell.trhover {
    background-color: #9f3bb3!important
}

.cells.cells_hanging .cell.saved.trselect,
.cells.cells_hanging .cell.trselect {
    background-color: #c276d2!important
}

.cells.cells_hanging .cell.markedit,
.cells.cells_hanging .cell.saved.markedit,
.cells.cells_hanging .cell.saved.trselect.markedit,
.cells.cells_hanging .cell.trselect.markedit {
    background-color: #edd6f1!important
}

.cells.cells_hanging .cell.markedit.trgray,
.cells.cells_hanging .cell.saved.markedit.trgray,
.cells.cells_hanging .cell.saved.trselect.markedit.trgray,
.cells.cells_hanging .cell.trselect.markedit.trgray {
    background-color: #e4c3eb!important
}

.cells.cells_hanging .cell .cell-corner-4,
.cells.cells_hanging .cell.saved .cell-corner-4 {
    color: hsla(0, 0%, 100%, .5)
}

.cells.cells_hanging.cells_header .cell .megadate,
.cells.cells_hanging.cells_header .cell .thisday {
    background: none!important;
    color: #fff!important
}

.cells.cells_hanging.cells_header .cell .megadate .cell-day-type,
.cells.cells_hanging.cells_header .cell .megadate .cell-day-type>a,
.cells.cells_hanging.cells_header .cell .thisday .cell-day-type,
.cells.cells_hanging.cells_header .cell .thisday .cell-day-type>a {
    color: #fff!important
}

.cells .cell.saving {
    -webkit-animation: var(--cell-save-animation-name) 1.4s infinite;
    animation: var(--cell-save-animation-name) 1.4s infinite;
    background-color: #fdf7cf
}

.cells .cell.saved.saved {
    background-color: #e4fae4!important
}

.cells .cell.notsave.notsave {
    background-color: #fcd9d2!important
}

.cells .cell .vertical object,
.vertical object {
    display: none;
    height: 80px!important
}

.cells .cell .vertical>span,
.vertical>span {
    width: 80px!important
}

.cells .cell .vertical>span,
.vertical>span {
    -webkit-transform: rotate(-90deg);
    display: block;
    font-size: 12px;
    height: 32px;
    margin: 26px 0 0 -26px;
    text-align: center;
    text-shadow: none;
    transform: rotate(-90deg)
}

.cells .cell .vertical span,
.vertical span {
    margin-left: -26px;
    margin-top: 26px!important;
    width: 80px!important
}

.cells .cell .vertical.vertical-high,
.vertical.vertical-high {
    height: 140px!important
}

.cells .cell .vertical.vertical-high>span,
.vertical.vertical-high>span {
    width: 140px!important
}

.cells .cell .vertical.vertical-high>span,
.vertical.vertical-high>span {
    margin-left: -56px;
    margin-top: 56px
}

.cells .cell .vertical.vertical-high object,
.vertical.vertical-high object {
    height: 140px!important
}

.cells .cell .vertical.vertical-high span,
.vertical.vertical-high span {
    margin-left: -56px;
    margin-top: 56px!important;
    width: 140px!important
}

.cell .button {
    vertical-align: baseline;
    vertical-align: initial
}

.vertical {
    height: 78px;
    line-height: 21px;
    overflow: hidden;
    white-space: nowrap;
    width: 20px
}

td .vertical {
    overflow: visible
}

.td1s .vertical,
.td1s .vertical object {
    height: 80px
}

td>.cells,
td>.cells>.cell {
    border: 0!important;
    width: 100%!important
}

.cell-day-insert {
    -webkit-transition: background-color 75ms ease-in-out;
    background-color: #209af1;
    border-radius: 4px;
    cursor: pointer;
    display: none;
    height: 16px;
    position: absolute;
    right: 2px;
    top: 2px;
    transition: background-color 75ms ease-in-out;
    width: 16px;
    z-index: 79
}

.cell-day-insert:active,
.cell-day-insert:hover {
    background-color: #0c77c3
}

.cell-day-insert:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-transform: rotate(315deg);
    content: "\f063";
    display: block;
    font-family: font awesome regular;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    transform: rotate(315deg);
    vertical-align: baseline;
    vertical-align: initial
}

.cell-day-insert,
.cell-day-insert:before {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-align: center
}

.cell-expand-column {
    -webkit-transition: background-color 75ms ease-in-out;
    -webkit-transform: translateX(-50%);
    background-color: #209af1;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    display: none;
    height: 16px;
    left: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 2px;
    transform: translateX(-50%);
    transition: background-color 75ms ease-in-out;
    width: 16px;
    z-index: 79
}

.cell-expand-column:active,
.cell-expand-column:hover {
    background-color: #0c77c3
}

.cell-expand-column:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    content: "\f07e";
    display: block;
    font-family: font awesome regular;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    vertical-align: baseline;
    vertical-align: initial
}

.cell-expand-column,
.cell-expand-column:before {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-align: center
}

.cell-back {
    -webkit-transition: background-color 75ms ease-in-out;
    background-color: #209af1;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    height: 16px;
    margin: 0;
    padding: 0;
    transition: background-color 75ms ease-in-out;
    width: 16px;
    z-index: 79
}

.cell-back:active,
.cell-back:hover {
    background-color: #0c77c3
}

.cell-back:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    content: "\f060";
    display: block;
    font-family: font awesome regular;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    vertical-align: baseline;
    vertical-align: initial
}

.cell-back,
.cell-back:before {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-align: center
}

.cell-day-type {
    bottom: 0;
    font-size: .8em;
    height: 16px!important;
    line-height: 16px!important;
    margin: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 14
}

.cell-day-type.hover {
    cursor: pointer
}

.cell-day-type .cell-day-type-plus {
    color: #0c77c3;
    display: none
}

.cell-day-type:hover .cell-day-type-plus {
    display: block
}

.cell-day-status {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    float: left;
    font-size: 11px;
    height: 0!important;
    line-height: 16px!important;
    margin: 0;
    position: absolute;
    top: 16px;
    user-select: none;
    width: 100%;
    z-index: 4
}

.cell-day-status i {
    cursor: pointer;
    display: block;
    float: left;
    text-align: center;
    width: 50%
}

.cell-day-status i.red {
    color: #eeada9!important
}

.cell-day-status i.green {
    color: #91d498!important
}

.cell-day-status i:first-child {
    padding: 0 1px 0 4px
}

.cell-day-status i:last-child {
    padding: 0 4px 0 1px
}

.cell-extra-hours {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    height: 100%
}

.cell-extra-hours__title {
    -webkit-box-flex: 1;
    flex-grow: 1;
    font-size: 12px
}

.cell-extra-hours__count {
    font-size: 12px;
    padding: 10px 0 6px
}

.cell-extra-hours__count--editable {
    color: #3b5bdb;
    cursor: pointer
}

.cell-extra-hours__count--editable:hover {
    color: #738ae5
}

.td1 {
    background: #fff;
    border-top: 0!important;
    color: #7e7e7e;
    height: 80px!important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
    text-transform: none!important
}

.td1s {
    height: 87px!important
}

.td1div {
    height: 0;
    position: relative;
    width: 100%;
    z-index: 12
}

a.type_sel {
    display: block;
    line-height: 17px;
    width: 100%;
    z-index: 5
}

.megadate {
    -webkit-box-orient: vertical;
    background-color: #fff;
    background-image: -webkit-linear-gradient(left, #fff, #fff 31px, #f5f5f5 0, #f5f5f5 32px);
    background-image: linear-gradient(90deg, #fff 0, #fff 31px, #f5f5f5 0, #f5f5f5 32px);
    background-repeat: repeat;
    background-size: 32px 100%;
    color: #555;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    line-height: 80px;
    position: relative;
    z-index: 1
}

.megadate,
.megadate--row {
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    justify-content: center;
    pointer-events: none
}

.megadate--row {
    -webkit-box-orient: horizontal;
    flex-flow: row wrap
}

.megadate--row .cell_schedule_day {
    -webkit-box-flex: 1;
    flex: 1 1 100%
}

.megadate--rows {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -webkit-box-pack: start;
    align-content: flex-start;
    align-items: stretch;
    flex-flow: column nowrap;
    height: 100%;
    justify-content: flex-start
}

.megadate--clickable {
    pointer-events: auto
}

.megadate--fixw {
    background: transparent!important;
    color: inherit!important;
    left: 0!important;
    position: static;
    width: 32px!important
}

.megadate--fixw .fulldate .fulldate__month.hide {
    display: block
}

.megadate--first {
    margin-left: 0!important;
    z-index: 3
}

.megadate--last {
    width: 100%!important
}

.megadate .fulldate {
    min-height: 32px;
    padding-top: 0
}

.megadate .vertical {
    line-height: 22px;
    margin-left: auto!important;
    margin-right: auto!important;
    margin-top: -36px
}

.megadate input[type=checkbox],
.megadate input[type=radio] {
    margin-right: 0
}

.teacher-show .cell {
    height: 180px
}

.teacher-show .cell-day-status,
.teacher-show .fulldate {
    margin-top: 100px
}

.teacher-avg {
    padding-top: 100px
}

.teacher-avg .cell_titled {
    height: 100%
}

.teacher__wrapper {
    display: -webkit-box;
    display: flex;
    height: 116px;
    overflow: hidden;
    position: absolute;
    text-transform: none;
    top: 0
}

.teacher__inner {
    height: 100%;
    width: 32px
}

.teacher__inner span {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    align-content: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap;
    font-size: 12px;
    height: 100%;
    justify-content: center;
    margin: 0 auto 0 3px!important;
    text-align: center;
    text-shadow: none;
    width: 32px
}

.teacher__inner span span {
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: center;
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 12px;
    margin: 0!important;
    min-width: 116px;
    padding-left: 8px;
    text-align: left;
    text-shadow: none;
    transform: rotate(-90deg);
    transform-origin: center;
    white-space: nowrap;
    width: 116px
}

.megadate__row {
    height: 32px;
    line-height: 32px
}

.megadate__row div {
    line-height: inherit
}

.megadate__row__item {
    line-height: 32px;
    width: 32px
}

.megadate__row--flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    align-content: stretch;
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap
}

.megadate__row--flex .megadate__row__item {
    -webkit-box-flex: 1;
    flex: 1 1;
    width: 0
}

.megadate__row--large {
    height: 32px;
    line-height: 32px
}

.megadate__row--white {
    background-color: #fff
}

.megadate__row+.megadate__row {
    border-top: 1px solid #dddcdb
}

.megadate--last[data-columns] {
    z-index: 2
}

.megadate[data-columns="1"] {
    width: 31px!important
}

.megadate--last[data-columns="1"] {
    margin-left: 0!important
}

.megadate[data-columns="2"] {
    width: 63px!important
}

.megadate--last[data-columns="2"] {
    margin-left: -32px!important
}

.megadate[data-columns="3"] {
    width: 95px!important
}

.megadate--last[data-columns="3"] {
    margin-left: -64px!important
}

.megadate[data-columns="4"] {
    width: 127px!important
}

.megadate--last[data-columns="4"] {
    margin-left: -96px!important
}

.megadate[data-columns="5"] {
    width: 159px!important
}

.megadate--last[data-columns="5"] {
    margin-left: -128px!important
}

.megadate[data-columns="6"] {
    width: 191px!important
}

.megadate--last[data-columns="6"] {
    margin-left: -160px!important
}

.megadate[data-columns="7"] {
    width: 223px!important
}

.megadate--last[data-columns="7"] {
    margin-left: -192px!important
}

.megadate[data-columns="8"] {
    width: 255px!important
}

.megadate--last[data-columns="8"] {
    margin-left: -224px!important
}

.megadate[data-columns="9"] {
    width: 287px!important
}

.megadate--last[data-columns="9"] {
    margin-left: -256px!important
}

.megadate[data-columns="10"] {
    width: 319px!important
}

.megadate--last[data-columns="10"] {
    margin-left: -288px!important
}

.megadate[data-columns="11"] {
    width: 351px!important
}

.megadate--last[data-columns="11"] {
    margin-left: -320px!important
}

.megadate[data-columns="12"] {
    width: 383px!important
}

.megadate--last[data-columns="12"] {
    margin-left: -352px!important
}

.megadate[data-columns="13"] {
    width: 415px!important
}

.megadate--last[data-columns="13"] {
    margin-left: -384px!important
}

.megadate[data-columns="14"] {
    width: 447px!important
}

.megadate--last[data-columns="14"] {
    margin-left: -416px!important
}

.megadate[data-columns="15"] {
    width: 479px!important
}

.megadate--last[data-columns="15"] {
    margin-left: -448px!important
}

.megadate[data-columns="16"] {
    width: 511px!important
}

.megadate--last[data-columns="16"] {
    margin-left: -480px!important
}

.megadate[data-columns="17"] {
    width: 543px!important
}

.megadate--last[data-columns="17"] {
    margin-left: -512px!important
}

.megadate[data-columns="18"] {
    width: 575px!important
}

.megadate--last[data-columns="18"] {
    margin-left: -544px!important
}

.megadate[data-columns="19"] {
    width: 607px!important
}

.megadate--last[data-columns="19"] {
    margin-left: -576px!important
}

.megadate[data-columns="20"] {
    width: 639px!important
}

.megadate--last[data-columns="20"] {
    margin-left: -608px!important
}

.megadate[data-columns="21"] {
    width: 671px!important
}

.megadate--last[data-columns="21"] {
    margin-left: -640px!important
}

.megadate[data-columns="22"] {
    width: 703px!important
}

.megadate--last[data-columns="22"] {
    margin-left: -672px!important
}

.megadate[data-columns="23"] {
    width: 735px!important
}

.megadate--last[data-columns="23"] {
    margin-left: -704px!important
}

.megadate[data-columns="24"] {
    width: 767px!important
}

.megadate--last[data-columns="24"] {
    margin-left: -736px!important
}

.megadate[data-columns="25"] {
    width: 799px!important
}

.megadate--last[data-columns="25"] {
    margin-left: -768px!important
}

.megadate[data-columns="26"] {
    width: 831px!important
}

.megadate--last[data-columns="26"] {
    margin-left: -800px!important
}

.megadate[data-columns="27"] {
    width: 863px!important
}

.megadate--last[data-columns="27"] {
    margin-left: -832px!important
}

.megadate[data-columns="28"] {
    width: 895px!important
}

.megadate--last[data-columns="28"] {
    margin-left: -864px!important
}

.megadate[data-columns="29"] {
    width: 927px!important
}

.megadate--last[data-columns="29"] {
    margin-left: -896px!important
}

.megadate[data-columns="30"] {
    width: 959px!important
}

.megadate--last[data-columns="30"] {
    margin-left: -928px!important
}

.megadate[data-columns="31"] {
    width: 991px!important
}

.megadate--last[data-columns="31"] {
    margin-left: -960px!important
}

.megadate[data-columns="32"] {
    width: 1023px!important
}

.megadate--last[data-columns="32"] {
    margin-left: -992px!important
}

.megadate[data-columns="33"] {
    width: 1055px!important
}

.megadate--last[data-columns="33"] {
    margin-left: -1024px!important
}

.megadate[data-columns="34"] {
    width: 1087px!important
}

.megadate--last[data-columns="34"] {
    margin-left: -1056px!important
}

.megadate[data-columns="35"] {
    width: 1119px!important
}

.megadate--last[data-columns="35"] {
    margin-left: -1088px!important
}

.megadate[data-columns="36"] {
    width: 1151px!important
}

.megadate--last[data-columns="36"] {
    margin-left: -1120px!important
}

.megadate[data-columns="37"] {
    width: 1183px!important
}

.megadate--last[data-columns="37"] {
    margin-left: -1152px!important
}

.megadate[data-columns="38"] {
    width: 1215px!important
}

.megadate--last[data-columns="38"] {
    margin-left: -1184px!important
}

.megadate[data-columns="39"] {
    width: 1247px!important
}

.megadate--last[data-columns="39"] {
    margin-left: -1216px!important
}

.megadate[data-columns="40"] {
    width: 1279px!important
}

.megadate--last[data-columns="40"] {
    margin-left: -1248px!important
}

.cells.fdd .megadate {
    background-color: #fdd;
    background-image: -webkit-linear-gradient(left, #fdd, #fdd 31px, #e5d4d4 0, #e5d4d4 32px);
    background-image: linear-gradient(90deg, #fdd 0, #fdd 31px, #e5d4d4 0, #e5d4d4 32px);
    background-repeat: repeat;
    background-size: 32px 100%
}

.cells.fdd .megadate--first {
    background-repeat: repeat-y;
    z-index: 2
}

.cells_group .megadate {
    background-color: #fff;
    background-image: -webkit-linear-gradient(left, #fff, #fff 35px, #f5f5f5 0, #f5f5f5 36px);
    background-image: linear-gradient(90deg, #fff 0, #fff 35px, #f5f5f5 0, #f5f5f5 36px);
    background-repeat: repeat;
    background-size: 36px 100%
}

.cells_group .megadate .cell_schedule_num {
    width: 36px
}

.cells_group .megadate .cell_schedule_num:last-child {
    width: 35px
}

.cells_group.fdd .megadate {
    background-color: #fdd;
    background-image: -webkit-linear-gradient(left, #fdd, #fdd 35px, #e5d4d4 0, #e5d4d4 36px);
    background-image: linear-gradient(90deg, #fdd 0, #fdd 35px, #e5d4d4 0, #e5d4d4 36px);
    background-repeat: repeat;
    background-size: 36px 100%
}

.cells_group.fdd .megadate--first {
    background-repeat: repeat-y;
    z-index: 2
}

.cells_one_and_half_width .megadate {
    background-color: #fff;
    background-image: -webkit-linear-gradient(left, #fff, #fff 47px, #f5f5f5 0, #f5f5f5 48px);
    background-image: linear-gradient(90deg, #fff 0, #fff 47px, #f5f5f5 0, #f5f5f5 48px);
    background-repeat: repeat;
    background-size: 48px 100%
}

.cells_double_width .megadate {
    background-color: #fff;
    background-image: -webkit-linear-gradient(left, #fff, #fff 63px, #f5f5f5 0, #f5f5f5 64px);
    background-image: linear-gradient(90deg, #fff 0, #fff 63px, #f5f5f5 0, #f5f5f5 64px);
    background-repeat: repeat;
    background-size: 64px 100%
}

.cells_classes .megadate {
    padding-top: 0
}

.no_select,
.scroll,
.scrolleft,
div.lblue {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.scrolleft {
    text-align: right
}

.scroll_header_button {
    cursor: default;
    display: inline-block;
    height: 28px;
    margin: 37px 0 0;
    width: 100%
}

.scroll_header_button_left a,
.scroll_header_button_right a {
    display: block;
    float: right;
    height: 7px;
    width: 23px
}

.scroll_header_button_left a:hover,
.scroll_header_button_right a:hover {
    background-position: -23px
}

.scroll_header_button_left a {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAHCAMAAABAxI/7AAAAV1BMVEVHcEyKvueKvudlg71lg72KvueKvudlg72KvueKvueKvueKvueKvudlg71lg71lg71lg72KvueKvueKvudlg71lg71lg71lg72Kvudlg71lg72Kvudlg72fcuGzAAAAG3RSTlMAD7QYMCRICQkwe8MYjfmc8435nCRID7Tze8NlFBu4AAAAWklEQVQY023ORwrAMAxE0Um103uV7n/OIDsQIjSbt/ggBMg2hmVJMFwPZsMipZD/7l3PkpXJNJNkpbtZpvUNyaCFu8ZwVenrM2QtkA3xZ2W7xKwFcjat3vz5ANqcD0DuXcXoAAAAAElFTkSuQmCC) no-repeat
}

.scroll_header_button_right a {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAHCAMAAABAxI/7AAAAV1BMVEVHcEyKvueKvudlg71lg72KvueKvudlg72KvueKvueKvueKvueKvudlg71lg71lg71lg71lg72KvueKvueKvudlg71lg71lg72Kvudlg71lg72Kvudlg73UpIaCAAAAG3RSTlMAD7QYSCRICQkwe8MYjTD5nPON+ZwkD7Tze8M7N0sDAAAAWUlEQVQY023PNwKEQAxDUZFzTgvS/c9JWBpm/JtXqLGhFk+OTGEq9ZEhGSYwlDTsmSfJaQzgqbsjc+VdlcP1Grtmhes1/socntK2/I/6SM41DBW/L39lAcsTvZsPQDvER+IAAAAASUVORK5CYII=) no-repeat
}

.cells_right_scroll_header,
.cells_right_scroll_header .cell,
.empty_scroll {
    width: 45px!important
}

.cell_types {
    bottom: 5px;
    float: right;
    font-size: .8em;
    height: 19px;
    line-height: 19px;
    margin: 0;
    padding: 0;
    position: relative;
    right: -15px;
    text-align: right;
    vertical-align: bottom
}

.cell_types a {
    text-decoration: none;
    text-shadow: none
}

.scroller_container_header {
    display: inline-block;
    height: 80px
}

.scroller[id$=_header] {
    margin-top: -19px;
    padding-top: 20px
}

.scroller.scroller_area {
    background-color: #f2f1f0
}

.scroller.scroller_area:after {
    background: #ccc;
    content: "";
    display: block;
    float: left;
    height: 1px;
    margin-top: -1px;
    width: 100%
}

.scroller_calendar .cells {
    width: 94px
}

.scroller_calendar_mini .cells {
    width: 60px
}

td .cells .cell .vertical {
    height: 80px!important
}

td .cells .cell .vertical>span {
    width: 80px!important
}

td .cells .cell .vertical>span {
    margin-left: -26px;
    margin-top: 26px
}

td .cells .cell .vertical object {
    height: 80px!important
}

td .cells .cell .vertical span {
    margin-left: -26px;
    margin-top: 26px!important;
    width: 80px!important
}

.scroller_calendar .cell {
    height: 100px;
    width: 93px
}

.scroller_calendar .cell .fulldate {
    padding-top: 51px
}

.scroller_calendar .cells_num .cell,
.scroller_calendar .cells_rows .cell {
    line-height: 100px
}

.scroller_calendar_mini .cell {
    height: 60px;
    width: 59px
}

.scroller_calendar_mini .cell .work {
    font-size: 11px
}

.scroller_calendar_mini .cell .cells_num .cell,
.scroller_calendar_mini .cell .cells_rows .cell {
    line-height: 60px
}

.scroller_calendar_days .cell {
    font-size: 11px;
    line-height: 12px;
    text-align: left
}

.cells_cw .cell {
    text-transform: none
}

.cell_prewrap {
    line-height: 14px!important;
    padding-top: 25px
}

.cell div {
    line-height: 1em
}

.cell_clear_left {
    border-left: 0!important;
    width: 100%
}

.cell_clear_right {
    border-right: 0!important;
    width: 100%
}

.cell_clear_top {
    border-top: 0!important;
    height: 100%
}

.cell_clear_bottom {
    border-bottom: 0!important;
    height: 100%
}

.cell_clear_all {
    border: 0!important;
    height: 100%
}

.cell_topborder_only {
    border-bottom-width: 0!important;
    border-top: 1px solid #ccc
}

.table_header .cells_marks .cell {
    cursor: default
}

.cells_red_bg,
.cells_red_bg_header {
    background-color: #ad2b22!important;
    color: #ad2b22!important
}

.cells_red_bg .cell,
.cells_red_bg_header .cell {
    border-left: 1px solid #ad2b22;
    border-right: 0;
    margin-left: -1px
}

.cells_red_bg .cell:last-child,
.cells_red_bg_header .cell:last-child {
    border-bottom: 1px solid #ad2b22
}

.cells_red_bg .markedit {
    border-style: solid!important
}

.cells.cells_red_bg_header,
.cells.cells_red_bg_header .cell {
    background-color: #ad2b22!important;
    font-weight: 700
}

.cells.cells_red_bg_header .cell {
    color: #fff!important
}

.cell_avg_not_enough {
    color: #888
}

.marks,
.p_list {
    border: 0
}

#marker {
    background-color: #fff!important;
    border: 0!important;
    display: block!important;
    height: 1px!important;
    width: 1px
}

.table_header_fixed {
    position: fixed;
    top: 0;
    z-index: 55
}

.table_header_fixed .only4fixed {
    display: block
}

.table_header_fixed span.only4fixed {
    display: inline-block
}

.table_header_fixed.inside .scroller {
    z-index: 50
}

.table_header_fixed.inside,
.table_header_fixed.inside .table_header {
    z-index: 25
}

.only4fixed {
    display: none
}

.table_header_absolute {
    position: relative;
    z-index: 55
}

.table_header_absolute .table_header {
    background-color: #fff!important;
    z-index: 30
}

.table_header_absolute .table_header_container {
    position: static
}

.table_header_container {
    margin-top: -20px;
    position: relative;
    width: 915px;
    z-index: 10
}

.table_header_container .inside {
    padding: 0;
    width: 915px
}

.table_header_container .inside .table_header {
    display: table;
    height: 80px;
    padding: 0 5px 0 0;
    width: 915px
}

.table_header_container .inside .table_header .scroller {
    height: 80px!important
}

.table_header_container .inside .table_header .scroller[id$=_header] {
    height: 100px!important
}

.table_header_container .inside .table_header .scroller[id$=_header] {
    margin-top: -19px;
    padding-top: 20px
}

.table_header_container .inside .table_header.table_header_results {
    display: table;
    height: 110px
}

.table_header_container .inside .table_header.table_header_results .scroller {
    height: 110px!important
}

.table_header_container .inside .table_header.table_header_results .scroller[id$=_header] {
    height: 130px!important
}

.table_header_container .control {
    display: inline-block;
    height: 125px;
    padding: 20px 0;
    width: 915px
}

.table_header_container .control.control_mini {
    height: 35px
}

.table_header_container .control.control_cw {
    height: 140px
}

.inside_average .control {
    height: 70px!important
}

.inside .control,
.inside .table_header {
    background-color: #fff
}

.inside .table_shadow {
    -webkit-transition: height .2s ease-in-out;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADAgMAAAAvs40RAAAACVBMVEUAAAAAAAAAAACDY+nAAAAAA3RSTlMOVSubmLmFAAAADklEQVQI12NwYGhgYAAAAsYAwXdF/g8AAAAASUVORK5CYII=) repeat-x;
    height: 1px;
    margin-bottom: 1px;
    padding: 0;
    transition: height .2s ease-in-out
}

.inside .table_shadow_visible {
    height: 4px
}

.table_header_results,
.table_header_results .cells,
.table_header_results .cells.cells_header,
.table_header_results .cells.cells_header .cell,
.table_header_results .scroller,
.table_header_results .scroller_container_header {
    height: 110px!important
}

.table_header_results .cells.cells_header .cell {
    line-height: 115px
}

.table_header_results .cells.cells_header .cell .cell-vertical {
    height: 110px
}

.table_header_results .cells.cells_header .cell .cell-vertical>a,
.table_header_results .cells.cells_header .cell .cell-vertical>span {
    width: 32px
}

.table_header_results .cells.cells_header .cell .cell-vertical>a>span,
.table_header_results .cells.cells_header .cell .cell-vertical>span>span {
    width: 110px
}

.table_header_results .cells .cell .vertical {
    height: 110px!important
}

.table_header_results .cells .cell .vertical>span {
    width: 110px!important
}

.table_header_results .cells .cell .vertical>span {
    margin-left: -41px;
    margin-top: 41px
}

.table_header_results .cells .cell .vertical object {
    height: 110px!important
}

.table_header_results .cells .cell .vertical span {
    margin-left: -41px;
    margin-top: 41px!important;
    width: 110px!important
}

.table_header_results.table_header_results_report {
    height: 112px!important
}

.table_header_results.table_header_results_report table {
    border-bottom: 1px solid #ccc!important
}

.table_header_results.table_header_results_report td {
    background: #fff;
    border-bottom: 0!important;
    height: 111px!important
}

.table_header_results.table_header_results_report td .vertical {
    height: 35px!important
}

.table_header_results.table_header_results_report td .vertical span {
    margin-top: 10px!important
}

.table_header_results.table_header_results_report td .vertical object {
    height: 120px!important;
    margin-left: -1px!important;
    margin-top: -70px!important
}

.table_header_results.table_header_results_report .cells .cell .vertical {
    height: 95px!important
}

.table_header_results.table_header_results_report .cells .cell .vertical>span {
    width: 95px!important
}

.table_header_results.table_header_results_report .cells .cell .vertical>span {
    margin-left: -33.5px;
    margin-top: 33.5px
}

.table_header_results.table_header_results_report .cells .cell .vertical object {
    height: 95px!important
}

.table_header_results.table_header_results_report .cells .cell .vertical span {
    margin-left: -33.5px;
    margin-top: 33.5px!important;
    width: 95px!important
}

.table_header_results .vertical object {
    margin-top: -15px!important
}

.table_header_results .cells .cell .megadate {
    height: 60px;
    padding-top: 50px
}

.table_header_results .cells .cell .megadate .vertical {
    margin: -50px 0 0 14px
}

.table_header_results .cells .cell .vertical,
.table_header_results .cells .cell .vertical object {
    height: 110px!important
}

.table_header_results .scroll_header_button {
    margin-top: 50px
}

.table_header_results .scroller {
    height: 110px
}

.table_header_results .scroller[id$=_header] {
    height: 130px;
    margin-top: -19px;
    padding-top: 20px
}

.table_header_average {
    margin: -1px 0 0;
    padding-left: 0!important
}

.table_header_average,
.table_header_average table,
.table_header_average td,
.table_header_average tr {
    border-bottom: 0!important;
    height: 119px!important
}

.table_header_average table {
    border-right: 0!important
}

.table_header_average table td .vertical {
    height: auto
}

.no-margins {
    margin: 0!important
}

.no_margin {
    margin-bottom: 0!important;
    margin-top: -2px!important
}

#avg {
    margin-top: 1px;
    width: 100%
}

#avg .mark {
    font-size: 90%
}

#avg .mark,
#avg_header .subj {
    width: 25px
}

#avg .mark.double,
#avg_header .subj.double {
    width: 50px
}

div.trselect {
    background-color: #fe8!important;
    cursor: pointer!important
}

a.seen,
td.seen {
    background-color: #ffd38e!important
}

a.seen {
    color: #463300;
    text-decoration: none
}

.cursorpointer,
.pointer {
    cursor: pointer!important
}

.cell_month_num,
.cell_month_title {
    height: 128px!important;
    line-height: 87px!important
}

.cell_month_num .vertical {
    margin-top: -16px
}

.cell_month_title {
    font-size: 24px;
    font-weight: 700;
    text-align: left!important
}

.cell_month_title .cell-back {
    margin: 0 6px 0 0
}

.cell_month_title .title {
    padding-left: 10px
}

.cell_in_group,
.trgray.cell_in_group,
.trwhite.cell_in_group {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-color: #c0e0eb!important;
    user-select: none
}

.cells_group:hover .cell.trgray.cell_in_group,
.cells_group:hover .cell.trwhite.cell_in_group,
.trhover.cell_in_group {
    background-color: #d8e3f5
}

.cell_group .checkbox {
    background: transparent url(/assets/dist/menu_icons_sprite.6501bbb2.png) -80px 0 no-repeat;
    display: block;
    float: left;
    height: 16px;
    margin: 6px 0 0 10px;
    width: 16px
}

.cell_in_group {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-color: #c0e0eb!important;
    user-select: none
}

.cell_in_group:hover {
    background-color: #d8e3f5!important
}

.cell_in_group .fa-check {
    color: #3fa149
}

.cell_in_group .checkbox {
    background: transparent url(/assets/dist/menu_icons_sprite.6501bbb2.png) -80px -20px no-repeat
}

.cell_in_group .checkbox .cell .megadate {
    background: #fff
}

.cell_in_group .checkbox .cell .megadate .cell_schedule_num {
    border-right: 1px solid #f2f2f2;
    width: 35px
}

.cell_in_group .checkbox .cell .megadate .cell_schedule_num_last {
    border-right: 0;
    width: 34px
}

.cells.cells_classes,
.cells.cells_classes .cell,
.scroller.scroller_classes,
.scroller_container.scroller_classes,
.table_header.table_header_classes {
    font-size: 11px;
    height: 70px!important;
    line-height: 70px!important
}

.cells_classes .megadate__row {
    height: 25px
}

.scroller_classes {
    overflow: hidden
}

.table_header.table_header_classes>* {
    height: 50px!important
}

.table_header.table_header_classes .scroll_header_button {
    margin-top: 21px
}

.cells .hr {
    background: #ccc;
    float: none;
    margin: 0
}

.cell_btn_average {
    display: block;
    float: left;
    font-size: 9px;
    font-weight: 400;
    height: 18px!important;
    line-height: 18px!important;
    margin: -20px 0 0;
    padding: 0;
    width: 100%!important
}

.cell_btn_average:after {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    content: "\f063";
    display: inline-block;
    font-family: font awesome regular;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    margin-left: .1em;
    vertical-align: baseline;
    vertical-align: initial
}

.cell .cell__button.button {
    display: block;
    float: left;
    height: 18px!important;
    line-height: 18px!important;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: -22px;
    padding: 0!important;
    width: calc(100% - 2px)!important
}

.cell_btn_up {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    float: left;
    height: 20px;
    margin: -20px 0 0 -1px;
    user-select: none
}

.hint_hanging {
    background: #b150c5;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    margin-left: -5px;
    padding: 3px 5px
}

.hint_hanging a {
    -webkit-text-decoration-color: hsla(0, 0%, 100%, .67);
    color: #f5f5f5;
    text-decoration-color: hsla(0, 0%, 100%, .67)
}

.hint_hanging a:hover {
    -webkit-text-decoration-color: #f7eef9;
    color: #f7eef9;
    text-decoration-color: #f7eef9
}

.hometask_has_files {
    display: block;
    height: 100%;
    line-height: 20px;
    text-align: center;
    width: 100%
}

.hometask_has_files.files:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    content: "\f0c6";
    display: inline-block;
    font-family: font awesome light;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    line-height: inherit;
    vertical-align: baseline;
    vertical-align: initial
}

.hometask_has_files.collect:after {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    content: "\f093";
    display: inline-block;
    font-family: font awesome light;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    line-height: inherit;
    vertical-align: baseline;
    vertical-align: initial
}

.table_header_container .inside .table_header.table_header_homework,
.table_header_container .inside .table_header.table_header_homework .cells_header,
.table_header_container .inside .table_header.table_header_homework .cells_right_scroll_header,
.table_header_container .inside .table_header.table_header_homework .scroller,
.table_header_container .inside .table_header.table_header_homework .scroller_container_header {
    height: 160px!important
}

.table_header_container .inside .table_header.table_header_homework .cells_header .cell.cell--full {
    height: 160px!important;
    line-height: 160px!important
}

.table_header_container .inside .table_header.table_header_homework .cells_header .cell.cell--full .vertical {
    height: 160px!important
}

.table_header_container .inside .table_header.table_header_homework .cells_header .cell:last-child {
    height: 32px
}

.table_header_container .inside .table_header.table_header--cw,
.table_header_container .inside .table_header.table_header--cw .cells_header,
.table_header_container .inside .table_header.table_header--cw .cells_right_scroll_header,
.table_header_container .inside .table_header.table_header--cw .scroller_container_header,
.table_header_container .inside .table_header.table_header--homework,
.table_header_container .inside .table_header.table_header--homework .cells_header,
.table_header_container .inside .table_header.table_header--homework .cells_right_scroll_header,
.table_header_container .inside .table_header.table_header--homework .scroller_container_header {
    height: 160px!important
}

.table_header_container .inside .table_header.table_header--cw .scroller,
.table_header_container .inside .table_header.table_header--homework .scroller {
    height: 179px!important
}

.table_header_container .inside .table_header.table_header--cw .cells_header .cell.cell--full,
.table_header_container .inside .table_header.table_header--homework .cells_header .cell.cell--full {
    height: 160px!important;
    line-height: 160px!important
}

.table_header_container .inside .table_header.table_header--cw .cells_header .cell.cell--full .vertical,
.table_header_container .inside .table_header.table_header--homework .cells_header .cell.cell--full .vertical {
    height: 160px!important
}

.table_header_container .inside .table_header.table_header--cw .cells_header .cell:last-child,
.table_header_container .inside .table_header.table_header--homework .cells_header .cell:last-child {
    height: 32px
}

.selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    user-select: none
}

.selection>a,
.selection>button,
.selection>span,
.selection__item,
.selection__label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: #242322;
    display: block;
    font-size: 1em;
    font-weight: 450;
    height: 32px;
    line-height: 30px;
    max-width: 240px;
    min-width: 32px;
    outline: none;
    overflow: hidden;
    padding: 0 8px;
    text-decoration: none;
    text-overflow: ellipsis;
    user-select: none;
    white-space: nowrap
}

.selection>a.active,
.selection>a.selected,
.selection>button.active,
.selection>button.selected,
.selection>span.active,
.selection>span.selected,
.selection__item.active,
.selection__item.selected,
.selection__label.active,
.selection__label.selected {
    background-color: #0c77c3;
    box-shadow: inset 0 0 2px #0a609d, inset 0 0 4px #0b68ab;
    color: #fff
}

.selection>a.active *,
.selection>a.selected *,
.selection>button.active *,
.selection>button.selected *,
.selection>span.active *,
.selection>span.selected *,
.selection__item.active *,
.selection__item.selected *,
.selection__label.active *,
.selection__label.selected * {
    color: #fff!important
}

.selection>a.active *,
.selection>a.selected *,
.selection>button.active *,
.selection>button.selected *,
.selection>span.active *,
.selection>span.selected *,
.selection__item.active *,
.selection__item.selected *,
.selection__label.active *,
.selection__label.selected * {
    text-shadow: none
}

.selection>a.active.green,
.selection>a.selected.green,
.selection>button.active.green,
.selection>button.selected.green,
.selection>span.active.green,
.selection>span.selected.green,
.selection__item.active.green,
.selection__item.selected.green,
.selection__label.active.green,
.selection__label.selected.green {
    text-shadow: none
}

.selection>a.active .checkbox,
.selection>a.selected .checkbox,
.selection>button.active .checkbox,
.selection>button.selected .checkbox,
.selection>span.active .checkbox,
.selection>span.selected .checkbox,
.selection__item.active .checkbox,
.selection__item.selected .checkbox,
.selection__label.active .checkbox,
.selection__label.selected .checkbox {
    opacity: 1
}

.selection>a>.checkbox,
.selection>a>.remove,
.selection>button>.checkbox,
.selection>button>.remove,
.selection>span>.checkbox,
.selection>span>.remove,
.selection__item>.checkbox,
.selection__item>.remove,
.selection__label>.checkbox,
.selection__label>.remove {
    display: inline-block;
    opacity: .33
}

.selection>a>.checkbox:before,
.selection>a>.remove:before,
.selection>button>.checkbox:before,
.selection>button>.remove:before,
.selection>span>.checkbox:before,
.selection>span>.remove:before,
.selection__item>.checkbox:before,
.selection__item>.remove:before,
.selection__label>.checkbox:before,
.selection__label>.remove:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    display: inline-block;
    font-family: font awesome regular;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    vertical-align: baseline;
    vertical-align: initial
}

.selection>a>.checkbox:before,
.selection>button>.checkbox:before,
.selection>span>.checkbox:before,
.selection__item>.checkbox:before,
.selection__label>.checkbox:before {
    content: "\f00c"
}

.selection>a>.remove:before,
.selection>button>.remove:before,
.selection>span>.remove:before,
.selection__item>.remove:before,
.selection__label>.remove:before {
    content: "\f00d"
}

.selection>a sub,
.selection>button sub,
.selection>span sub,
.selection__item sub,
.selection__label sub {
    bottom: 0
}

.selection>a,
.selection>button,
.selection__item {
    color: #242322;
    cursor: pointer
}

.selection>a:hover,
.selection>button:hover,
.selection__item:hover {
    color: #fff!important
}

.selection>a:hover,
.selection>button:hover,
.selection__item:hover {
    background: #0d83d6
}

.selection>a:hover *,
.selection>button:hover *,
.selection__item:hover * {
    color: #fff!important
}

.selection>a:hover.green,
.selection>button:hover.green,
.selection__item:hover.green {
    color: #f0f8f1
}

.selection>a:hover sub,
.selection>button:hover sub,
.selection__item:hover sub {
    color: #f2f2f2
}

.selection>a:focus,
.selection>button:focus,
.selection__item:focus {
    box-shadow: 0 0 0 3px rgba(12, 119, 195, .4);
    outline: none
}

.selection>a.active:focus,
.selection>a:active,
.selection>button.active:focus,
.selection>button:active,
.selection__item.active:focus,
.selection__item:active {
    box-shadow: inset 0 0 2px #0a609d, inset 0 0 4px #0b68ab, 0 0 0 3px rgba(12, 119, 195, .4);
    outline: none
}

.selection>span,
.selection__label {
    color: #757473;
    cursor: default
}

.selection>span.title,
.selection__label.title {
    text-align: left;
    width: 130px
}

.selection>span.title.title-small,
.selection__label.title.title-small {
    width: 30px
}

.selection.with-title-small {
    background: #fff;
    border-radius: 4px;
    display: -webkit-inline-box;
    display: inline-flex;
    margin-bottom: 6px;
    margin-right: 21px;
    padding-left: 36px
}

.selection.with-title-small .title-small {
    font-weight: 700;
    margin-left: -36px;
    margin-right: 0;
    text-align: center;
    width: 36px
}

.selection.with-title-small>a,
.selection.with-title-small>button {
    margin-bottom: 2px!important
}

.selection--blue .selection__item,
.selection--blue>a,
.selection--blue>button {
    color: #0c77c3
}

.selection--blue .selection__item.active,
.selection--blue .selection__item.selected,
.selection--blue>a.active,
.selection--blue>a.selected,
.selection--blue>button.active,
.selection--blue>button.selected {
    color: #fff
}

.selection--small .selection__item,
.selection--small .selection__label,
.selection--small>a,
.selection--small>button,
.selection--small>span {
    font-size: 12px;
    padding: 1px 3px 2px
}

.selection--classes .selection__item,
.selection--classes>a,
.selection--classes>button {
    letter-spacing: .08em;
    text-align: center
}

.selection-title {
    -webkit-box-flex: 0;
    color: #757473;
    display: block;
    flex: 0 1 130px;
    font-size: 14px;
    line-height: 32px;
    margin-right: 16px;
    max-width: 130px;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.selection-choose-classes {
    max-width: 77.5%
}

.selection-choose-classes .selection__item,
.selection-choose-classes>a,
.selection-choose-classes>button>span {
    text-align: center
}

.selection-analyse-teacher {
    max-width: 380px
}

.valigntop {
    vertical-align: top!important
}

.valign--middle {
    vertical-align: middle
}

.subj_dz .tri {
    height: 10px;
    left: 28.5%;
    margin-left: -10px;
    position: relative;
    top: -15px;
    width: 20px
}

.student_notes blockquote {
    border-left: 5px solid #eee;
    font-family: inherit;
    margin: 5px 0;
    padding: 0 0 0 15px
}

.student_notes blockquote,
.student_notes blockquote p {
    font-size: 14px;
    line-height: 20px
}

.student_notes blockquote .small {
    font-size: 12px;
    line-height: 16px
}

.student_notes .mailto img {
    margin-top: -4px!important
}

.cells_notes .add_user_note {
    display: block
}

.cells_notes .add_user_note:active {
    margin-top: 7px
}

.add_user_note {
    display: none;
    float: right!important
}

.add_user_note.fa-check,
.trhover .add_user_note {
    opacity: 1
}

.subj_dz_ext .tri {
    left: 16.4%;
    margin-left: -10px;
    top: -15px
}

.today_dz .tri {
    left: 71.5%
}

.subj_dz_ht .tri {
    left: 90%
}

.subj_dz_ht_ext .tri {
    left: 77.5%
}

.arm-disabled-ext {
    max-width: 920px
}

.arm-disabled-ext.arm-disabled-ext-jrebukes {
    margin-top: 180px
}

.codifiers-modal-overflow {
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: inset 0 0 10px #f2f2f2;
    max-height: 400px;
    overflow: auto;
    padding: 5px 10px
}

.resource-icon-skysmart {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAolBMVEVHcEz83wD83wD83wAAwv/83wD83wD83wD83wAAwv/83wD83wD83wAAwv/83wD83wAAwv8Awv8Awv8Awv/83wD83wAAwP8Awv8Awv/83wDVtCX32QELwO0wxcz83wD/4QD83wD83wD83wD83wD/4QD83wAAwv/83wD83gAKvu7+qwD/jwD80ADRmCv9tQD82gD/yQD/igD/mgDRlSv81gD81QBgSDQEAAAAJnRSTlMACdX+WTmqxCX06YsDaVP1/h7SZBRxDvm4/PjU9FhvDCbaREMN23Np8/AAAABySURBVBjTY2AgCFh4BYGkkpwCTIBTQEhYTIVdXVVUBCKgpqYmLiErraEuyc7HCBVQU5ORMtBXV+dnY+WBCmjqGunpaKirc3FzQAWMDbW1TNTV1ZmZkARMkQXQtaAZimot2GHy7OqKMIdBnK4sx8FALAAAvbUSDAEkFmYAAAAASUVORK5CYII=) no-repeat top;
    display: inline-block;
    height: 19px;
    line-height: 26px;
    vertical-align: middle;
    width: 16px
}

.resource-link-yaclass {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAMAAAD6fQULAAAAVFBMVEXW5K/U46yJtgWwzV3L3ZacwTG30WtHcEyGtADH24+HtQK00GaTvBy+1nuWviOdwjKhxDyOuRHT4qeOuRKQuhWKtgiWviOTvB6GtACGtACGtACGtABc3HZ6AAAAG3RSTlOMjfixldCqAEmZ/KziotvOx+yP6+j22uDySvMkSrEfAAAASElEQVQI12OQhgMOdnYGaQYokJbgQOZJSnEg8YAAwQMJkMFj5ofyuDkZGNi4BKA8HkEWXiZWmEoWYRFRPka4Pk5xMSEibEAGABjMBz3LQONjAAAAAElFTkSuQmCC) no-repeat 0;
    clear: both;
    color: #86b400;
    display: block;
    font-size: 13px;
    line-height: 18px;
    margin: 2px 0;
    padding-left: 20px;
    vertical-align: middle
}

.ej-table-todo tr.inactive {
    color: #8f8e8c!important
}

.ej-table-journal-review td.saving {
    background-color: #fdf7cf!important
}

.ej-table-journal-review td.saved {
    background-color: #e4fae4!important
}

.ej-table-journal-review td.notsave {
    background-color: #fcd9d2!important
}

.ej-comment {
    background-color: #fef19e;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    font-size: 14px;
    line-height: 20px;
    margin: 16px 0;
    max-width: 720px;
    padding: 12px;
    position: relative
}

.ej-comment--bubble:before {
    border-color: transparent #fef19e transparent transparent;
    border-style: solid;
    border-width: 0 16px 16px 0;
    content: "";
    display: block;
    height: 0;
    left: -16px;
    position: absolute;
    top: 12px;
    width: 0
}

.context {
    -webkit-transform: scale(1.05) translateY(-10px);
    -webkit-transition: opacity 80ms ease-in, -webkit-transform 70ms ease-in;
    left: -9999px;
    opacity: 0;
    padding: 12px 0;
    position: absolute;
    top: -9999px;
    transform: scale(1.05) translateY(-10px);
    transition: opacity 80ms ease-in, -webkit-transform 70ms ease-in;
    transition: opacity 80ms ease-in, transform 70ms ease-in;
    transition: opacity 80ms ease-in, transform 70ms ease-in, -webkit-transform 70ms ease-in;
    will-change: left, top, opactity, transform;
    z-index: 200
}

.context__block {
    background: #fff;
    background: var(--context-background);
    border: 1px solid #dddcdb;
    border: 1px solid var(--context-border);
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    color: #242322;
    color: var(--context-text);
    font-size: 13px;
    line-height: 18px;
    max-width: 500px;
    min-width: 120px;
    padding: 20px 16px 16px;
    position: relative
}

.context__block .ej-scrollable {
    max-height: 200px
}

.context__block:after,
.context__block:before {
    content: " ";
    display: table;
    width: 60%
}

.context__close {
    background-color: transparent;
    border: 0!important;
    border-radius: 8px;
    box-shadow: none;
    color: #5b5a58;
    color: var(--context-close);
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    margin: 0;
    outline: none!important;
    padding: 0;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 8px;
    width: 16px;
    z-index: 1
}

.context__close:hover {
    background-color: #ededed;
    background-color: var(--context-close-bg--hover);
    color: #757473;
    color: var(--context-close--hover)
}

.context__close:active {
    background-color: #dbdbdb;
    background-color: var(--context-close-bg--active);
    box-shadow: 0 0 0 3px rgba(12, 119, 195, .4);
    color: #464543;
    color: var(--context-close--active);
    outline: none
}

.context__close:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    content: "\f00d";
    display: block;
    font-family: font awesome light;
    font-size: inherit;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    height: 16px;
    line-height: inherit;
    vertical-align: baseline;
    vertical-align: initial;
    width: 16px
}

.context__close.hide {
    display: none!important
}

.context__close.show {
    display: block!important
}

.context__close>* {
    display: none!important
}

.context__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 4px;
    vertical-align: top
}

.context .hr {
    margin: 4px 0
}

.context__triangle {
    background-image: none!important;
    height: 0!important;
    left: 16px;
    position: absolute;
    width: 0!important;
    z-index: 1
}

.context__triangle:before {
    border-style: solid;
    content: "";
    display: block;
    left: -10px;
    position: absolute
}

.context__triangle--before {
    border-color: transparent transparent #dddcdb;
    border-color: transparent transparent var(--context-border) transparent;
    border-style: solid;
    border-width: 0 10px 10px;
    margin-top: 3px;
    top: 0!important
}

.context__triangle--before:before {
    border-color: transparent transparent #fff;
    border-color: transparent transparent var(--context-background) transparent;
    border-width: 0 10px 10px;
    top: 1px
}

.context__triangle--after {
    border-color: #dddcdb transparent transparent;
    border-color: var(--context-border) transparent transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    display: none
}

.context__triangle--after:before {
    border-color: #fff transparent transparent;
    border-color: var(--context-background) transparent transparent transparent;
    border-width: 10px 10px 0;
    top: -11px
}

.context--visible {
    opacity: 1
}

.context--visible,
.context--visible.context--fixed {
    -webkit-transform: scale(1) translate(0);
    transform: scale(1) translate(0)
}

.context--visible.context--fixed {
    position: fixed
}

.context--overlay {
    z-index: 80
}

.context--fixed {
    position: fixed;
    z-index: 200
}

.context--dropdown {
    padding: 0
}

.context--dropdown .context__triangle {
    display: none!important
}

.context--dropdown .context__close {
    display: none
}

.context--centered .context__triangle {
    left: 50%;
    margin-left: -10px
}

.context--right .context__triangle {
    left: auto;
    right: 16px
}

.context--top .context__triangle--before {
    display: none
}

.context--top .context__triangle--after {
    display: block
}

.context--nopadding .context__block {
    min-width: 36px;
    padding: 2px
}

.with_context {
    cursor: pointer!important
}

a.with_context {
    border-bottom: 1px dotted #0c77c3;
    color: #0c77c3;
    text-decoration: none
}

.context--mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -webkit-transition-delay: 10ms;
    align-content: stretch;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 16px;
    position: fixed;
    transition-delay: 10ms;
    z-index: 200
}

@supports (padding:env(safe-area-inset-bottom)) {
    .context--mobile {
        padding: calc(env(safe-area-inset-top) + 16px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 16px) calc(env(safe-area-inset-left) + 16px)
    }
}

.context--mobile.context--visible {
    bottom: 0!important;
    display: -webkit-box!important;
    display: flex!important;
    left: 0!important;
    right: 0!important;
    top: 0!important
}

.context--mobile .context__triangle {
    display: none
}

.context--mobile .context__block {
    border: 0;
    max-height: 82vh;
    overflow-y: auto;
    scrollbar-color: #bcbbb9 transparent;
    scrollbar-width: thin
}

.context--mobile .context__block:hover {
    scrollbar-color: #abaaa8 transparent
}

.context--mobile .context__block::-webkit-scrollbar {
    height: 10px;
    width: 10px
}

.context--mobile .context__block::-webkit-scrollbar-track {
    background: transparent
}

.context--mobile .context__block::-webkit-scrollbar-thumb {
    background: #bcbbb9;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 5px
}

.context--mobile .context__block::-webkit-scrollbar-thumb:hover {
    background: #abaaa8;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 5px
}

.context--mobile .context__block::-webkit-scrollbar-button {
    display: none
}

.context--mobile .context__block::-webkit-scrollbar-corner {
    background-color: transparent
}

.context__item,
.context__items {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.context__items {
    max-height: 500px;
    scrollbar-color: #bcbbb9 transparent;
    scrollbar-width: thin
}

.context__items:hover {
    scrollbar-color: #abaaa8 transparent
}

.context__items::-webkit-scrollbar {
    height: 10px;
    width: 10px
}

.context__items::-webkit-scrollbar-track {
    background: transparent
}

.context__items::-webkit-scrollbar-thumb {
    background: #bcbbb9;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 5px
}

.context__items::-webkit-scrollbar-thumb:hover {
    background: #abaaa8;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 5px
}

.context__items::-webkit-scrollbar-button {
    display: none
}

.context__items::-webkit-scrollbar-corner {
    background-color: transparent
}

.context__item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-transition: none;
    background: transparent;
    background: var(--context-item-back);
    border: 0;
    color: #1076bf;
    color: var(--context-item-text);
    cursor: pointer;
    font-size: 14px;
    line-height: 24px;
    padding: 0 4px;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: none;
    transition: none;
    user-select: none;
    white-space: nowrap
}

.context__item:before {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    content: " ";
    display: inline-block;
    font-family: font awesome regular;
    font-size: .9em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: inherit;
    text-align: center;
    vertical-align: baseline;
    vertical-align: initial;
    width: 20px
}

.context__item:hover {
    background: rgba(12, 119, 195, .1)!important;
    background: var(--context-item-back--hover)!important;
    color: #0c77c3!important;
    color: var(--context-item-text--hover)!important
}

.context__item.active {
    font-weight: 450
}

.context__item.active,
.context__item.active:hover {
    background: rgba(12, 119, 195, .92)!important;
    background: var(--context-item-back--active)!important;
    color: #fff!important;
    color: var(--context-item-text--active)!important
}

.context__item.active:before,
.context__item.active:hover:before {
    content: "\f00c"
}

.context__item.disabled,
.context__item.disabled:hover {
    background-color: #f5f5f5!important;
    color: #757473!important
}

.context__item.disabled,
.context__item.disabled:hover {
    cursor: default
}

.context__items--small .context__item {
    font-size: 12px;
    padding: 0 2px;
    text-align: center
}

.context__items--scroll {
    -ms-scroll-chaining: none;
    max-height: 168px;
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: #bcbbb9 transparent;
    scrollbar-width: thin
}

.context__items--scroll:hover {
    scrollbar-color: #abaaa8 transparent
}

.context__items--scroll::-webkit-scrollbar {
    height: 10px;
    width: 10px
}

.context__items--scroll::-webkit-scrollbar-track {
    background: transparent
}

.context__items--scroll::-webkit-scrollbar-thumb {
    background: #bcbbb9;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 5px
}

.context__items--scroll::-webkit-scrollbar-thumb:hover {
    background: #abaaa8;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 5px
}

.context__items--scroll::-webkit-scrollbar-button {
    display: none
}

.context__items--scroll::-webkit-scrollbar-corner {
    background-color: transparent
}

.context__items--scroll:not(:hover) {
    scrollbar-width: none
}

.context__items--scroll:not(:hover)::-webkit-scrollbar {
    display: none
}

.context__items--scroll .context__item {
    padding-right: 12px
}

.context__items--nocheck .context__item:before {
    display: none
}

.context--black {
    --context-close: #dddcdb;
    --context-close--hover: #f2f1f0;
    --context-close-bg--hover: #474644;
    --context-close--active: #abaaa8;
    --context-close-bg--active: #595855;
    --context-text: #dddcdb;
    --context-item-back: transparent;
    --context-item-text: #fdfefe;
    --context-item-back--hover: rgba(12, 119, 195, .2);
    --context-item-text--hover: #fdfefe;
    --context-item-back--active: rgba(12, 119, 195, .9);
    --context-item-text--active: #fff;
    --context-background: #353432;
    --context-border: #242322
}

.context--gray {
    --context-close: #5b5a58;
    --context-close--hover: #757473;
    --context-close-bg--hover: #e2e0dc;
    --context-close--active: #464543;
    --context-close-bg--active: #d1cec9;
    --context-text: #242322;
    --context-item-back: transparent;
    --context-item-text: #1076bf;
    --context-item-back--hover: rgba(12, 119, 195, .1);
    --context-item-text--hover: #0c77c3;
    --context-item-back--active: rgba(12, 119, 195, .92);
    --context-item-text--active: #fff;
    --context-background: #f2f1f0;
    --context-border: #dddcdb
}

.context--yellow {
    --context-close: #5b5a58;
    --context-close--hover: #757473;
    --context-close-bg--hover: #fbefb8;
    --context-close--active: #464543;
    --context-close-bg--active: #f9e796;
    --context-text: #242322;
    --context-item-back: transparent;
    --context-item-text: #1076bf;
    --context-item-back--hover: rgba(12, 119, 195, .1);
    --context-item-text--hover: #0c77c3;
    --context-item-back--active: rgba(12, 119, 195, .92);
    --context-item-text--active: #fff;
    --context-background: #fdf7da;
    --context-border: #ffe572
}

.context--red {
    --context-close: #5b5a58;
    --context-close--hover: #757473;
    --context-close-bg--hover: #f0ccca;
    --context-close--active: #464543;
    --context-close-bg--active: #e9b2ae;
    --context-text: #242322;
    --context-item-back: transparent;
    --context-item-text: #1076bf;
    --context-item-back--hover: rgba(12, 119, 195, .1);
    --context-item-text--hover: #0c77c3;
    --context-item-back--active: rgba(12, 119, 195, .92);
    --context-item-text--active: #fff;
    --context-background: #f8e7e6;
    --context-border: #e37971
}

.context--blue {
    --context-close: #5b5a58;
    --context-close--hover: #757473;
    --context-close-bg--hover: #b5d2df;
    --context-close--active: #464543;
    --context-close-bg--active: #9cc2d5;
    --context-text: #242322;
    --context-item-back: transparent;
    --context-item-text: #1076bf;
    --context-item-back--hover: rgba(12, 119, 195, .1);
    --context-item-text--hover: #0c77c3;
    --context-item-back--active: rgba(12, 119, 195, .92);
    --context-item-text--active: #fff;
    --context-background: #cee1ea;
    --context-border: #98b2d0
}

.context--green {
    --context-close: #5b5a58;
    --context-close--hover: #757473;
    --context-close-bg--hover: #6cb674;
    --context-close--active: #464543;
    --context-close-bg--active: #54aa5d;
    --context-text: #242322;
    --context-item-back: transparent;
    --context-item-text: #1076bf;
    --context-item-back--hover: rgba(12, 119, 195, .1);
    --context-item-text--hover: #0c77c3;
    --context-item-back--active: rgba(12, 119, 195, .92);
    --context-item-text--active: #fff;
    --context-background: #84c28a;
    --context-border: #3fa149
}

.linux .context__items--scroll .context__item,
.windows .context__items--scroll .context__item {
    padding-right: 20px
}

.context__items--mainmenu {
    max-height: 240px;
    min-width: 182px;
    overflow-y: auto;
    scrollbar-color: #bcbbb9 transparent;
    scrollbar-width: thin
}

.context__items--mainmenu:hover {
    scrollbar-color: #abaaa8 transparent
}

.context__items--mainmenu::-webkit-scrollbar {
    height: 10px;
    width: 10px
}

.context__items--mainmenu::-webkit-scrollbar-track {
    background: transparent
}

.context__items--mainmenu::-webkit-scrollbar-thumb {
    background: #bcbbb9;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 5px
}

.context__items--mainmenu::-webkit-scrollbar-thumb:hover {
    background: #abaaa8;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 5px
}

.context__items--mainmenu::-webkit-scrollbar-button {
    display: none
}

.context__items--mainmenu::-webkit-scrollbar-corner {
    background-color: transparent
}

.context__items--mainmenu .context__item {
    color: currentColor;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 32px;
    padding-bottom: 0;
    padding-top: 0
}

.context__items--mainmenu .context__item:before {
    content: "\f02d";
    margin-left: 0
}

.context__items--mainmenu .context__item--home:before {
    content: "\f015"
}

.context__items--mainmenu .context__item--gpd:before {
    content: "\f1e3"
}

.context__items--mainmenu .context__item--ext:before {
    content: "\f0c3"
}

.context__items--mainmenu .context__item--family:before {
    content: "\f0c0"
}

.content-inner-scroll {
    max-height: 360px;
    overflow-y: auto
}

.tooltip {
    -webkit-transition: opacity .1s cubic-bezier(.215, .61, .355, 1);
    left: -9999px;
    max-width: 300px;
    opacity: .5;
    position: absolute;
    top: -9999px;
    transition: opacity .1s cubic-bezier(.215, .61, .355, 1);
    width: auto;
    z-index: 200!important
}

.tooltip__text {
    background: #fef5e3;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    color: #333;
    display: block;
    font-size: 12px;
    line-height: 1.124em;
    overflow: hidden;
    padding: 12px 16px;
    white-space: pre-line
}

.tooltip:after,
.tooltip:before {
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: -10px;
    content: "";
    display: block;
    height: 0;
    left: calc(50% - 10px);
    position: absolute;
    width: 0;
    z-index: 2
}

.tooltip:after {
    -webkit-filter: blur(2px);
    border-color: rgba(0, 0, 0, .1) transparent transparent;
    bottom: -12px;
    filter: blur(2px);
    z-index: 1
}

.tooltip--visible {
    opacity: 1
}

.tooltip:before {
    border-color: #fef5e3 transparent transparent
}

.tooltip .hr {
    border-bottom: 0;
    border-top-color: #d5cec0
}

.tooltip--blue .tooltip__text {
    background: #0c77c3;
    color: #fff
}

.tooltip--blue:before {
    border-color: #0c77c3 transparent transparent
}

.tooltip--blue .hr {
    border-bottom: 0;
    border-top-color: #1469a6
}

.tooltip--red .tooltip__text {
    background: #e37971;
    color: #fff
}

.tooltip--red:before {
    border-color: #e37971 transparent transparent
}

.tooltip--red .hr {
    border-bottom: 0;
    border-top-color: #c06b65
}

.tooltip--white .tooltip__text {
    background: #fff;
    color: #000
}

.tooltip--white:before {
    border-color: #fff transparent transparent
}

.tooltip--white .hr {
    border-bottom: 0;
    border-top-color: #d6d6d6
}

.avatar {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-color: #fefefe;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ddd'%3E%3Cpath d='M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z'/%3E%3C/svg%3E");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 80%;
    border: 1px solid #eee;
    border-radius: 24px;
    border-radius: calc(var(--avatar-size)/2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4), 0 0 2px rgba(0, 0, 0, .1);
    overflow: hidden;
    position: relative;
    user-select: none
}

.avatar,
.avatar>img {
    display: block;
    height: 48px;
    height: var(--avatar-size);
    margin: 0;
    padding: 0;
    width: 48px;
    width: var(--avatar-size)
}

.avatar>img {
    border: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    outline: none;
    position: absolute;
    right: 0;
    top: 0
}

.avatar--image {
    background-position: 50%;
    background-size: cover
}

.avatar--inline {
    display: inline-block
}

.avatar--small {
    --avatar-size: 32px
}

.avatar--big {
    --avatar-size: 96px
}

.hide {
    display: none
}

.invisible {
    width: 0
}

.hidden,
.invisible {
    visibility: hidden
}

.hide--desktop {
    display: none!important
}

html:not(.firefox) .show--firefox {
    display: none!important
}

html.firefox .hide--firefox {
    display: none!important
}

html:not(.mac) .show--mac {
    display: none!important
}

html.mac .hide--mac {
    display: none!important
}

html:not(.windows) .show--windows {
    display: none!important
}

html.windows .hide--windows {
    display: none!important
}

html:not(.ios) .show--ios {
    display: none!important
}

html.ios .hide--ios {
    display: none!important
}

@-webkit-keyframes glow {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes glow {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes glow-border-blue {
    0% {
        border-color: #0c77c3
    }
    50% {
        border-color: #0f9afd
    }
    to {
        border-color: #0c77c3
    }
}

@keyframes glow-border-blue {
    0% {
        border-color: #0c77c3
    }
    50% {
        border-color: #0f9afd
    }
    to {
        border-color: #0c77c3
    }
}

@-webkit-keyframes glow-border {
    0% {
        border-color: #ef9b00
    }
    50% {
        border-color: #fff
    }
    to {
        border-color: #ef9b00
    }
}

@keyframes glow-border {
    0% {
        border-color: #ef9b00
    }
    50% {
        border-color: #fff
    }
    to {
        border-color: #ef9b00
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }
    50% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }
    50% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes pulse-opacity {
    0% {
        opacity: .33
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .33
    }
}

@keyframes pulse-opacity {
    0% {
        opacity: .33
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .33
    }
}

.fade-enter-active,
.fade-leave-active {
    -webkit-transition: opacity .12s ease-in-out;
    transition: opacity .12s ease-in-out;
    will-change: opacity
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.fade-enter-to,
.fade-leave {
    opacity: 1
}

.slide-enter-active,
.slide-leave-active {
    -webkit-transition: all .17s;
    transition: all .17s
}

.slide-enter,
.slide-leave-to {
    -webkit-transform: scale(.92) translateY(-75%);
    opacity: 0;
    transform: scale(.92) translateY(-75%)
}

.body--branding #main-inner {
    position: relative
}

.body--branding .navigation-header,
.body--branding .navigation-tabs {
    background-color: transparent;
    background-color: var(--branding-page)
}

.body--branding .layout {
    background-color: #f7f6f5;
    background-color: var(--branding-body)
}

.body--branding .layout-base {
    background-position: top;
    background-repeat: repeat-x;
    margin: 0 auto;
    max-width: 1348px
}

.body--branding .layout-content--header {
    border-radius: 8px 8px 0 0;
    position: relative
}

.body--branding .layout-content--header,
.body--branding .navigation-tabs--header .navigation-tabs__inner {
    background-color: #fbfbfa;
    background-color: var(--branding-nav)
}

@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {
    .body--branding .layout-content--header,
    .body--branding .navigation-tabs--header .navigation-tabs__inner {
        -webkit-backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(var(--branding-blur));
        backdrop-filter: blur(12px);
        backdrop-filter: blur(var(--branding-blur));
        background-color: hsla(60, 11%, 98%, .9);
        background-color: var(--branding-nav-blur)
    }
}

.body--branding .layout-main {
    background-color: transparent;
    background-color: var(--branding-page);
    border: 0;
    margin: 0 auto;
    max-width: 1348px
}

.body--branding .layout-content--main {
    background-color: #fff;
    border: 1px solid #dddcdb
}

.ej-icon {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    align-items: center;
    background-color: var(--ej-icon-background-color);
    border-radius: 8px;
    color: var(--ej-icon-color);
    display: -webkit-inline-box;
    display: inline-flex;
    font-size: var(--ej-icon-font-size);
    height: var(--ej-icon-size);
    justify-content: center;
    line-height: 1;
    max-height: var(--ej-icon-size);
    max-width: var(--ej-icon-size);
    min-height: var(--ej-icon-size);
    min-width: var(--ej-icon-size);
    user-select: none;
    width: var(--ej-icon-size)
}

.ej-icon--inverted-color {
    background-color: var(--ej-icon-color);
    color: #fff
}

.ej-icon--size-medium {
    --ej-icon-size: 40px;
    --ej-icon-font-size: 20px
}

.ej-icon--color-gray {
    --ej-icon-color: #757473;
    --ej-icon-background-color: #f2f1f0
}

.ej-icon--color-red {
    --ej-icon-color: #e37971;
    --ej-icon-background-color: #fcf4f3
}

.ej-icon--color-orange {
    --ej-icon-color: #fa8e45;
    --ej-icon-background-color: #fef1e9
}

.ej-icon--color-yellow {
    --ej-icon-color: #ffb732;
    --ej-icon-background-color: #fef5e3
}

.ej-icon--color-blue {
    --ej-icon-color: #209af1;
    --ej-icon-background-color: #d9edfb
}

.ej-icon--color-green {
    --ej-icon-color: #61c16b;
    --ej-icon-background-color: #e7f4e9
}

.ej-icon--color-mint {
    --ej-icon-color: #1adaa1;
    --ej-icon-background-color: #d1f7ec
}

.ej-icon--color-indigo {
    --ej-icon-color: #738ae5;
    --ej-icon-background-color: #f4f6fc
}

.ej-icon--color-violet {
    --ej-icon-color: #977be8;
    --ej-icon-background-color: #f9f8fd
}

.ej-icon--color-purple {
    --ej-icon-color: #c472d7;
    --ej-icon-background-color: #f8f1fa
}

.ej-info-block {
    -webkit-box-align: center;
    align-items: center;
    background-color: var(--ej-info-block-background-color);
    border-color: var(--ej-info-block-border-color);
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    color: var(--ej-info-block-text-color);
    display: -webkit-inline-box;
    display: inline-flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 12px;
    line-height: 20px;
    padding: 8px 16px;
    width: 100%
}

.ej-info-block--align-left {
    -webkit-box-pack: start;
    justify-content: flex-start
}

.ej-info-block--align-center {
    -webkit-box-pack: center;
    justify-content: center
}

.ej-info-block__icon {
    font-size: 16px;
    line-height: 1
}

.ej-info-block--color-gray {
    --ej-info-block-border-color: #dddcdb;
    --ej-info-block-text-color: #757473;
    --ej-info-block-background-color: #f2f1f0
}

.ej-info-block--color-blue {
    --ej-info-block-border-color: #a1d2f5;
    --ej-info-block-text-color: #209af1;
    --ej-info-block-background-color: #d9edfb
}

.ej-info-block--color-green {
    --ej-info-block-border-color: #c4e3c7;
    --ej-info-block-text-color: #61c16b;
    --ej-info-block-background-color: #e7f4e9
}

.ej-info-block--color-yellow {
    --ej-info-block-border-color: #fce5ba;
    --ej-info-block-text-color: #ffb732;
    --ej-info-block-background-color: #fef5e3
}

.ej-info-block--color-red {
    --ej-info-block-border-color: #f7e3e1;
    --ej-info-block-text-color: #e37971;
    --ej-info-block-background-color: #fcf4f3
}

.ej-info-state {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -webkit-box-align: center;
    align-items: center;
    color: #757473;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: flex-start;
    padding: 48px 0;
    text-align: center
}

.ej-info-state>:where(i[class^=fa]) {
    color: #242322;
    font-size: 50px;
    line-height: 50px
}

.ej-info-state__image {
    height: auto;
    max-width: 240px;
    width: 100%
}

.ej-info-state__title {
    color: #242322;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-align: center
}

.ej-info-state__actions {
    display: -webkit-box;
    display: flex;
    gap: 16px;
    padding-top: 8px
}

.ej-info-state--image-size-small:where(.ej-info-state__image) {
    max-width: 120px
}

.ej-info-state--image-size-medium:where(.ej-info-state__image) {
    max-width: 240px
}

.ej-info-state--image-size-large:where(.ej-info-state__image) {
    max-width: 320px
}

@media (max-width:896px) {
    :root {
        --nav-top-height: 48px
    }
    .page-title .subtitle {
        display: block;
        font-size: 14px;
        line-height: 20px
    }
    .page-print {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
    .page-print>:first-child {
        margin-left: 16px
    }
    .page-print .page-print__title {
        margin-top: 16px
    }
    .layout {
        min-height: 0;
        min-width: 0
    }
    .body--fluid .layout-content {
        min-width: 0;
        padding-left: 16px;
        padding-right: 16px
    }
    @supports (padding:env(safe-area-inset-left)) {
        .body--fluid .layout-content {
            padding-left: calc(env(safe-area-inset-left) + 16px);
            padding-right: calc(env(safe-area-inset-right) + 16px)
        }
    }
    .body--fluid .layout-content--header {
        display: none
    }
    .layout-inner__content+.layout-inner__content {
        padding-top: 16px
    }
    .body--fluid .layout-inner__aside {
        display: none
    }
    .body--fluid .layout-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: flex;
        flex-direction: column
    }
    .body--fluid .layout-fixed {
        width: 100%
    }
    .navigation-header {
        padding-top: 0
    }
    .body--fluid .menu0,
    .body--fluid .menu2,
    .body--fluid .navigation-header .header,
    .body--fluid .navigation-main,
    .body--fluid .navigation-top,
    .body--fluid .navigation-top-fake {
        display: none
    }
    .body--fluid .navigation-tabs--double {
        height: 88px
    }
    .navigation-tabs__item.mobile_only:not(.hide),
    .navigation-tabs__more.mobile_only:not(.hide) {
        display: block
    }
    .navigation-tabs__item.mobile_hide,
    .navigation-tabs__more.mobile_hide {
        display: none
    }
    .body--fluid .navigation-tabs__inner {
        flex-wrap: wrap;
        min-width: 0;
        padding: 0
    }
    .body--fluid .navigation-tabs__items {
        flex-basis: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        padding-left: 16px;
        padding-right: 16px
    }
    @supports (padding:env(safe-area-inset-left)) {
        .body--fluid .navigation-tabs__items {
            padding-left: calc(env(safe-area-inset-left) + 16px);
            padding-right: calc(env(safe-area-inset-right) + 16px)
        }
    }
    .body--fluid .navigation-tabs__period,
    .body--fluid .navigation-tabs__students {
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -webkit-box-flex: 2;
        align-items: center;
        background-color: #fff;
        border-top: 1px solid #dddcdb;
        display: -webkit-box;
        display: flex;
        flex-basis: 50%;
        flex-grow: 2;
        flex-shrink: 0;
        height: 49px;
        justify-content: center;
        margin-top: -1px;
        overflow: hidden;
        padding: 8px 16px;
        text-align: center;
        white-space: nowrap;
        width: 50%
    }
    .body--fluid .navigation-tabs-label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .body--fluid .m-navigation {
        display: block
    }
    .body--fluid .m-scroll {
        background-color: #fff;
        max-width: calc(100vw - 32px);
        overflow: auto;
        scrollbar-color: #bcbbb9 transparent;
        scrollbar-width: thin
    }
    .body--fluid .m-scroll:hover {
        scrollbar-color: #abaaa8 transparent
    }
    .body--fluid .m-scroll::-webkit-scrollbar {
        height: 10px;
        width: 10px
    }
    .body--fluid .m-scroll::-webkit-scrollbar-track {
        background: transparent
    }
    .body--fluid .m-scroll::-webkit-scrollbar-thumb {
        background: #bcbbb9;
        background-clip: padding-box;
        border: 2px solid transparent;
        border-radius: 5px
    }
    .body--fluid .m-scroll::-webkit-scrollbar-thumb:hover {
        background: #abaaa8;
        background-clip: padding-box;
        border: 2px solid transparent;
        border-radius: 5px
    }
    .body--fluid .m-scroll::-webkit-scrollbar-button {
        display: none
    }
    .body--fluid .m-scroll::-webkit-scrollbar-corner {
        background-color: transparent
    }
    .footer {
        height: auto;
        margin: 0;
        min-width: 100%;
        padding: 0 0 24px
    }
    .footer .layout-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
    .footer-menu__item {
        display: -webkit-box;
        display: flex
    }
    .footer-apps {
        -webkit-box-pack: start;
        justify-content: flex-start;
        margin-top: 16px
    }
    .footer-apps,
    .footer-copyright,
    .footer-menu {
        height: auto;
        margin: 16px 0;
        min-height: 0;
        width: 100%
    }
    .ej-table-outer {
        overflow: auto;
        width: 100%
    }
    .ej-table-outer--scrollable {
        max-height: calc(100vh - 126px)
    }
    .buttons-group {
        max-width: 100%
    }
    .buttons-group .button {
        overflow: hidden;
        text-overflow: ellipsis
    }
    .body--fluid .ej-form {
        --form-text-align: left;
        --form-label-text-align: left;
        --form-fix-left: 0;
        --form-max-width: none
    }
    .body--fluid .ej-form-label {
        flex-basis: auto
    }
    .body--fluid .ej-form-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
    .body--fluid .ej-form-control {
        max-width: none
    }
    .body--fluid .ej-form--flow .ej-form-group {
        width: 100%
    }
    @supports (display:grid) {
        .body--fluid .ej-form--flow .ej-form-group {
            grid-column: span 12;
            width: auto
        }
    }
    .server-alert--mobile-markup {
        display: block
    }
    .server-alert__inner {
        padding-left: 32px
    }
    .server-alert-ksk__inner {
        line-height: 24px;
        max-width: 100%;
        min-width: 100%;
        padding: 4px 16px;
        width: 100%
    }
    .ej-accordion__header {
        -webkit-box-align: center;
        align-items: center
    }
    .body--fluid .columns {
        max-width: calc(100vw - 32px)
    }
    .body--fluid .columns--mobile {
        flex-wrap: wrap
    }
    .body--fluid .columns--mobile>* {
        width: 100%!important
    }
    .body--fluid .columns--mobile.columns--gutter {
        --columns-gutter: 0
    }
    .body--fluid .columns--mobile.columns--gutter>* {
        padding: 16px 0 0;
        padding: var(--columns-gutter) 0 0 0
    }
    .body--fluid .columns--mobile.columns--gutter>:first-child {
        padding-top: 0
    }
    .body--fluid .filter-panel {
        min-width: 0
    }
    .body--fluid .grid {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 0;
        padding-right: 0
    }
    .body--fluid .grid-header-controls {
        padding: 16px
    }
    .body--fluid .grid-scroll[data-grid-control=scroll-body] {
        -webkit-scroll-snap-type: x mandatory;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        scrollbar-color: transparent transparent;
        scrollbar-width: none
    }
    .body--fluid .grid-scroll[data-grid-control=scroll-body] .cells {
        scroll-snap-align: start
    }
    .body--fluid .grid-scroll[data-grid-control=scroll-body]:hover {
        scrollbar-color: transparent transparent
    }
    .body--fluid .grid-scroll[data-grid-control=scroll-body]::-webkit-scrollbar {
        height: 2px;
        width: 2px
    }
    .body--fluid .grid-scroll[data-grid-control=scroll-body]::-webkit-scrollbar-track {
        background: transparent
    }
    .body--fluid .grid-scroll[data-grid-control=scroll-body]::-webkit-scrollbar-thumb {
        background: transparent;
        background-clip: padding-box;
        border: 2px solid transparent;
        border-radius: 1px
    }
    .body--fluid .grid-scroll[data-grid-control=scroll-body]::-webkit-scrollbar-thumb:hover {
        background: transparent;
        background-clip: padding-box;
        border: 2px solid transparent;
        border-radius: 1px
    }
    .body--fluid .grid-scroll[data-grid-control=scroll-body]::-webkit-scrollbar-button {
        display: none
    }
    .body--fluid .grid-scroll[data-grid-control=scroll-body]::-webkit-scrollbar-corner {
        background-color: transparent
    }
    .context {
        -webkit-transform: none!important;
        transform: none!important
    }
    .body--fluid .context {
        max-width: 100vw
    }
    .context__close {
        border-radius: 14px;
        height: 28px;
        line-height: 28px;
        width: 28px
    }
    .context__close:before {
        height: 28px;
        width: 28px
    }
    .context--dropdown .context__block {
        padding: 8px
    }
    .hide--desktop {
        display: block!important
    }
    .hide--mobile {
        display: none!important
    }
    .body--branding .navigation-header,
    .body--branding .navigation-tabs {
        background-color: #fbfbfa;
        background-color: var(--branding-nav)
    }
    .body--branding .layout-content--header,
    .body--branding .navigation-tabs--header .navigation-tabs__inner {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: transparent;
        background-color: var(--branding-page)
    }
}

@media (min-width:897px) and (max-width:1099px) {
    :root {
        font-size: 13px;
        line-height: 19px
    }
}

@media (max-width:399px) {
    .page-title .mobile {
        display: none
    }
    .page-title .subtitle {
        max-width: 190px;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .body--fluid .m-panel__icon,
    .body--fluid .m-panel__icon:before {
        font-size: 19px;
        width: 38px
    }
    .body--fluid .m-panel__toast {
        width: 48px
    }
    .body--fluid .m-panel__counter {
        font-size: 11px;
        height: 22px;
        left: 20px;
        line-height: 22px;
        top: 4px;
        width: 22px
    }
    .footer-apps,
    .footer-copyright,
    .footer-menu {
        font-size: 12px
    }
}

@media (min-width:897px) {
    .layout-content--main {
        padding-bottom: 48px
    }
    .layout-inner__content+.layout-inner__content {
        padding-left: 24px
    }
    .footer {
        padding: 24px 0
    }
    .footer .layout-content {
        -webkit-box-pack: justify;
        -webkit-box-align: center;
        align-items: center;
        justify-content: space-between
    }
    .footer-copyright {
        max-width: 33%
    }
    .footer-menu__item:last-child {
        margin-right: 0
    }
    .footer-apps {
        -webkit-box-pack: end;
        justify-content: flex-end
    }
    .footer-container--no-apps {
        text-align: center
    }
    .footer-apps:not(:first-child),
    .footer-copyright:not(:first-child),
    .footer-menu:not(:first-child) {
        margin-left: 24px
    }
    .context--dropdown .context__block {
        border-radius: 0 0 4px 4px;
        border-top: 0;
        min-width: 36px;
        padding: 4px
    }
    .hide--desktop {
        display: none!important
    }
}

@media (min-width:897px) and (max-width:1016px) {
    .footer-apps {
        -webkit-box-flex: 1;
        -webkit-box-pack: center;
        flex: 1 1 100%;
        height: 40px;
        justify-content: center;
        margin-left: 0;
        margin-top: 16px
    }
}

@media print {
    .button,
    .checkbox-slider,
    .context,
    .ej-modal,
    .ej-modal-backdrop,
    .field,
    .navigation-header,
    .navigation-top,
    .not4print,
    .page-print,
    .tooltip,
    button,
    select {
        display: none!important
    }
    .only4print {
        display: inline
    }
    table.only4print {
        display: table
    }
    thead.only4print {
        display: table-header-group
    }
    tbody.only4print {
        display: table-row-group
    }
    tfoot.only4print {
        display: table-footer-group
    }
    tr.only4print {
        display: table-row
    }
    td.only4print {
        display: table-cell
    }
    colgroup.only4print {
        display: table-column-group
    }
    col.only4print {
        display: table-column
    }
    caption.only4print {
        display: table-caption
    }
    .b-href,
    td.b-href-outer a {
        border-bottom: none
    }
    .back {
        display: none
    }
    .cells.cells_num.cells_header .cell {
        border-bottom: 1px solid #000
    }
}
.hcwEDlheafmXbRGLifEt {
    -webkit-text-size-adjust: 100%;
    --color-red: #d8443a;
    --color-orange: #f76706;
    --color-yellow: #ef9b00;
    --color-green: #3fa149;
    --color-mint: #139f75;
    --color-blue: #0c77c3;
    --color-indigo: #3b5bdb;
    --color-violet: #6a43de;
    --color-purple: #ae3ec9;
    --color-gray: #5b5a58;
    --control-sm-font-size: 12px;
    --control-sm-size: 24px;
    --control-md-font-size: 15px;
    --control-md-size: 32px;
    --control-lg-font-size: 18px;
    --control-lg-size: 40px;
    font-feature-settings: "cpsp" 1,"cv10" 1,"kern" 1,"ss01" 1,"ss02" 1,"tnum" 1,"zero" 1;
    -webkit-font-smoothing: antialiased;
    --flag-text-color: #fff;
    --form-text-align: left;
    --form-label-text-align: right;
    --form-control-text-align: left;
    --form-max-width: 960px;
    --form-label-width: 180px;
    --form-fix-left: 180px;
    --form-gutter: 16px;
    --form-gutter-major: 20px;
    --form-gutter-minor: 12px;
    --form-padding: 24px;
    --form-padding-x: 0;
    --form-padding-y: 0;
    --tabs-font-size: 15px;
    --tabs-height: 32px;
    --tabs-padding: 12px;
    --tabs-gutter: 4px;
    --tabs-remove: 24px;
    --columns-gutter: 16px;
    --context-close: #5b5a58;
    --context-close--hover: #757473;
    --context-close-bg--hover: #ededed;
    --context-close--active: #464543;
    --context-close-bg--active: #dbdbdb;
    --context-text: #242322;
    --context-item-back: transparent;
    --context-item-text: #1076bf;
    --context-item-back--hover: rgba(12,119,195,.1);
    --context-item-text--hover: #0c77c3;
    --context-item-back--active: rgba(12,119,195,.92);
    --context-item-text--active: #fff;
    --context-background: #fff;
    --context-border: #dddcdb;
    --avatar-size: 48px;
    --branding-body: #f7f6f5;
    --branding-page: transparent;
    --branding-nav: #fbfbfa;
    --branding-nav-blur: hsla(60,11%,98%,.9);
    --branding-blur: 12px;
    --ej-space-1: 4px;
    --ej-space-2: 8px;
    --ej-space-3: 12px;
    --ej-space-4: 16px;
    --ej-space-5: 24px;
    --ej-space-6: 32px;
    --ej-space-7: 48px;
    color: #242322;
    font-family: Intervar,-apple-system,\.SFNSText-Regular,San Francisco,BlinkMacSystemFont,Segoe UI,PT Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-rendering: optimizeLegibility;
    --form-block-margin: 0;
    --form-group-margin: 0;
    --form-group-padding: 0;
    --form-hr-margin: calc(var(--form-gutter-major) - var(--form-gutter)) 0;
    --nav-top-height: 48px;
    font-weight: 400;
    --flag-bg-color: #192c42;
    box-sizing: border-box;
    background-color: #efefef;
    border-radius: 4px;
    box-shadow: 0 0 18px 8px rgba(0,0,0,.03),0 14px 18px -14px rgba(0,0,0,.4),0 1px 4px 4px rgba(0,0,0,.1);
    left: 50%;
    margin-left: -175px;
    margin-top: -175px;
    position: fixed;
    top: 50%;
    width: 350px;
    z-index: 250;
}

.UktjS_u7vVs48yL5ww5W {
    -webkit-text-size-adjust: 100%;
    --color-red: #d8443a;
    --color-orange: #f76706;
    --color-yellow: #ef9b00;
    --color-green: #3fa149;
    --color-mint: #139f75;
    --color-blue: #0c77c3;
    --color-indigo: #3b5bdb;
    --color-violet: #6a43de;
    --color-purple: #ae3ec9;
    --color-gray: #5b5a58;
    --control-sm-font-size: 12px;
    --control-sm-size: 24px;
    --control-md-font-size: 15px;
    --control-md-size: 32px;
    --control-lg-font-size: 18px;
    --control-lg-size: 40px;
    font-feature-settings: "cpsp" 1,"cv10" 1,"kern" 1,"ss01" 1,"ss02" 1,"tnum" 1,"zero" 1;
    -webkit-font-smoothing: antialiased;
    --flag-text-color: #fff;
    --form-text-align: left;
    --form-label-text-align: right;
    --form-control-text-align: left;
    --form-max-width: 960px;
    --form-label-width: 180px;
    --form-fix-left: 180px;
    --form-gutter: 16px;
    --form-gutter-major: 20px;
    --form-gutter-minor: 12px;
    --form-padding: 24px;
    --form-padding-x: 0;
    --form-padding-y: 0;
    --tabs-font-size: 15px;
    --tabs-height: 32px;
    --tabs-padding: 12px;
    --tabs-gutter: 4px;
    --tabs-remove: 24px;
    --columns-gutter: 16px;
    --context-close: #5b5a58;
    --context-close--hover: #757473;
    --context-close-bg--hover: #ededed;
    --context-close--active: #464543;
    --context-close-bg--active: #dbdbdb;
    --context-text: #242322;
    --context-item-back: transparent;
    --context-item-text: #1076bf;
    --context-item-back--hover: rgba(12,119,195,.1);
    --context-item-text--hover: #0c77c3;
    --context-item-back--active: rgba(12,119,195,.92);
    --context-item-text--active: #fff;
    --context-background: #fff;
    --context-border: #dddcdb;
    --avatar-size: 48px;
    --branding-body: #f7f6f5;
    --branding-page: transparent;
    --branding-nav: #fbfbfa;
    --branding-nav-blur: hsla(60,11%,98%,.9);
    --branding-blur: 12px;
    --ej-space-1: 4px;
    --ej-space-2: 8px;
    --ej-space-3: 12px;
    --ej-space-4: 16px;
    --ej-space-5: 24px;
    --ej-space-6: 32px;
    --ej-space-7: 48px;
    font-family: Intervar,-apple-system,\.SFNSText-Regular,San Francisco,BlinkMacSystemFont,Segoe UI,PT Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    text-rendering: optimizeLegibility;
    --form-block-margin: 0;
    --form-group-margin: 0;
    --form-group-padding: 0;
    --form-hr-margin: calc(var(--form-gutter-major) - var(--form-gutter)) 0;
    --nav-top-height: 48px;
    --flag-bg-color: #192c42;
    box-sizing: border-box;
    background: transparent;
    border-radius: 4px 4px 0 0;
    color: #5b5a58;
    cursor: default;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    line-height: 36px;
    padding: 0 36px;
    position: relative;
    text-align: center;
    user-select: none;
}

.hHelZWvHmYq74jeUiTQw {
    -webkit-text-size-adjust: 100%;
    --color-red: #d8443a;
    --color-orange: #f76706;
    --color-yellow: #ef9b00;
    --color-green: #3fa149;
    --color-mint: #139f75;
    --color-blue: #0c77c3;
    --color-indigo: #3b5bdb;
    --color-violet: #6a43de;
    --color-purple: #ae3ec9;
    --color-gray: #5b5a58;
    --control-sm-font-size: 12px;
    --control-sm-size: 24px;
    --control-md-font-size: 15px;
    --control-md-size: 32px;
    --control-lg-font-size: 18px;
    --control-lg-size: 40px;
    font-feature-settings: "cpsp" 1,"cv10" 1,"kern" 1,"ss01" 1,"ss02" 1,"tnum" 1,"zero" 1;
    -webkit-font-smoothing: antialiased;
    --flag-text-color: #fff;
    --form-text-align: left;
    --form-label-text-align: right;
    --form-control-text-align: left;
    --form-max-width: 960px;
    --form-label-width: 180px;
    --form-fix-left: 180px;
    --form-gutter: 16px;
    --form-gutter-major: 20px;
    --form-gutter-minor: 12px;
    --form-padding: 24px;
    --form-padding-x: 0;
    --form-padding-y: 0;
    --tabs-font-size: 15px;
    --tabs-height: 32px;
    --tabs-padding: 12px;
    --tabs-gutter: 4px;
    --tabs-remove: 24px;
    --columns-gutter: 16px;
    --context-close: #5b5a58;
    --context-close--hover: #757473;
    --context-close-bg--hover: #ededed;
    --context-close--active: #464543;
    --context-close-bg--active: #dbdbdb;
    --context-text: #242322;
    --context-item-back: transparent;
    --context-item-text: #1076bf;
    --context-item-back--hover: rgba(12,119,195,.1);
    --context-item-text--hover: #0c77c3;
    --context-item-back--active: rgba(12,119,195,.92);
    --context-item-text--active: #fff;
    --context-background: #fff;
    --context-border: #dddcdb;
    --avatar-size: 48px;
    --branding-body: #f7f6f5;
    --branding-page: transparent;
    --branding-nav: #fbfbfa;
    --branding-nav-blur: hsla(60,11%,98%,.9);
    --branding-blur: 12px;
    --ej-space-1: 4px;
    --ej-space-2: 8px;
    --ej-space-3: 12px;
    --ej-space-4: 16px;
    --ej-space-5: 24px;
    --ej-space-6: 32px;
    --ej-space-7: 48px;
    color: #242322;
    font-family: Intervar,-apple-system,\.SFNSText-Regular,San Francisco,BlinkMacSystemFont,Segoe UI,PT Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    text-rendering: optimizeLegibility;
    --form-block-margin: 0;
    --form-group-margin: 0;
    --form-group-padding: 0;
    --form-hr-margin: calc(var(--form-gutter-major) - var(--form-gutter)) 0;
    --nav-top-height: 48px;
    font-weight: 400;
    --flag-bg-color: #192c42;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    padding: 16px 16px 24px;
    text-align: center;
}

.d1gVKg5kG_6PJAuzVLLa {
    -webkit-text-size-adjust: 100%;
    --color-red: #d8443a;
    --color-orange: #f76706;
    --color-yellow: #ef9b00;
    --color-green: #3fa149;
    --color-mint: #139f75;
    --color-blue: #0c77c3;
    --color-indigo: #3b5bdb;
    --color-violet: #6a43de;
    --color-purple: #ae3ec9;
    --color-gray: #5b5a58;
    --control-sm-font-size: 12px;
    --control-sm-size: 24px;
    --control-md-font-size: 15px;
    --control-md-size: 32px;
    --control-lg-font-size: 18px;
    --control-lg-size: 40px;
    font-feature-settings: "cpsp" 1,"cv10" 1,"kern" 1,"ss01" 1,"ss02" 1,"tnum" 1,"zero" 1;
    -webkit-font-smoothing: antialiased;
    --flag-text-color: #fff;
    --form-text-align: left;
    --form-label-text-align: right;
    --form-control-text-align: left;
    --form-max-width: 960px;
    --form-label-width: 180px;
    --form-fix-left: 180px;
    --form-gutter: 16px;
    --form-gutter-major: 20px;
    --form-gutter-minor: 12px;
    --form-padding: 24px;
    --form-padding-x: 0;
    --form-padding-y: 0;
    --tabs-font-size: 15px;
    --tabs-height: 32px;
    --tabs-padding: 12px;
    --tabs-gutter: 4px;
    --tabs-remove: 24px;
    --columns-gutter: 16px;
    --context-close: #5b5a58;
    --context-close--hover: #757473;
    --context-close-bg--hover: #ededed;
    --context-close--active: #464543;
    --context-close-bg--active: #dbdbdb;
    --context-text: #242322;
    --context-item-back: transparent;
    --context-item-text: #1076bf;
    --context-item-back--hover: rgba(12,119,195,.1);
    --context-item-text--hover: #0c77c3;
    --context-item-back--active: rgba(12,119,195,.92);
    --context-item-text--active: #fff;
    --context-background: #fff;
    --context-border: #dddcdb;
    --avatar-size: 48px;
    --branding-body: #f7f6f5;
    --branding-page: transparent;
    --branding-nav: #fbfbfa;
    --branding-nav-blur: hsla(60,11%,98%,.9);
    --branding-blur: 12px;
    --ej-space-1: 4px;
    --ej-space-2: 8px;
    --ej-space-3: 12px;
    --ej-space-4: 16px;
    --ej-space-5: 24px;
    --ej-space-6: 32px;
    --ej-space-7: 48px;
    font-family: Intervar,-apple-system,\.SFNSText-Regular,San Francisco,BlinkMacSystemFont,Segoe UI,PT Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    text-rendering: optimizeLegibility;
    --form-block-margin: 0;
    --form-group-margin: 0;
    --form-group-padding: 0;
    --form-hr-margin: calc(var(--form-gutter-major) - var(--form-gutter)) 0;
    --nav-top-height: 48px;
    --flag-bg-color: #192c42;
    color: #5b5a58;
    cursor: default;
    font-weight: 500;
    user-select: none;
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    line-height: inherit;
    text-align: center;
    text-overflow: ellipsis;
    text-shadow: none;
    overflow: hidden;
}

.DPipDl0ph4MCC0KKtTb3 {
    -webkit-text-size-adjust: 100%;
    --color-red: #d8443a;
    --color-orange: #f76706;
    --color-yellow: #ef9b00;
    --color-green: #3fa149;
    --color-mint: #139f75;
    --color-blue: #0c77c3;
    --color-indigo: #3b5bdb;
    --color-violet: #6a43de;
    --color-purple: #ae3ec9;
    --color-gray: #5b5a58;
    --control-sm-font-size: 12px;
    --control-sm-size: 24px;
    --control-md-font-size: 15px;
    --control-md-size: 32px;
    --control-lg-font-size: 18px;
    --control-lg-size: 40px;
    -webkit-font-smoothing: antialiased;
    --flag-text-color: #fff;
    --form-text-align: left;
    --form-label-text-align: right;
    --form-control-text-align: left;
    --form-max-width: 960px;
    --form-label-width: 180px;
    --form-fix-left: 180px;
    --form-gutter: 16px;
    --form-gutter-major: 20px;
    --form-gutter-minor: 12px;
    --form-padding: 24px;
    --form-padding-x: 0;
    --form-padding-y: 0;
    --tabs-font-size: 15px;
    --tabs-height: 32px;
    --tabs-padding: 12px;
    --tabs-gutter: 4px;
    --tabs-remove: 24px;
    --columns-gutter: 16px;
    --context-close: #5b5a58;
    --context-close--hover: #757473;
    --context-close-bg--hover: #ededed;
    --context-close--active: #464543;
    --context-close-bg--active: #dbdbdb;
    --context-text: #242322;
    --context-item-back: transparent;
    --context-item-text: #1076bf;
    --context-item-back--hover: rgba(12,119,195,.1);
    --context-item-text--hover: #0c77c3;
    --context-item-back--active: rgba(12,119,195,.92);
    --context-item-text--active: #fff;
    --context-background: #fff;
    --context-border: #dddcdb;
    --avatar-size: 48px;
    --branding-body: #f7f6f5;
    --branding-page: transparent;
    --branding-nav: #fbfbfa;
    --branding-nav-blur: hsla(60,11%,98%,.9);
    --branding-blur: 12px;
    --ej-space-1: 4px;
    --ej-space-2: 8px;
    --ej-space-3: 12px;
    --ej-space-4: 16px;
    --ej-space-5: 24px;
    --ej-space-6: 32px;
    --ej-space-7: 48px;
    --form-block-margin: 0;
    --form-group-margin: 0;
    --form-group-padding: 0;
    --form-hr-margin: calc(var(--form-gutter-major) - var(--form-gutter)) 0;
    --nav-top-height: 48px;
    --flag-bg-color: #192c42;
    user-select: none;
    box-sizing: border-box;
    line-height: 1.15;
    text-transform: none;
    font-feature-settings: "cpsp" 1,"cv10" 1,"kern" 1,"ss01" 1,"ss02" 1,"tnum" 1,"zero" 1;
    font-family: inherit;
    font-size: 14px;
    -webkit-appearance: button;
    overflow: hidden;
    background-color: transparent;
    border: 0;
    border-radius: 16px;
    cursor: pointer;
    height: 32px;
    margin: 2px;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    width: 32px;
    color: #0c77c3;
}

.DitT0raNg1ShET5BivDz {
    -webkit-text-size-adjust: 100%;
    --color-red: #d8443a;
    --color-orange: #f76706;
    --color-yellow: #ef9b00;
    --color-green: #3fa149;
    --color-mint: #139f75;
    --color-blue: #0c77c3;
    --color-indigo: #3b5bdb;
    --color-violet: #6a43de;
    --color-purple: #ae3ec9;
    --color-gray: #5b5a58;
    --control-sm-font-size: 12px;
    --control-sm-size: 24px;
    --control-md-font-size: 15px;
    --control-md-size: 32px;
    --control-lg-font-size: 18px;
    --control-lg-size: 40px;
    font-feature-settings: "cpsp" 1,"cv10" 1,"kern" 1,"ss01" 1,"ss02" 1,"tnum" 1,"zero" 1;
    -webkit-font-smoothing: antialiased;
    --flag-text-color: #fff;
    --form-text-align: left;
    --form-label-text-align: right;
    --form-control-text-align: left;
    --form-max-width: 960px;
    --form-label-width: 180px;
    --form-fix-left: 180px;
    --form-gutter: 16px;
    --form-gutter-major: 20px;
    --form-gutter-minor: 12px;
    --form-padding: 24px;
    --form-padding-x: 0;
    --form-padding-y: 0;
    --tabs-font-size: 15px;
    --tabs-height: 32px;
    --tabs-padding: 12px;
    --tabs-gutter: 4px;
    --tabs-remove: 24px;
    --columns-gutter: 16px;
    --context-close: #5b5a58;
    --context-close--hover: #757473;
    --context-close-bg--hover: #ededed;
    --context-close--active: #464543;
    --context-close-bg--active: #dbdbdb;
    --context-text: #242322;
    --context-item-back: transparent;
    --context-item-text: #1076bf;
    --context-item-back--hover: rgba(12,119,195,.1);
    --context-item-text--hover: #0c77c3;
    --context-item-back--active: rgba(12,119,195,.92);
    --context-item-text--active: #fff;
    --context-background: #fff;
    --context-border: #dddcdb;
    --avatar-size: 48px;
    --branding-body: #f7f6f5;
    --branding-page: transparent;
    --branding-nav: #fbfbfa;
    --branding-nav-blur: hsla(60,11%,98%,.9);
    --branding-blur: 12px;
    --ej-space-1: 4px;
    --ej-space-2: 8px;
    --ej-space-3: 12px;
    --ej-space-4: 16px;
    --ej-space-5: 24px;
    --ej-space-6: 32px;
    --ej-space-7: 48px;
    color: #242322;
    font-family: Intervar,-apple-system,\.SFNSText-Regular,San Francisco,BlinkMacSystemFont,Segoe UI,PT Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    text-rendering: optimizeLegibility;
    --form-block-margin: 0;
    --form-group-margin: 0;
    --form-group-padding: 0;
    --form-hr-margin: calc(var(--form-gutter-major) - var(--form-gutter)) 0;
    --nav-top-height: 48px;
    font-weight: 400;
    --flag-bg-color: #192c42;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    border-top: 1px solid #dddcdb;
    padding: 8px 12px;
    text-align: right;
}

.nT_10o5e4VoTTYTRJT2K {
    -webkit-text-size-adjust: 100%;
    --color-red: #d8443a;
    --color-orange: #f76706;
    --color-yellow: #ef9b00;
    --color-green: #3fa149;
    --color-mint: #139f75;
    --color-blue: #0c77c3;
    --color-indigo: #3b5bdb;
    --color-violet: #6a43de;
    --color-purple: #ae3ec9;
    --color-gray: #5b5a58;
    --control-sm-font-size: 12px;
    --control-sm-size: 24px;
    --control-md-font-size: 15px;
    --control-md-size: 32px;
    --control-lg-font-size: 18px;
    --control-lg-size: 40px;
    font-feature-settings: "cpsp" 1,"cv10" 1,"kern" 1,"ss01" 1,"ss02" 1,"tnum" 1,"zero" 1;
    -webkit-font-smoothing: antialiased;
    --flag-text-color: #fff;
    --form-text-align: left;
    --form-label-text-align: right;
    --form-control-text-align: left;
    --form-max-width: 960px;
    --form-label-width: 180px;
    --form-fix-left: 180px;
    --form-gutter: 16px;
    --form-gutter-major: 20px;
    --form-gutter-minor: 12px;
    --form-padding: 24px;
    --form-padding-x: 0;
    --form-padding-y: 0;
    --tabs-font-size: 15px;
    --tabs-height: 32px;
    --tabs-padding: 12px;
    --tabs-gutter: 4px;
    --tabs-remove: 24px;
    --columns-gutter: 16px;
    --context-close: #5b5a58;
    --context-close--hover: #757473;
    --context-close-bg--hover: #ededed;
    --context-close--active: #464543;
    --context-close-bg--active: #dbdbdb;
    --context-text: #242322;
    --context-item-back: transparent;
    --context-item-text: #1076bf;
    --context-item-back--hover: rgba(12,119,195,.1);
    --context-item-text--hover: #0c77c3;
    --context-item-back--active: rgba(12,119,195,.92);
    --context-item-text--active: #fff;
    --context-background: #fff;
    --context-border: #dddcdb;
    --avatar-size: 48px;
    --branding-body: #f7f6f5;
    --branding-page: transparent;
    --branding-nav: #fbfbfa;
    --branding-nav-blur: hsla(60,11%,98%,.9);
    --branding-blur: 12px;
    --ej-space-1: 4px;
    --ej-space-2: 8px;
    --ej-space-3: 12px;
    --ej-space-4: 16px;
    --ej-space-5: 24px;
    --ej-space-6: 32px;
    --ej-space-7: 48px;
    color: #242322;
    font-family: Intervar,-apple-system,\.SFNSText-Regular,San Francisco,BlinkMacSystemFont,Segoe UI,PT Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-rendering: optimizeLegibility;
    --form-block-margin: 0;
    --form-group-margin: 0;
    --form-group-padding: 0;
    --form-hr-margin: calc(var(--form-gutter-major) - var(--form-gutter)) 0;
    --nav-top-height: 48px;
    font-weight: 400;
    --flag-bg-color: #192c42;
    box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-content: center;
    align-items: center;
    background: rgba(0,0,0,.5);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 249;
}

.VdnR6dXAoLvuESQar29M {
    -webkit-text-size-adjust: 100%;
    --color-red: #d8443a;
    --color-orange: #f76706;
    --color-yellow: #ef9b00;
    --color-green: #3fa149;
    --color-mint: #139f75;
    --color-blue: #0c77c3;
    --color-indigo: #3b5bdb;
    --color-violet: #6a43de;
    --color-purple: #ae3ec9;
    --color-gray: #5b5a58;
    --control-sm-font-size: 12px;
    --control-sm-size: 24px;
    --control-md-font-size: 15px;
    --control-md-size: 32px;
    --control-lg-font-size: 18px;
    --control-lg-size: 40px;
    font-feature-settings: "cpsp" 1,"cv10" 1,"kern" 1,"ss01" 1,"ss02" 1,"tnum" 1,"zero" 1;
    -webkit-font-smoothing: antialiased;
    --flag-text-color: #fff;
    --form-text-align: left;
    --form-label-text-align: right;
    --form-control-text-align: left;
    --form-max-width: 960px;
    --form-label-width: 180px;
    --form-fix-left: 180px;
    --form-gutter: 16px;
    --form-gutter-major: 20px;
    --form-gutter-minor: 12px;
    --form-padding: 24px;
    --form-padding-x: 0;
    --form-padding-y: 0;
    --tabs-font-size: 15px;
    --tabs-height: 32px;
    --tabs-padding: 12px;
    --tabs-gutter: 4px;
    --tabs-remove: 24px;
    --columns-gutter: 16px;
    --context-close: #5b5a58;
    --context-close--hover: #757473;
    --context-close-bg--hover: #ededed;
    --context-close--active: #464543;
    --context-close-bg--active: #dbdbdb;
    --context-text: #242322;
    --context-item-back: transparent;
    --context-item-text: #1076bf;
    --context-item-back--hover: rgba(12,119,195,.1);
    --context-item-text--hover: #0c77c3;
    --context-item-back--active: rgba(12,119,195,.92);
    --context-item-text--active: #fff;
    --context-background: #fff;
    --context-border: #dddcdb;
    --avatar-size: 48px;
    --branding-body: #f7f6f5;
    --branding-page: transparent;
    --branding-nav: #fbfbfa;
    --branding-nav-blur: hsla(60,11%,98%,.9);
    --branding-blur: 12px;
    --ej-space-1: 4px;
    --ej-space-2: 8px;
    --ej-space-3: 12px;
    --ej-space-4: 16px;
    --ej-space-5: 24px;
    --ej-space-6: 32px;
    --ej-space-7: 48px;
    font-family: Intervar,-apple-system,\.SFNSText-Regular,San Francisco,BlinkMacSystemFont,Segoe UI,PT Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    text-rendering: optimizeLegibility;
    --form-block-margin: 0;
    --form-group-margin: 0;
    --form-group-padding: 0;
    --form-hr-margin: calc(var(--form-gutter-major) - var(--form-gutter)) 0;
    --nav-top-height: 48px;
    font-weight: 400;
    --flag-bg-color: #192c42;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    padding: 16px;
    text-align: center;
}


@media (max-width:1050px) {
    .cbbutton {
        position: absolute;
        right: 38px
    }
}
@media (min-width:1050px) {
    .cbbutton {
        position: relative;
        right: 0px
    }
}
@media (max-width:500px) {
    .chtobilo {
        display: none;
    }
    .konspc {
        display: none;
    }
}

@media (min-width:500px) {
    .konstel {
        display: none;
    }
}

@media (max-width:750px) {
    .dialognameinput {
        width: 98%;
    }
    .dialog2 {
        width: 98%;
        position: fixed;
        top: 300px;
        margin-left: 0px;
        left: 1%;
    }
}

@media (min-width:750px) {
    .dialognameinput {
        width: 50%;
    }
    .dialog2 {
        width: 50%;
        left: 50%;
        margin-left: -25%;
    }
}