html {
    padding: 0;
    margin: 0;
    min-height: 100%;
    min-width: 100%;
    display: flex;
}
body {
    flex: 1 1 auto;
    display: flex;
    padding: 0;
    margin: 0;
    flex-flow: column nowrap;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
    overflow: hidden;
}

.header {
    display: flex;
    align-items: center;
    align-content: flex-start;
    padding: 0 0 0 16px;
    flex: 0 1 auto;
    height: 32px;
    border-bottom: 1px solid #F0F0F0;
}

.header__logo {
    display: flex;
    width: 24px;
    height: 24px;
    background: url("/r/img/logo.svg") no-repeat center;
}

.header__title {
    font-size: 16px;
    font-weight: 500;
    margin-left: 8px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.header__search {
    margin-left: 153px;
    height: 22px;
    display: flex;
}

.header__search_input {
    display: flex;
    flex: 1 1 auto;
    border: 1px solid #BFBFBF;
    outline: none;
    height: 100%;
    width: 290px;
    padding: 0 0 0 6px;
    font-size: 12px;
    font-weight: 400;
    color: #858585;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.header__search_button {
    cursor: pointer;
    display: flex;
    height: 24px;
    width: 24px;
    background-color: #2196F3;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-image: url("/r/img/search_button.svg");
    background-position: center;
    background-repeat: no-repeat;
}

.widget {
    display: flex;
}

.container {
    display: flex;
    flex: 1 1 auto;
}

.container_left {
    display: flex;
    flex: 0 1 auto;
    width: 280px;
    min-width: 280px;
    border-right: 1px solid #F0F0F0;
}

.sections__container {
    display: flex;
    overflow: auto;
    flex: 1 1 auto;
}

.container_right {
    display: flex;
    flex: 1 1 auto;
}

.body {
    display: flex;
    flex: 1 1 auto;
    flex-flow: column nowrap;
}

.body__toolbar {
    display: flex;
    flex: 0 1 auto;
    height: 56px;
    border-bottom: 1px solid #F0F0F0;
}

.body__toolbar_title {
    display: flex;
    color: #130654;
    font-size: 32px;
    font-weight: 400;
    line-height: 48px;
    padding: 0 0 0 7px;
    align-items: center;
    align-content: flex-start;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.body__toolbar_buttons {
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-end;
}

.body__controls {
    height: 56px;
    padding-left: 6px;
    display: flex;
    align-items: center;
    align-content: flex-start;
}

.body__content {
    display: flex;
    overflow-y: scroll;
    padding: 0px 10px 15px 5px;
    flex: 1 1 auto;
    align-items: flex-start;
    flex-grow: 1;
    flex-basis: 0;
}
.language__switch {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: flex-end;
    padding-right: 26px;
    color: #858585;
}
.language__switch_item {
    display: flex;
    margin-left: 7px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}
.language__switch_item--active {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(/r/fonts/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(/r/fonts/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(/r/fonts/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(/r/fonts/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(/r/fonts/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(/r/fonts/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(/r/fonts/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(/r/fonts/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(/r/fonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(/r/fonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(/r/fonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(/r/fonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(/r/fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(/r/fonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}