html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

img,
fieldset,
a img {
	border: none;
}

input[type='text'],
input[type='email'],
input[type='tel'],
textarea {
	-webkit-appearance: none;
}

input[type='submit'],
button {
	cursor: pointer;
	background: none;
}

input[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

textarea {
	overflow: auto;
}

input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input,
button {
	margin: 0;
	padding: 0;
	border: 0;
}

div,
input,
textarea,
select,
button,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
a:focus {
	outline: none;
}

select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

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

table {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

a {
	text-decoration: none;
}

a,
button {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.icon-activity {
	width: 1.8em;
	height: 1em;
	fill: #7f85a2;
}

.icon-add-profile {
	width: 1.29em;
	height: 1em;
	fill: #fff;
}

.icon-add {
	width: 1.8em;
	height: 1em;
	fill: #7f85a2;
}

.icon-arrow-next {
	width: 0.67em;
	height: 1em;
	fill: #1e1f20;
}

.icon-arrow-prev {
	width: 0.67em;
	height: 1em;
	fill: #1e1f20;
}

.icon-arrow-right {
	width: 0.6em;
	height: 1em;
	fill: #fff;
}

.icon-arrows {
	width: 0.78em;
	height: 1em;
	fill: #62ca76;
}

.icon-attention {
	width: 1.23em;
	height: 1em;
	fill: #fff;
}

.icon-bell {
	width: 0.89em;
	height: 1em;
	fill: #fff;
}

.icon-calendar-check {
	width: 0.94em;
	height: 1em;
	fill: #fff;
}

.icon-calendar {
	width: 0.94em;
	height: 1em;
	fill: #7f85a2;
}

.icon-chat {
	width: 1em;
	height: 1em;
	fill: #7f85a2;
}

.icon-check-circle {
	width: 1em;
	height: 1em;
	fill: #62ca76;
}

.icon-check {
	width: 1.27em;
	height: 1em;
	fill: #fff;
}

.icon-clock {
	width: 1em;
	height: 1em;
	fill: #e45851;
}

.icon-close {
	width: 1em;
	height: 1em;
	fill: #1e1f20;
}

.icon-dashboard {
	width: 1em;
	height: 1em;
	fill: #fff;
}

.icon-desktop {
	width: 1.06em;
	height: 1em;
	fill: #3e6bec;
}

.icon-dots {
	width: 0.31em;
	height: 1em;
	fill: #7f85a2;
}

.icon-download {
	width: 0.86em;
	height: 1em;
	fill: #fff;
}

.icon-email {
	width: 1.33em;
	height: 1em;
	fill: #fff;
}

.icon-eye {
	width: 1.38em;
	height: 1em;
	fill: #1e1f20;
}

.icon-file {
	width: 0.83em;
	height: 1em;
	fill: #fff;
}

.icon-folder-profile {
	width: 1.2em;
	height: 1em;
	fill: #fff;
}

.icon-help {
	width: 1em;
	height: 1em;
	fill: #7f85a2;
}

.icon-information {
	width: 1em;
	height: 1em;
	fill: #fff;
}

.icon-link {
	width: 2em;
	height: 1em;
	fill: #62ca76;
}

.icon-lock {
	width: 0.78em;
	height: 1em;
	fill: #7f85a2;
}

.icon-logout {
	width: 1em;
	height: 1em;
	fill: #7f85a2;
}

.icon-media {
	width: 1.06em;
	height: 1em;
	fill: #7f85a2;
}

.icon-microphone {
	width: 0.78em;
	height: 1em;
	fill: #fff;
}

.icon-mobile {
	width: 0.67em;
	height: 1em;
	fill: #fff;
}

.icon-moon {
	width: 1em;
	height: 1em;
	fill: #fff;
}

.icon-place {
	width: 0.69em;
	height: 1em;
	fill: #fff;
}

.icon-plus {
	width: 1em;
	height: 1em;
	fill: #7f85a2;
}

.icon-profile {
	width: 1em;
	height: 1em;
	fill: #7f85a2;
}

.icon-save {
	width: 1.5em;
	height: 1em;
	fill: #62ca76;
}

.icon-search {
	width: 1em;
	height: 1em;
	fill: #7f85a2;
}

.icon-send {
	width: 1.13em;
	height: 1em;
	fill: #3e6bec;
}

.icon-settings {
	width: 1em;
	height: 1em;
	fill: #7f85a2;
}

.icon-share {
	width: 1.17em;
	height: 1em;
	fill: #7f85a2;
}

.icon-smile {
	width: 1em;
	height: 1em;
	fill: #7f85a2;
}

.icon-star-fill {
	width: 1em;
	height: 1em;
	fill: #fff;
}

.icon-star {
	width: 1.07em;
	height: 1em;
	fill: #7f85a2;
}

.icon-sun {
	width: 1em;
	height: 1em;
	fill: #7f85a2;
}

.icon-theme {
	width: 1.06em;
	height: 1em;
	fill: #7f85a2;
}

.icon-trash {
	width: 0.93em;
	height: 1em;
	fill: #7f85a2;
}

@font-face {
	font-family: 'SF Pro Display';
	src: url('fonts/SFProDisplay-Regular.woff') format('woff'),
		url('fonts/fonts/SFProDisplay-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'SF Pro Display';
	src: url('fonts/SFProDisplay-Medium.woff') format('woff'),
		url('fonts/fonts/SFProDisplay-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'SF Pro Display';
	src: url('fonts/SFProDisplay-Bold.woff') format('woff'),
		url('fonts/fonts/SFProDisplay-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}

.nice-select {
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border-radius: 5px;
	border: solid 1px #e8e8e8;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 42px;
	line-height: 40px;
	outline: none;
	padding-left: 18px;
	padding-right: 30px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: auto;
}

.nice-select:hover {
	border-color: #dbdbdb;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
	border-color: #999;
}

.nice-select:after {
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	content: '';
	display: block;
	height: 5px;
	margin-top: -4px;
	pointer-events: none;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	width: 5px;
}

.nice-select.open:after {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.nice-select.open .list {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0);
}

.nice-select.disabled {
	border-color: #ededed;
	color: #999;
	pointer-events: none;
}

.nice-select.disabled:after {
	border-color: #cccccc;
}

.nice-select.wide {
	width: 100%;
}

.nice-select.wide .list {
	left: 0 !important;
	right: 0 !important;
}

.nice-select.right {
	float: right;
}

.nice-select.right .list {
	left: auto;
	right: 0;
}

.nice-select.small {
	font-size: 12px;
	height: 36px;
	line-height: 34px;
}

.nice-select.small:after {
	height: 4px;
	width: 4px;
}

.nice-select.small .option {
	line-height: 34px;
	min-height: 34px;
}

.nice-select .list {
	background-color: #fff;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
	box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 4px;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	left: 0;
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: scale(0.75) translateY(-21px);
	-ms-transform: scale(0.75) translateY(-21px);
	transform: scale(0.75) translateY(-21px);
	-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
		opacity 0.15s ease-out;
	-o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
	background-color: transparent !important;
}

.nice-select .option {
	cursor: pointer;
	font-weight: 400;
	line-height: 40px;
	list-style: none;
	min-height: 40px;
	outline: none;
	padding-left: 18px;
	padding-right: 29px;
	text-align: left;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
	background-color: #f6f6f6;
}

.nice-select .option.selected {
	font-weight: bold;
}

.nice-select .option.disabled {
	background-color: transparent;
	color: #999;
	cursor: default;
}

.no-csspointerevents .nice-select .list {
	display: none;
}

.no-csspointerevents .nice-select.open .list {
	display: block;
}

/*! jQuery UI - v1.12.1 - 2020-12-09
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: '';
	display: table;
	border-collapse: collapse;
}

.ui-helper-clearfix:after {
	clear: both;
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0);
	/* support: IE8 */
}

.ui-front {
	z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-datepicker {
	width: 17em;
	padding: 0.2em 0.2em 0;
	display: none;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}

.ui-datepicker table {
	width: 100%;
	font-size: 0.9em;
	border-collapse: collapse;
	margin: 0 0 0.4em;
}

.ui-datepicker th {
	padding: 0.7em 0.3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}

.ui-datepicker td {
	border: 0;
	padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: 0.2em;
	text-align: right;
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: 0.7em 0 0 0;
	padding: 0 0.2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: 0.5em 0.2em 0.4em;
	cursor: pointer;
	padding: 0.2em 0.6em 0.3em 0.6em;
	width: auto;
	overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: 0.5em;
	top: 0.3em;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.ui-widget .ui-widget {
	font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}

.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}

.ui-widget-content a {
	color: #333333;
}

.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}

.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	-webkit-box-shadow: 0 0 3px 1px #5e9ed6;
	box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}

.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: 0.7;
	filter: Alpha(Opacity=70);
	/* support: IE8 */
	font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: 0.35;
	filter: Alpha(Opacity=35);
	/* support: IE8 */
	background-image: none;
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35);
	/* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url('../img/ui-icons_444444_256x240.png');
}

.ui-widget-header .ui-icon {
	background-image: url('../img/ui-icons_444444_256x240.png');
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url('../img/ui-icons_555555_256x240.png');
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url('../img/ui-icons_ffffff_256x240.png');
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url('../img/ui-icons_777620_256x240.png');
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url('../img/ui-icons_cc0000_256x240.png');
}

.ui-button .ui-icon {
	background-image: url('../img/ui-icons_777777_256x240.png');
}

/* positioning */
.ui-icon-blank {
	background-position: 16px 16px;
}

.ui-icon-caret-1-n {
	background-position: 0 0;
}

.ui-icon-caret-1-ne {
	background-position: -16px 0;
}

.ui-icon-caret-1-e {
	background-position: -32px 0;
}

.ui-icon-caret-1-se {
	background-position: -48px 0;
}

.ui-icon-caret-1-s {
	background-position: -65px 0;
}

.ui-icon-caret-1-sw {
	background-position: -80px 0;
}

.ui-icon-caret-1-w {
	background-position: -96px 0;
}

.ui-icon-caret-1-nw {
	background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
	background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
	background-position: -144px 0;
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
	background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
	background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
	background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px;
}

.ui-icon-arrow-4 {
	background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px;
}

.ui-icon-extlink {
	background-position: -32px -80px;
}

.ui-icon-newwin {
	background-position: -48px -80px;
}

.ui-icon-refresh {
	background-position: -64px -80px;
}

.ui-icon-shuffle {
	background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px;
}

.ui-icon-folder-open {
	background-position: -16px -96px;
}

.ui-icon-document {
	background-position: -32px -96px;
}

.ui-icon-document-b {
	background-position: -48px -96px;
}

.ui-icon-note {
	background-position: -64px -96px;
}

.ui-icon-mail-closed {
	background-position: -80px -96px;
}

.ui-icon-mail-open {
	background-position: -96px -96px;
}

.ui-icon-suitcase {
	background-position: -112px -96px;
}

.ui-icon-comment {
	background-position: -128px -96px;
}

.ui-icon-person {
	background-position: -144px -96px;
}

.ui-icon-print {
	background-position: -160px -96px;
}

.ui-icon-trash {
	background-position: -176px -96px;
}

.ui-icon-locked {
	background-position: -192px -96px;
}

.ui-icon-unlocked {
	background-position: -208px -96px;
}

.ui-icon-bookmark {
	background-position: -224px -96px;
}

.ui-icon-tag {
	background-position: -240px -96px;
}

.ui-icon-home {
	background-position: 0 -112px;
}

.ui-icon-flag {
	background-position: -16px -112px;
}

.ui-icon-calendar {
	background-position: -32px -112px;
}

.ui-icon-cart {
	background-position: -48px -112px;
}

.ui-icon-pencil {
	background-position: -64px -112px;
}

.ui-icon-clock {
	background-position: -80px -112px;
}

.ui-icon-disk {
	background-position: -96px -112px;
}

.ui-icon-calculator {
	background-position: -112px -112px;
}

.ui-icon-zoomin {
	background-position: -128px -112px;
}

.ui-icon-zoomout {
	background-position: -144px -112px;
}

.ui-icon-search {
	background-position: -160px -112px;
}

.ui-icon-wrench {
	background-position: -176px -112px;
}

.ui-icon-gear {
	background-position: -192px -112px;
}

.ui-icon-heart {
	background-position: -208px -112px;
}

.ui-icon-star {
	background-position: -224px -112px;
}

.ui-icon-link {
	background-position: -240px -112px;
}

.ui-icon-cancel {
	background-position: 0 -128px;
}

.ui-icon-plus {
	background-position: -16px -128px;
}

.ui-icon-plusthick {
	background-position: -32px -128px;
}

.ui-icon-minus {
	background-position: -48px -128px;
}

.ui-icon-minusthick {
	background-position: -64px -128px;
}

.ui-icon-close {
	background-position: -80px -128px;
}

.ui-icon-closethick {
	background-position: -96px -128px;
}

.ui-icon-key {
	background-position: -112px -128px;
}

.ui-icon-lightbulb {
	background-position: -128px -128px;
}

.ui-icon-scissors {
	background-position: -144px -128px;
}

.ui-icon-clipboard {
	background-position: -160px -128px;
}

.ui-icon-copy {
	background-position: -176px -128px;
}

.ui-icon-contact {
	background-position: -192px -128px;
}

.ui-icon-image {
	background-position: -208px -128px;
}

.ui-icon-video {
	background-position: -224px -128px;
}

.ui-icon-script {
	background-position: -240px -128px;
}

.ui-icon-alert {
	background-position: 0 -144px;
}

.ui-icon-info {
	background-position: -16px -144px;
}

.ui-icon-notice {
	background-position: -32px -144px;
}

.ui-icon-help {
	background-position: -48px -144px;
}

.ui-icon-check {
	background-position: -64px -144px;
}

.ui-icon-bullet {
	background-position: -80px -144px;
}

.ui-icon-radio-on {
	background-position: -96px -144px;
}

.ui-icon-radio-off {
	background-position: -112px -144px;
}

.ui-icon-pin-w {
	background-position: -128px -144px;
}

.ui-icon-pin-s {
	background-position: -144px -144px;
}

.ui-icon-play {
	background-position: 0 -160px;
}

.ui-icon-pause {
	background-position: -16px -160px;
}

.ui-icon-seek-next {
	background-position: -32px -160px;
}

.ui-icon-seek-prev {
	background-position: -48px -160px;
}

.ui-icon-seek-end {
	background-position: -64px -160px;
}

.ui-icon-seek-start {
	background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
	background-position: -80px -160px;
}

.ui-icon-stop {
	background-position: -96px -160px;
}

.ui-icon-eject {
	background-position: -112px -160px;
}

.ui-icon-volume-off {
	background-position: -128px -160px;
}

.ui-icon-volume-on {
	background-position: -144px -160px;
}

.ui-icon-power {
	background-position: 0 -176px;
}

.ui-icon-signal-diag {
	background-position: -16px -176px;
}

.ui-icon-signal {
	background-position: -32px -176px;
}

.ui-icon-battery-0 {
	background-position: -48px -176px;
}

.ui-icon-battery-1 {
	background-position: -64px -176px;
}

.ui-icon-battery-2 {
	background-position: -80px -176px;
}

.ui-icon-battery-3 {
	background-position: -96px -176px;
}

.ui-icon-circle-plus {
	background-position: 0 -192px;
}

.ui-icon-circle-minus {
	background-position: -16px -192px;
}

.ui-icon-circle-close {
	background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px;
}

.ui-icon-circle-check {
	background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: 0.3;
	filter: Alpha(Opacity=30);
	/* support: IE8 */
}

.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

body {
	min-width: 375px;
	background: #f7f7f7;
	font-family: 'SF Pro Display', sans-serif;
	font-size: 14px;
	line-height: 1.57143;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #1e1f20;
}

body.dark {
	background: #1e1f20;
	color: #ffffff;
}

body.no-scroll,
html.no-scroll {
	overflow: hidden;
}

button,
input,
textarea,
select {
	font-family: 'SF Pro Display', sans-serif;
}

img {
	max-width: 100%;
	vertical-align: middle;
}

.status {
	position: relative;
	padding-left: 14px;
	font-size: 12px;
	line-height: 1.66667;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}

.status:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.status.up:before {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #62ca76 transparent;
}

.status.down:before {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #e45851 transparent transparent transparent;
}

.bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background: transparent;
	visibility: hidden;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.bg.show {
	background: rgba(30, 31, 32, 0.8);
	visibility: visible;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

body.dark .apexcharts-tooltip.apexcharts-theme-light {
	color: #1e1f20;
}

.page__content {
	padding: 40px 430px 40px 230px;
}

.page__content_full {
	padding-right: 40px;
}

.page__center {
	max-width: 1000px;
	margin: 0 auto;
}

.page__content_full .page__center {
	max-width: 100%;
}

.page__title {
	margin-bottom: 40px;
	padding-top: 20px;
}

.page__container {
	padding: 0 365px 0 165px;
}

.header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 40px;
}

.header__search {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 320px;
	margin-right: auto;
}

.header__input {
	width: 100%;
	height: 58px;
	padding: 0 16px 0 48px;
	border-radius: 12px;
	background: #ffffff;
	font-size: 14px;
	line-height: 1.42857;
	font-weight: 500;
	color: #1e1f20;
}

.header__input::-webkit-input-placeholder {
	color: #7f85a2;
}

.header__input::-ms-input-placeholder {
	color: #7f85a2;
}

.header__input::placeholder {
	color: #7f85a2;
}

.header__open {
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 58px;
	padding-left: 10px;
	font-size: 0;
}

.header__open .icon {
	font-size: 18px;
	fill: #7f85a2;
	-webkit-transition: fill 0.2s;
	-o-transition: fill 0.2s;
	transition: fill 0.2s;
}

.header__open:hover .icon {
	fill: #3e6bec;
}

.header__control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.header__title {
	margin-right: auto;
	-ms-flex-item-align: center;
	align-self: center;
}

.header__user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 20px;
	font-weight: 500;
	color: #1e1f20;
}

.header__ava {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	margin-left: 10px;
}

.header__ava img {
	width: 100%;
	min-height: 100%;
	border-radius: 15px;
}

.header__notifications {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: #e45851;
	font-weight: 700;
	color: #ffffff;
	-webkit-transition: background 0.2s;
	-o-transition: background 0.2s;
	transition: background 0.2s;
}

.header__notifications .icon {
	font-size: 20px;
}

.header__notifications:hover {
	background: #e03f37;
}

.header__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: -15px 0 25px;
}

.header .nav {
	margin: 0 auto 0 0;
}

.header__more {
	display: none;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	margin-left: 20px;
	border-radius: 12px;
	border: 2px solid rgba(127, 133, 162, 0.2);
	font-weight: 700;
	font-size: 0;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.header__more .icon {
	font-size: 20px;
	fill: #1e1f20;
}

.header__more:hover {
	background: rgba(127, 133, 162, 0.2);
	border-color: transparent;
}

.header__plus {
	display: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 38px;
	height: 38px;
	margin-left: 18px;
	border-radius: 12px;
	background: #62ca76;
	font-size: 0;
}

.header__plus .icon {
	font-size: 14px;
	fill: #ffffff;
}

.header__wrap {
	display: none;
}

.header__logo {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.header__logo img {
	height: 38px;
}

.header__toggle {
	display: none;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	margin-right: 16px;
	border-radius: 12px;
	border: 2px solid rgba(127, 133, 162, 0.2);
	font-weight: 700;
	font-size: 0;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.header__toggle .icon {
	font-size: 20px;
	fill: #1e1f20;
}

body.dark .header__input {
	background: #35363a;
	color: #ffffff;
}

body.dark .header__input::-webkit-input-placeholder {
	color: #bec2d0;
}

body.dark .header__input::-ms-input-placeholder {
	color: #bec2d0;
}

body.dark .header__input::placeholder {
	color: #bec2d0;
}

body.dark .header__open .icon {
	fill: #bec2d0;
}

body.dark .header__open:hover .icon {
	fill: #ffffff;
}

body.dark .header__user {
	color: #ffffff;
}

body.dark .header__more {
	border-color: rgba(127, 133, 162, 0.4);
}

body.dark .header__more .icon {
	fill: #ffffff;
}

body.dark .header__more:hover {
	border-color: #ffffff;
}

body.dark .header__toggle {
	border-color: rgba(127, 133, 162, 0.4);
}

body.dark .header__toggle .icon {
	fill: #ffffff;
}

.btn {
	display: inline-block;
	min-width: 160px;
	height: 58px;
	padding: 0 42px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 700;
	color: #1e1f20;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.btn__plus,
.btn__text,
.btn .icon {
	display: inline-block;
	vertical-align: middle;
}

.btn .icon {
	font-size: 18px;
}

.btn > .icon:first-child {
	margin-right: 10px;
}

.btn > .icon:last-child {
	margin-left: 10px;
}

.btn__plus {
	margin-right: 10px;
	padding: 9px;
	border-radius: 10px;
	background: #7f85a2;
	font-size: 0;
}

.btn__plus .icon {
	font-size: 12px;
	fill: #ffffff;
}

.btn_blue {
	background: #3e6bec;
	color: #ffffff;
}

.btn_blue:hover {
	background: #194fe8;
}

.btn_border {
	border: 2px solid rgba(127, 133, 162, 0.2);
}

.btn_border .icon {
	fill: #1e1f20;
}

.btn_border:hover {
	border-color: transparent;
	background: rgba(127, 133, 162, 0.2);
}

.btn_yellow {
	background: #fdde69;
}

.btn_yellow:hover {
	background: #fcd541;
}

.btn_green {
	background: #62ca76;
	color: #ffffff;
}

.btn_green .icon {
	fill: #ffffff;
}

.btn_green:hover {
	background: #43c05b;
}

.btn_gray {
	background: rgba(127, 133, 162, 0.2);
	color: #7f85a2;
}

.btn_gray > .icon {
	fill: #7f85a2;
}

.btn_gray:hover {
	background: rgba(100, 107, 138, 0.2);
}

.btn_opacity {
	background: rgba(30, 31, 32, 0.2);
	color: #ffffff;
}

.btn_opacity .icon {
	fill: #ffffff;
}

.btn_opacity:hover {
	background: rgba(30, 31, 32, 0.3);
}

.btn_wide {
	min-width: 100%;
}

.btn_small {
	min-width: auto;
	height: 30px;
	padding: 0 12px 1px;
	border-radius: 4px;
	font-weight: 500;
}

.btn_small .icon {
	font-size: 10px;
}

.btn_small .icon:first-child {
	margin-right: 7px;
}

.btn_small .icon:last-child {
	margin-left: 5px;
}

.btn[href] {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

body.dark .btn__plus {
	background: #bec2d0;
}

body.dark .btn__plus .icon {
	fill: #1e1f20;
}

body.dark .btn_gray {
	background: rgba(127, 133, 162, 0.4);
	color: #bec2d0;
}

body.dark .btn_gray > .icon {
	fill: #bec2d0;
}

body.dark .btn_gray:hover {
	background: rgba(100, 107, 138, 0.4);
}

body.dark .btn_border {
	border-color: rgba(127, 133, 162, 0.4);
	color: #ffffff;
}

body.dark .btn_border .icon {
	fill: #ffffff;
}

body.dark .btn_border:hover {
	border-color: transparent;
	background: rgba(127, 133, 162, 0.4);
}

.field__label {
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1.66667;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}

.field__wrap {
	position: relative;
}

.field__input {
	width: 100%;
	height: 48px;
	padding: 0 42px 0 13px;
	border: 2px solid rgba(143, 146, 161, 0.2);
	background: none;
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.42857;
	font-weight: 500;
	color: #1e1f20;
}

.field__input::-webkit-input-placeholder {
	color: #7f85a2;
}

.field__input::-ms-input-placeholder {
	color: #7f85a2;
}

.field__input::placeholder {
	color: #7f85a2;
}

.field__view {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	width: 45px;
	font-size: 0;
}

.field__view .icon {
	font-size: 12px;
	fill: #7f85a2;
	-webkit-transition: fill 0.25s;
	-o-transition: fill 0.25s;
	transition: fill 0.25s;
}

.field__view:hover .icon {
	fill: #6d7495;
}

.field__view.active .icon {
	fill: #1e1f20;
}

.field__select {
	min-width: auto;
	height: 30px;
	padding: 0 30px 0 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 2px solid rgba(127, 133, 162, 0.2);
	border-radius: 4px;
	background: #ffffff;
	line-height: 1.42857;
	font-weight: 500;
	color: #1e1f20;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	cursor: pointer;
}

.field__select::-ms-expand {
	display: none;
}

.field__select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

.field__icon {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 40px;
	pointer-events: none;
	font-size: 0;
}

.field__icon .icon {
	font-size: 18px;
	fill: #ffffff;
}

.field.success .field__wrap:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 14px;
	width: 18px;
	height: 18px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%2362ca76' fill-rule='evenodd' d='M9 0a9.03 9.03 0 0 0-9 9 9.03 9.03 0 0 0 9 9 9.03 9.03 0 0 0 9-9 9.03 9.03 0 0 0-9-9zm0 16.2A7.21 7.21 0 0 1 1.8 9 7.21 7.21 0 0 1 9 1.8 7.21 7.21 0 0 1 16.2 9 7.21 7.21 0 0 1 9 16.2zm4.13-11.178l-5.93 5.93L4.87 8.63 3.6 9.9l3.6 3.6 7.2-7.2-1.27-1.278z'/%3E%3C/svg%3E")
		no-repeat 50% 50%/100% auto;
	pointer-events: none;
}

.nice-select {
	float: none;
	line-height: 26px;
	font-size: 14px;
	font-weight: 500;
	color: #1e1f20;
}

.nice-select:after {
	display: none;
}

.nice-select:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	width: 10px;
	height: 6px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.43004 0.340088L5.00004 3.91009L8.57004 0.340088L9.66671 1.44453L5.00004 6.1112L0.333374 1.44453L1.43004 0.340088Z' fill='%237F85A2'/%3E%3C/svg%3E%0A")
		no-repeat 50% 50%/100% auto;
	-webkit-transition: -webkit-transform 0.25s;
	transition: -webkit-transform 0.25s;
	-o-transition: transform 0.25s;
	transition: transform 0.25s;
	transition: transform 0.25s, -webkit-transform 0.25s;
}

.nice-select .list {
	min-width: calc(100% + 4px);
	left: -2px;
	margin-top: 0;
	padding: 8px 0;
	border-radius: 0 0 4px 4px;
	border: 2px solid rgba(127, 133, 162, 0.4);
	-webkit-box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08);
}

.nice-select .option {
	min-height: auto;
	padding: 0 10px;
	line-height: 20px;
	font-weight: 500;
	white-space: nowrap;
	color: #7f85a2;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
	background: none;
	font-weight: 500;
	color: #1e1f20;
}

.nice-select .option.selected {
	color: #3e6bec;
}

.nice-select .option:not(:last-child) {
	margin-bottom: 7px;
}

.nice-select.open {
	border-color: rgba(127, 133, 162, 0.4);
}

.nice-select.open:before {
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

body.dark .field__input {
	border-color: rgba(127, 133, 162, 0.4);
	color: #ffffff;
}

body.dark .field__input::-webkit-input-placeholder {
	color: #bec2d0;
}

body.dark .field__input::-ms-input-placeholder {
	color: #bec2d0;
}

body.dark .field__input::placeholder {
	color: #bec2d0;
}

body.dark .field__view .icon {
	fill: #7f85a2;
}

body.dark .field__view:hover .icon {
	fill: #ffffff;
}

body.dark .field__view.active .icon {
	fill: #bec2d0;
}

body.dark .field .nice-select {
	background: none;
	border-color: rgba(127, 133, 162, 0.4);
	color: #ffffff;
}

body.dark .field .nice-select:before {
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.43004 0.340088L5.00004 3.91009L8.57004 0.340088L9.66671 1.44453L5.00004 6.1112L0.333374 1.44453L1.43004 0.340088Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

body.dark .field .list {
	background: #35363a;
	border-color: rgba(127, 133, 162, 0.4);
}

body.dark .field .option {
	color: #bec2d0;
}

body.dark .field .option:hover,
body.dark .field .option.focus,
body.dark .field .option.selected.focus {
	color: #ffffff;
}

body.dark .field .option.selected {
	color: #ffffff;
}

.login {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 100vh;
	padding: 60px;
	background: url('../static/dashboard-IMG/bg-login.jpg') no-repeat 50% 50% /
		cover;
}

.login:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(30, 31, 32, 0.4);
}

.login__row {
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	max-width: 1110px;
	min-height: 680px;
	margin: 0 auto;
	border-radius: 32px;
	background: #ffffff;
}

.login__col {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	width: 50%;
	padding: 65px;
}

.login__col:first-child {
	padding-right: 80px;
}

.login__col:nth-child(2) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #f7f7f7;
	border-radius: 32px;
}

.login__logo {
	display: inline-block;
	margin-bottom: 62px;
}

.login > .login__logo {
	display: none;
}

.login__logo .login__pic {
	width: 87px;
}

.login__logo .login__pic_white {
	display: none;
}

.login__welcome {
	margin-bottom: 10px;
}

.login__info {
	margin-bottom: 60px;
	line-height: 1.42857;
	font-weight: 500;
	color: #7f85a2;
}

.login__fieldset {
	margin-bottom: 20px;
}

.login__field:not(:last-child) {
	margin-bottom: 30px;
}

.login__link {
	display: inline-block;
	margin-bottom: 22px;
	color: #7f85a2;
	-webkit-transition: color 0.25s;
	-o-transition: color 0.25s;
	transition: color 0.25s;
}

.login__link:hover {
	color: #3e6bec;
}

.login__btns .login__btn {
	padding: 0 20px;
}

.login__btns .login__btn:not(:last-child) {
	margin-bottom: 30px;
}

.login__wrap {
	max-width: 297px;
}

.login__icon {
	margin-bottom: 40px;
}

.login__title {
	margin-bottom: 40px;
}

.login__text {
	color: #7f85a2;
}

body.dark .login:before {
	background: rgba(30, 31, 32, 0.6);
}

body.dark .login__row {
	background: #1e1f20;
}

body.dark .login__col:nth-child(2) {
	background: #35363a;
}

body.dark .login__logo .login__pic_black {
	display: none;
}

body.dark .login__logo .login__pic_white {
	display: inline-block;
}

body.dark .login__info,
body.dark .login__text {
	color: #bec2d0;
}

body.dark .login__link {
	color: #bec2d0;
}

body.dark .login__link:hover {
	color: #ffffff;
}

.sidebar {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 15;
	width: 165px;
	padding: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #ffffff;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.sidebar::-webkit-scrollbar {
	display: none;
}

.sidebar__logo {
	display: inline-block;
	margin-bottom: 76px;
	font-size: 0;
}

.sidebar__menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: auto;
}

.sidebar__link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: #f7f7f7;
	font-size: 0;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.sidebar__link .icon {
	font-size: 18px;
	fill: #7f85a2;
	-webkit-transition: fill 0.25s;
	-o-transition: fill 0.25s;
	transition: fill 0.25s;
}

.sidebar__link .icon-activity {
	font-size: 11px;
}

.sidebar__link:hover,
.sidebar__link.active {
	background: #3e6bec;
}

.sidebar__link:hover .icon,
.sidebar__link.active .icon {
	fill: #ffffff;
}

.sidebar__link:not(:last-child) {
	margin-bottom: 36px;
}

.sidebar .switch {
	margin-top: 60px;
}

.sidebar__logout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	margin-top: 20px;
	border-radius: 12px;
	border: 1px solid rgba(127, 133, 162, 0.2);
	font-size: 0;
	-webkit-transition: border-color 0.2s;
	-o-transition: border-color 0.2s;
	transition: border-color 0.2s;
}

.sidebar__logout .icon {
	font-size: 18px;
	fill: #7f85a2;
	-webkit-transition: fill 0.2s;
	-o-transition: fill 0.2s;
	transition: fill 0.2s;
}

.sidebar__logout:hover {
	border-color: #3e6bec;
}

.sidebar__logout:hover .icon {
	fill: #3e6bec;
}

body.dark .sidebar {
	background: #35363a;
}

body.dark .sidebar__link {
	background: rgba(127, 133, 162, 0.2);
}

body.dark .sidebar__link .icon {
	fill: #ffffff;
}

body.dark .sidebar__link:hover,
body.dark .sidebar__link.active {
	background: #3e6bec;
}

body.dark .sidebar__logout {
	border-color: rgba(127, 133, 162, 0.4);
}

body.dark .sidebar__logout .icon {
	fill: #ffffff;
}

body.dark .sidebar__logout:hover {
	border-color: #ffffff;
}

.switch {
	display: inline-block;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-size: 0;
	-webkit-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	transition: opacity 0.25s;
}

.switch__input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.switch__in {
	display: inline-block;
}

.switch__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 12px;
	border: 1px solid rgba(127, 133, 162, 0.2);
	font-size: 0;
	-webkit-transition: border-color 0.2s;
	-o-transition: border-color 0.2s;
	transition: border-color 0.2s;
}

.switch__icon .icon {
	font-size: 20px;
	fill: #7f85a2;
}

.switch__icon .icon-moon {
	display: none;
	fill: #ffffff;
}

.switch__icon:hover {
	border-color: #3e6bec;
}

.switch__icon:hover .icon {
	fill: #3e6bec;
}

.switch__input:checked + .switch__in .icon-moon {
	display: inline-block;
}

.switch__input:checked + .switch__in .icon-sun {
	display: none;
}

.no-touch .switch:hover {
	opacity: 0.8;
}

body.dark .switch__icon {
	border-color: rgba(127, 133, 162, 0.4);
}

body.dark .switch__icon:hover {
	border-color: #ffffff;
}

body.dark .switch__icon:hover .icon {
	fill: #ffffff;
}

.dashboard__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -15px;
}

.dashboard__row:not(:last-child) {
	margin-bottom: 30px;
}

.dashboard__col {
	margin: 0 15px;
	padding: 30px 20px;
	border-radius: 12px;
	background: #ffffff;
}

.dashboard__col_w33 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(33.33% - 30px);
	flex: 0 0 calc(33.33% - 30px);
	width: calc(33.33% - 30px);
}

.dashboard__col_w50 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(50% - 30px);
	flex: 0 0 calc(50% - 30px);
	width: calc(50% - 30px);
}

.dashboard__col_w100 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(100% - 30px);
	flex: 0 0 calc(100% - 30px);
	width: calc(100% - 30px);
}

.dashboard__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 15px;
}

.dashboard__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 48px;
	height: 48px;
	margin-right: auto;
	border-radius: 12px;
	font-size: 0;
}

.dashboard__icon .icon {
	font-size: 18px;
}

.dashboard__col > .dashboard__title {
	margin-bottom: 40px;
}

.dashboard__counter {
	font-size: 30px;
	line-height: 1.2;
	font-weight: 700;
}

.dashboard__description {
	margin-top: 10px;
	line-height: 1.42857;
	font-weight: 500;
	color: #7f85a2;
}

.dashboard__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px;
}

.dashboard__title {
	margin-right: auto;
}

.dashboard__time {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.dashboard__time .dashboard__variant {
	padding: 4px 8px 3px;
	border: 2px solid transparent;
	border-radius: 4px;
	line-height: 1.42857;
	font-weight: 500;
	color: #7f85a2;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.dashboard__time .dashboard__variant:hover {
	color: #1e1f20;
}

.dashboard__time .dashboard__variant.active {
	border-color: rgba(127, 133, 162, 0.2);
	color: #1e1f20;
}

.dashboard__time .dashboard__variant:not(:last-child) {
	margin-right: 10px;
}

.dashboard__head .dashboard__btn {
	margin-left: 20px;
}

.dashboard__chart_sessions-overview {
	height: 220px;
	margin: 0 0 -10px -10px;
}

.dashboard__chart_new-users,
.dashboard__chart_bounce-rate,
.dashboard__chart_returning-customers-area {
	max-width: 185px;
	height: 50px;
	margin-left: auto;
}

.dashboard__chart_page-views {
	height: 220px;
	margin: -10px -10px 0 -35px;
}

.dashboard__chart_trafic-channel {
	height: 250px;
	margin: -15px 0 35px -20px;
}

.dashboard__line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.dashboard__line .dashboard__counter {
	margin-right: 20px;
}

.dashboard__number {
	margin-bottom: 10px;
	font-size: 72px;
	line-height: 1.2;
	font-weight: 700;
}

.dashboard__stat {
	margin-top: -20px;
	margin-bottom: 30px;
}

.dashboard__users {
	line-height: 1.42857;
	font-weight: 500;
	color: #7f85a2;
}

.dashboard__scale {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
}

.dashboard__box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 30px;
	font-size: 12px;
	line-height: 1.66667;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	color: #ffffff;
}

.dashboard__legends {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -10px 0 0 -30px;
}

.dashboard__legend {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 10px 0 0 30px;
	font-size: 12px;
	line-height: 1.66667;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}

.dashboard__bg {
	position: relative;
	top: -1px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	border-radius: 50%;
}

.dashboard__flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.dashboard__flex:not(:last-child) {
	margin-bottom: 30px;
}

.dashboard__add {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 30px;
	font-size: 12px;
	line-height: 1.66667;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	color: #7f85a2;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

.dashboard__add .icon {
	margin-right: 6px;
	font-size: 9px;
	fill: #7f85a2;
	-webkit-transition: fill 0.2s;
	-o-transition: fill 0.2s;
	transition: fill 0.2s;
}

.dashboard__add:hover {
	color: #3e6bec;
}

.dashboard__add:hover .icon {
	fill: #3e6bec;
}

.dashboard__activity {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.dashboard__activity .dashboard__title {
	max-width: 80px;
	margin-bottom: 20px;
}

.dashboard__activity .dashboard__chart {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100px;
	margin: -25px -5px -25px auto;
}

.dashboard__activity .select {
	display: inline-block;
	min-width: 88px;
}

.dashboard__activity .dashboard__percent {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 16px;
	line-height: 1;
	font-weight: 700;
}

.dashboard__location {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.dashboard__location .statistics__line {
	background: rgba(127, 133, 162, 0.2);
}

.dashboard__cell:first-child {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding-right: 30px;
}

.dashboard__cell:nth-child(2) {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 320px;
}

.dashboard__location .dashboard__title {
	margin-bottom: 40px;
}

.dashboard__title + .statistics {
	margin-top: -20px;
}

.dashboard__group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 25px;
	padding-right: 40px;
}

.dashboard__item:not(:last-child) {
	margin-right: auto;
	padding-right: 20px;
}

.dashboard__category {
	margin-bottom: 10px;
	line-height: 1.42857;
	font-weight: 500;
	color: #7f85a2;
}

.dashboard__item .dashboard__counter {
	margin-bottom: 10px;
}

body.dark .dashboard__col {
	background: #35363a;
}

body.dark .dashboard__icon .icon {
	fill: #ffffff;
}

body.dark .dashboard__description {
	color: #bec2d0;
}

body.dark .dashboard__variant {
	color: #bec2d0;
}

body.dark .dashboard__variant:hover {
	color: #ffffff;
}

body.dark .dashboard__variant.active {
	border-color: rgba(127, 133, 162, 0.4);
	color: #ffffff;
}

body.dark .dashboard__chart text {
	fill: #bec2d0;
}

body.dark .dashboard__chart line {
	opacity: 0;
}

body.dark .dashboard__add {
	color: #bec2d0;
}

body.dark .dashboard__add .icon {
	fill: #bec2d0;
}

body.dark .dashboard__add:hover {
	color: #ffffff;
}

body.dark .dashboard__add:hover .icon {
	fill: #ffffff;
}

body.dark .dashboard__location .statistics__line {
	background: rgba(127, 133, 162, 0.4);
}

body.dark .dashboard__category {
	color: #bec2d0;
}

.widgets {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 365px;
	border-radius: 32px 0 0 32px;
	background: #3e6bec;
	color: #ffffff;
}

.widgets__wrapper {
	position: relative;
	max-height: 100%;
	padding: 54px 40px;
	overflow: auto;
}

.widgets__stage {
	margin-bottom: 60px;
}

.widgets__item:not(:last-child) {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.widgets__item_empty:not(:last-child) {
	margin-bottom: 60px;
	padding: 0;
	border: none;
}

.widgets__title {
	position: relative;
	display: inline-block;
	margin-bottom: 30px;
}

.widgets__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -40px;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.widgets__list::-webkit-scrollbar {
	display: none;
}

.widgets__list:before,
.widgets__list:after {
	content: '';
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 40px;
	height: 1px;
}

.widgets__list_files {
	margin-bottom: 30px;
}

.widgets__card {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 180px;
	padding: 30px 20px;
	background: #ffffff;
	border-radius: 12px;
}

.widgets__card:not(:last-child) {
	margin-right: 20px;
}

.widgets__list_files .widgets__card {
	padding: 40px 30px 30px;
	text-align: center;
}

.widgets__list_files .widgets__logo {
	margin: 0 0 30px;
}

.widgets__file {
	font-weight: 700;
	color: #1e1f20;
}

.widgets__size {
	font-size: 12px;
	line-height: 1.66667;
	color: #7f85a2;
}

.widgets__company {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 64px;
}

.widgets__logo {
	margin-right: 10px;
}

.widgets__logo img {
	width: 38px;
}

.widgets__category {
	font-size: 12px;
	line-height: 1.66667;
	color: #7f85a2;
}

.widgets__brand {
	color: #1e1f20;
}

.widgets__counter {
	margin-bottom: 5px;
	font-size: 30px;
	line-height: 1.2;
	font-weight: 700;
	color: #1e1f20;
}

.widgets__info {
	line-height: 1.42857;
	font-weight: 500;
	color: #7f85a2;
}

.widgets__number {
	margin: -10px 0 10px;
	font-size: 72px;
	line-height: 1.2;
	font-weight: 700;
}

.widgets .statistics {
	margin-bottom: 40px;
}

.widgets__all {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 12px;
	line-height: 1.66667;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	color: #ffffff;
}

.widgets__all .icon {
	margin-left: 10px;
	font-size: 10px;
	fill: #ffffff;
	-webkit-transition: -webkit-transform 0.25s;
	transition: -webkit-transform 0.25s;
	-o-transition: transform 0.25s;
	transition: transform 0.25s;
	transition: transform 0.25s, -webkit-transform 0.25s;
}

.widgets__all:hover .icon {
	-webkit-transform: translateX(2px);
	-ms-transform: translateX(2px);
	transform: translateX(2px);
}

.widgets__chart {
	max-width: 180px;
	height: 155px;
	margin: 0 0 45px -26px;
}

.widgets__chart .apexcharts-pie-area {
	stroke: inherit;
}

.widgets__legend {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.widgets__legend:not(:last-child) {
	margin-bottom: 40px;
}

.widgets__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 12px;
	font-size: 0;
}

.widgets__icon .icon {
	font-size: 18px;
	fill: #ffffff;
}

.widgets__icon.bg-white .icon {
	fill: #3e6bec;
}

.widgets__legend .widgets__desc {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 0 10px;
}

.widgets__legend .widgets__text {
	font-size: 12px;
	line-height: 1.66667;
}

.widgets__legend .widgets__percent {
	font-size: 22px;
	line-height: 1.36364;
	font-weight: 700;
}

.widgets__title .widgets__counter {
	position: absolute;
	top: 6px;
	left: calc(100% + 10px);
	min-width: 38px;
	padding: 1px 8px 0;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.2);
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
}

.widgets .files__item:not(:last-child) {
	margin-bottom: 30px;
}

.widgets__close {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 10px;
	font-size: 0;
}

.widgets__close .icon {
	font-size: 16px;
	fill: #ffffff;
}

.widgets_settings {
	z-index: 4;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s;
	-o-transition: transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s;
}

.widgets_settings.show {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.widgets_settings .widgets__close {
	display: inline-block;
}

.widgets_big {
	width: 460px;
}

body.dark .widgets .files__item {
	background: #ffffff;
}

body.dark .widgets .files > .files__item .files__name {
	color: #1e1f20;
}

body.dark .widgets .files__size {
	color: #7f85a2;
}

.statistics__item:not(:last-child) {
	margin-bottom: 30px;
}

.statistics__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px;
}

.statistics__info {
	margin-right: auto;
	line-height: 1.42857;
	font-weight: 500;
}

.statistics__percent {
	font-weight: 700;
}

.statistics__line {
	position: relative;
	height: 10px;
	border-radius: 5px;
	background: rgba(30, 31, 32, 0.2);
}

.statistics__progress {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: #ffffff;
	border-radius: 5px;
}

.statistics__box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 15px;
}

.statistics__box:first-child {
	padding-top: 0;
}

.statistics__box:last-child {
	padding-bottom: 0;
}

.statistics__box:not(:last-child) {
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(127, 133, 162, 0.2);
}

.statistics__company {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-right: 20px;
	line-height: 1.42857;
	font-weight: 500;
}

.statistics__logo {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 28px;
	margin-right: 10px;
}

.statistics__view {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 180px;
	margin-left: auto;
}

.statistics__view .statistics__line {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.statistics__view .statistics__percent {
	width: 50px;
	text-align: right;
}

.statistics__box .statistics__line {
	background: rgba(127, 133, 162, 0.2);
}

body.dark .statistics__box {
	border-color: rgba(127, 133, 162, 0.4);
}

.nav {
	position: relative;
	z-index: 12;
	display: inline-block;
	min-width: 207px;
	margin: -20px 0 20px -20px;
	font-size: 22px;
	line-height: 1.36364;
	font-weight: 700;
}

.nav__head {
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 70px;
	padding: 0 50px 0 20px;
	cursor: pointer;
	border-radius: 12px;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.nav__head:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	background: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.99991 15.17L1.82991 12L0.419912 13.41L4.99991 18L9.58991 13.41L8.16991 12M4.99991 2.83L8.16991 6L9.57991 4.59L4.99991 0L0.409912 4.59L1.82991 6L4.99991 2.83Z' fill='%231E1F20'/%3E%3C/svg%3E%0A")
		no-repeat 50% 50%/9px auto;
}

.nav__head:hover {
	color: #3e6bec;
}

.nav__body {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 80px 20px 20px;
	border-radius: 12px;
	background: #ffffff;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.nav__link {
	display: block;
	color: #7f85a2;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

.nav__link:hover {
	color: #3e6bec;
}

.nav__link:not(:last-child) {
	margin-bottom: 30px;
}

.nav.active .nav__head {
	background: #f7f7f7;
}

.nav.active .nav__head:before {
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.99991 15.17L1.82991 12L0.419912 13.41L4.99991 18L9.58991 13.41L8.16991 12M4.99991 2.83L8.16991 6L9.57991 4.59L4.99991 0L0.409912 4.59L1.82991 6L4.99991 2.83Z' fill='%233E6BEC'/%3E%3C/svg%3E%0A");
}

.nav.active .nav__body {
	visibility: visible;
	opacity: 1;
}

body.dark .nav__head:hover {
	color: #bec2d0;
}

body.dark .nav__head:before {
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.99991 15.17L1.82991 12L0.419912 13.41L4.99991 18L9.58991 13.41L8.16991 12M4.99991 2.83L8.16991 6L9.57991 4.59L4.99991 0L0.409912 4.59L1.82991 6L4.99991 2.83Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

body.dark .nav__body {
	background: #35363a;
}

body.dark .nav__link {
	color: #bec2d0;
}

body.dark .nav__link:hover {
	color: #ffffff;
}

body.dark .nav.active .nav__head {
	background: rgba(30, 31, 32, 0.8);
}

.chat {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.chat__sidebar {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 285px;
	height: 100vh;
	padding: 50px 40px 58px;
	overflow: auto;
	background: #ffffff;
	border-left: 1px solid rgba(127, 133, 162, 0.2);
}

.chat > .header {
	display: none;
}

.chat .nav {
	min-width: calc(100% + 40px);
	margin-bottom: 30px;
}

.chat__nav {
	display: none;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.chat__nav .chat__link {
	position: relative;
	padding-bottom: 10px;
	font-size: 12px;
	line-height: 1.66667;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	color: #7f85a2;
}

.chat__nav .chat__link:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 5px;
	height: 5px;
	background: #1e1f20;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.chat__nav .chat__link.active {
	color: #1e1f20;
}

.chat__nav .chat__link.active:before {
	opacity: 1;
}

.chat__item:not(:last-child) {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(127, 133, 162, 0.2);
}

.chat__category {
	position: relative;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 1.66667;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	color: #7f85a2;
}

.chat__plus {
	position: absolute;
	top: 50%;
	right: -2px;
	padding: 5px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 0;
}

.chat__plus .icon {
	font-size: 12px;
	fill: #62ca76;
	-webkit-transition: -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s;
	-o-transition: transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s;
}

.chat__plus:hover .icon {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.chat__group {
	margin-left: -10px;
}

.chat__group .chat__link,
.chat__user {
	position: relative;
	padding: 0 30px 0 10px;
	border-radius: 12px;
	font-weight: 500;
	color: #7f85a2;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}

.chat__group .chat__link.new,
.chat__user.new {
	font-weight: 700;
	color: #1e1f20;
}

.chat__group .chat__link:hover,
.chat__user:hover {
	color: #3e6bec;
}

.chat__group .chat__link.active,
.chat__user.active {
	background: #3e6bec;
	font-weight: 500;
	color: #ffffff;
}

.chat__group .chat__link:not(:last-child),
.chat__user:not(:last-child) {
	margin-bottom: 10px;
}

.chat__group .chat__link {
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 40px;
}

.chat__user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 48px;
	padding-right: 40px;
	margin-right: -10px;
}

.chat__user .chat__counter {
	right: 10px;
}

.chat__ava {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	margin-right: 5px;
	font-size: 0;
}

.chat__ava img {
	width: 100%;
	min-height: 100%;
	border-radius: 6px;
}

.chat__counter {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	min-width: 18px;
	padding: 0 4px;
	border-radius: 6px;
	background: #e45851;
	text-align: center;
	font-size: 8px;
	font-weight: 700;
	line-height: 18px;
	color: #ffffff;
}

body.dark .chat__sidebar {
	background: #35363a;
	border-color: rgba(127, 133, 162, 0.4);
}

body.dark .chat__item {
	border-color: rgba(127, 133, 162, 0.4);
}

body.dark .chat__category {
	color: #bec2d0;
}

body.dark .chat__group .chat__link,
body.dark .chat__user {
	color: #bec2d0;
}

body.dark .chat__group .chat__link:hover,
body.dark .chat__group .chat__link.new,
body.dark .chat__user:hover,
body.dark .chat__user.new {
	color: #ffffff;
}

body.dark .chat__group .chat__link.active,
body.dark .chat__user.active {
	color: #ffffff;
}

body.dark .chat__nav .chat__link {
	color: #bec2d0;
}

body.dark .chat__nav .chat__link:before {
	background: #ffffff;
}

body.dark .chat__nav .chat__link.active {
	color: #ffffff;
}

.messenger {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 100vh;
	padding: 40px 65px;
	overflow: auto;
}

.messenger .header {
	margin-bottom: 40px;
}

.messenger__back {
	display: none;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	margin-right: 24px;
	border-radius: 12px;
	background: #3e6bec;
	font-size: 0;
}

.messenger__back .icon {
	font-size: 14px;
	fill: #ffffff;
}

.messenger__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(127, 133, 162, 0.2);
}

.messenger__title {
	margin-right: auto;
}

.messenger__actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 16px;
}

.messenger__action {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	font-size: 0;
}

.messenger__action .icon {
	font-size: 28px;
	fill: #7f85a2;
	-webkit-transition: fill 0.2s;
	-o-transition: fill 0.2s;
	transition: fill 0.2s;
}

.messenger__action:hover .icon {
	fill: #3e6bec;
}

.messenger__action:not(:last-child) {
	margin-right: 40px;
}

.messenger__list {
	margin-bottom: 70px;
}

.messenger__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.messenger__item:not(:last-child) {
	margin-bottom: 40px;
}

.messenger__ava {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	margin-right: 15px;
}

.messenger__ava img {
	width: 100%;
	min-height: 100%;
	border-radius: 12px;
}

.messenger__details {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding-top: 10px;
}

.messenger__line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.messenger__user {
	margin-right: 10px;
	font-size: 14px;
	line-height: 1.42857;
	font-weight: 700;
}

.messenger__time {
	font-size: 12px;
	line-height: 1.66667;
	color: #7f85a2;
}

.messenger__text {
	margin-top: 10px;
	color: #7f85a2;
}

.messenger .files,
.messenger .sounds {
	margin-top: 10px;
}

.messenger__gallery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 10px 0 -10px -10px;
}

.messenger__preview {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 80px;
	margin: 0 0 10px 10px;
}

.messenger__preview img {
	border-radius: 8px;
}

.messenger__load {
	position: relative;
	height: 25px;
	margin-bottom: 15px;
	border-radius: 6px;
	background: rgba(98, 202, 118, 0.2);
	font-size: 12px;
	line-height: 1.66667;
	color: #ffffff;
}

.messenger__progress {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 10px;
	border-radius: 6px;
	background: #62ca76;
}

.messenger__close {
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 0;
}

.messenger__close .icon {
	font-size: 9px;
	-webkit-transition: -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s;
	-o-transition: transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s;
}

.messenger__close:hover .icon {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.messenger__control {
	position: relative;
}

.messenger__form {
	position: relative;
}

.messenger__input {
	width: 100%;
	height: 58px;
	padding: 0 63px;
	background: #ffffff;
	border-radius: 12px;
	font-size: 14px;
	line-height: 1.42857;
	font-weight: 500;
	color: #7f85a2;
}

.messenger__input::-webkit-input-placeholder {
	color: #7f85a2;
}

.messenger__input::-ms-input-placeholder {
	color: #7f85a2;
}

.messenger__input::placeholder {
	color: #7f85a2;
}

.messenger__control_sound .messenger__input {
	padding-left: 140px;
}

.messenger__add {
	position: absolute;
	top: 50%;
	left: 10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 38px;
	height: 38px;
	border-radius: 12px;
	background: #3e6bec;
	font-size: 0;
}

.messenger__add .icon {
	font-size: 14px;
	fill: #ffffff;
	-webkit-transition: -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s;
	-o-transition: transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s;
}

.messenger__add .icon-microphone {
	font-size: 18px;
}

.messenger__add:hover .icon {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.messenger__smile,
.messenger__send {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 58px;
	font-size: 0;
}

.messenger__smile .icon,
.messenger__send .icon {
	-webkit-transition: fill 0.2s;
	-o-transition: fill 0.2s;
	transition: fill 0.2s;
}

.messenger__smile .icon {
	font-size: 18px;
	fill: #7f85a2;
}

.messenger__smile:hover .icon {
	fill: #3e6bec;
}

.messenger__send .icon {
	font-size: 16px;
	fill: #3e6bec;
}

.messenger__send:hover .icon {
	fill: #164be1;
}

.messenger__profile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: auto;
	padding-right: 20px;
}

.messenger__profile .messenger__ava {
	position: relative;
	width: 48px;
	height: 48px;
}

.messenger__profile .messenger__ava.online:before {
	content: '';
	position: absolute;
	top: -3px;
	right: -3px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #62ca76;
	border: 2px solid #ffffff;
}

.messenger__profile .messenger__details {
	padding: 0;
}

.messenger__profile .messenger__user {
	font-size: 22px;
	line-height: 1.36364;
	font-weight: 700;
}

.messenger__status {
	line-height: 1.42857;
	font-weight: 500;
	color: #7f85a2;
}

.messenger__spelling {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 6px;
}

.messenger__spelling span {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #7f85a2;
	opacity: 0.2;
	-webkit-animation: bg-dot 0.9s ease-in-out infinite;
	animation: bg-dot 0.9s ease-in-out infinite;
}

.messenger__spelling span:first-child {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.messenger__spelling span:nth-child(2) {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.messenger__spelling span:nth-child(3) {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

.messenger__spelling span:not(:last-child) {
	margin-right: 5px;
}

.messenger__duration {
	position: absolute;
	top: 50%;
	left: 63px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-left: 17px;
	line-height: 1.42857;
	font-weight: 500;
}

.messenger__duration:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 2px;
	width: 8px;
	height: 8px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	background: #e45851;
	-webkit-box-shadow: 0 0 0 2px rgba(228, 88, 81, 0.2);
	box-shadow: 0 0 0 2px rgba(228, 88, 81, 0.2);
}

@-webkit-keyframes bg-dot {
	0% {
		opacity: 0.8;
	}
	100% {
		opacity: 0.2;
	}
}

@keyframes bg-dot {
	0% {
		opacity: 0.8;
	}
	100% {
		opacity: 0.2;
	}
}

body.dark .messenger__head {
	border-color: rgba(127, 133, 162, 0.4);
}

body.dark .messenger__action .icon {
	fill: #bec2d0;
}

body.dark .messenger__action:hover .icon {
	fill: #ffffff;
}

body.dark .messenger__time,
body.dark .messenger__text {
	color: #bec2d0;
}

body.dark .messenger__close .icon {
	fill: #ffffff;
}

body.dark .messenger__input {
	background: #35363a;
	color: #ffffff;
}

body.dark .messenger__input::-webkit-input-placeholder {
	color: #bec2d0;
}

body.dark .messenger__input::-ms-input-placeholder {
	color: #bec2d0;
}

body.dark .messenger__input::placeholder {
	color: #bec2d0;
}

body.dark .messenger__smile .icon {
	fill: #bec2d0;
}

body.dark .messenger__smile:hover .icon {
	fill: #ffffff;
}

body.dark .messenger__status {
	color: #bec2d0;
}

.dropdown {
	position: relative;
	font-size: 0;
}

.dropdown__head {
	width: 28px;
	height: 28px;
	font-size: 0;
}

.dropdown__head .icon {
	font-size: 24px;
	fill: #7f85a2;
	-webkit-transition: fill 0.2s;
	-o-transition: fill 0.2s;
	transition: fill 0.2s;
}

.dropdown__head:hover .icon {
	fill: #3e6bec;
}

.dropdown__body {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 2;
	min-width: 110px;
	padding: 5px 10px;
	-webkit-box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08);
	border-radius: 4px;
	background: #ffffff;
	visibility: hidden;
	opacity: 0;
}

.dropdown__link {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: #7f85a2;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.dropdown__link:hover {
	opacity: 0.8;
}

.dropdown__link:not(:last-child) {
	margin-bottom: 10px;
}

.dropdown.active .dropdown__body {
	visibility: visible;
	opacity: 1;
}

body.dark .dropdown__head .icon {
	fill: #bec2d0;
}

body.dark .dropdown__head:hover .icon {
	fill: #ffffff;
}

body.dark .dropdown__body {
	background: #292a2d;
}

body.dark .dropdown__link {
	color: #bec2d0;
}

body.dark .dropdown__link:hover {
	color: #ffffff;
}

.files__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 345px;
	padding: 15px;
	border-radius: 12px;
	background: #ffffff;
	color: #1e1f20;
}

.files__item:not(:last-child) {
	margin-bottom: 10px;
}

.files__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -20px 0 0 -20px;
}

.files__list .files__item {
	margin: 20px 0 0 20px;
	border: 2px solid rgba(127, 133, 162, 0.2);
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.files__list .files__item:hover {
	border-color: #3e6bec;
}

.files__icon {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 30px;
}

.files__icon img {
	width: 100%;
}

.files__details {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding-left: 15px;
}

.files__list .files__details {
	padding-right: 0;
}

.files__name {
	line-height: 1.42857;
	font-weight: 500;
}

.files__size {
	font-size: 12px;
	line-height: 1.66667;
	color: #7f85a2;
}

.files__actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 10px;
}

.files__action {
	width: 28px;
	height: 28px;
	border-radius: 9px;
	background: rgba(127, 133, 162, 0.2);
	font-size: 0;
}

.files__action .icon {
	font-size: 12px;
	fill: #7f85a2;
	-webkit-transition: fill 0.2s;
	-o-transition: fill 0.2s;
	transition: fill 0.2s;
}

.files__action:hover .icon {
	fill: #3e6bec;
}

.files__action:not(:last-child) {
	margin-right: 10px;
}

.files .dropdown__head {
	background: rgba(127, 133, 162, 0.2);
	border-radius: 9px;
}

.files .dropdown__head .icon {
	font-size: 12px;
}

.files__group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -20px -10px 0;
}

.files__group .files__item {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(25% - 20px);
	flex: 0 0 calc(25% - 20px);
	width: calc(25% - 20px);
	margin: 20px 10px 0;
	border: 2px solid rgba(127, 133, 162, 0.2);
	-webkit-transition: border-color 0.2s;
	-o-transition: border-color 0.2s;
	transition: border-color 0.2s;
}

.files__group .files__item_add {
	border-style: dashed;
	font-size: 12px;
	color: #7f85a2;
}

.files__group .files__item:hover {
	border-color: #3e6bec;
}

.files__group_5 .files__item {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(20% - 20px);
	flex: 0 0 calc(20% - 20px);
	width: calc(20% - 20px);
	border-color: transparent;
}

.files__group .files__details {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(100% - 30px);
	flex: 0 0 calc(100% - 30px);
	width: calc(100% - 30px);
}

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

.files__group_cell .files__item {
	display: block;
	padding: 40px 30px 30px;
	text-align: center;
}

.files__group_cell .files__icon {
	display: inline-block;
	margin-bottom: 30px;
}

.files__group_cell .files__name {
	font-weight: 700;
}

.files__plus {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 60px;
	height: 60px;
	margin: -10px auto 20px;
	background: rgba(62, 107, 236, 0.2);
	border-radius: 12px;
	font-size: 0;
}

.files__plus .icon {
	font-size: 14px;
	fill: #3e6bec;
}

body.dark .files__item {
	background: #35363a;
}

body.dark .files__item_add {
	color: #bec2d0;
}

body.dark .files__name {
	color: #ffffff;
}

body.dark .files > .files__item .files__name {
	color: #ffffff;
}

body.dark .files__size {
	color: #bec2d0;
}

body.dark .files__action,
body.dark .files .dropdown__head {
	background: rgba(127, 133, 162, 0.4);
}

body.dark .files__action .icon,
body.dark .files .dropdown__head .icon {
	fill: #bec2d0;
}

body.dark .files__action:hover .icon,
body.dark .files .dropdown__head:hover .icon {
	fill: #ffffff;
}

body.dark .files__list .files__item,
body.dark .files__group .files__item {
	border-color: rgba(127, 133, 162, 0.4);
}

body.dark .files__list .files__item:hover,
body.dark .files__group .files__item:hover {
	border-color: #3e6bec;
}

body.dark .files__group_5 .files__item {
	border-color: transparent;
}

.users__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1.42857;
	font-weight: 500;
	color: #ffffff;
}

.users__item.online {
	position: relative;
	padding-right: 30px;
}

.users__item.online:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	width: 8px;
	height: 8px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	background: #62ca76;
}

.users__item:not(:last-child),
.users__add:not(:last-child) {
	margin-bottom: 30px;
}

.users__ava {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	margin-right: 10px;
}

.users__ava img {
	width: 100%;
	min-height: 100%;
	border-radius: 12px;
}

.users__add {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px;
	border-radius: 12px;
	background: rgba(30, 31, 32, 0.2);
	line-height: 1.42857;
	font-weight: 500;
	color: #ffffff;
	-webkit-transition: background 0.2s;
	-o-transition: background 0.2s;
	transition: background 0.2s;
}

.users__add:hover {
	background: rgba(30, 31, 32, 0.3);
}

.users__plus {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	border-radius: 10px;
	background: #ffffff;
	font-size: 0;
}

.users__plus .icon {
	font-size: 12px;
	fill: #3e6bec;
}

.sounds__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 245px;
	padding: 10px;
	background: #ffffff;
	border-radius: 12px;
}

.sounds__play {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	margin-right: 5px;
	border-radius: 12px;
	background: rgba(252, 228, 137, 0.2);
	-webkit-transition: background 0.2s;
	-o-transition: background 0.2s;
	transition: background 0.2s;
}

.sounds__play:before {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 0 7px 11px;
	border-color: transparent transparent transparent #fdde69;
}

.sounds__play:hover {
	background: rgba(252, 228, 137, 0.4);
}

.sounds__line {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 4px;
	border-radius: 2px;
	background: rgba(30, 31, 32, 0.4);
}

.sounds__progress {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: #1e1f20;
}

.sounds__time {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 5px;
	font-size: 12px;
	line-height: 1.66667;
	color: #7f85a2;
}

body.dark .sounds__item {
	background: #35363a;
}

body.dark .sounds__line {
	background: #1e1f20;
}

body.dark .sounds__time {
	color: #bec2d0;
}

.details__profile {
	text-align: center;
}

.details__ava {
	position: relative;
	width: 108px;
	height: 108px;
	margin: 0 auto 20px;
}

.details__ava img {
	width: 100%;
	min-height: 100%;
	border-radius: 34px;
}

.details__ava:before {
	content: '';
	position: absolute;
	top: -6px;
	right: -6px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 6px solid #3e6bec;
	background: #62ca76;
}

.details__man {
	margin-bottom: 10px;
	font-size: 30px;
	line-height: 1.2;
	font-weight: 700;
}

.details__position {
	line-height: 1.42857;
	font-weight: 500;
}

.details__control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 40px;
}

.details__control .dropdown {
	margin-left: 10px;
	text-align: left;
}

.details__control .dropdown__head {
	width: 58px;
	height: 58px;
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	-webkit-transition: background 0.2s;
	-o-transition: background 0.2s;
	transition: background 0.2s;
}

.details__control .dropdown__head .icon {
	font-size: 18px;
	fill: #ffffff;
}

.details__control .dropdown__head:hover {
	border-color: transparent;
	background: rgba(255, 255, 255, 0.2);
}

.details__control .details__btn {
	min-width: auto;
	padding: 0 12px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.details__favorite {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 58px;
	height: 58px;
	margin-left: 10px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.2);
	font-size: 0;
	-webkit-transition: background 0.2s;
	-o-transition: background 0.2s;
	transition: background 0.2s;
}

.details__favorite .icon {
	font-size: 18px;
	fill: #ffffff;
}

.details__favorite:hover {
	background: rgba(255, 255, 255, 0.3);
}

.details__list:not(.details__list_empty) {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.details__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.details__item:not(:last-child) {
	margin-bottom: 40px;
}

.details__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	margin-right: 10px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.2);
	font-size: 0;
}

.details__icon .icon {
	font-size: 14px;
	fill: #ffffff;
}

.details__icon .icon-email {
	font-size: 12px;
}

.details__icon .icon-add {
	font-size: 8px;
}

.details__box {
	margin-top: -2px;
}

.details__category {
	font-size: 12px;
	line-height: 1.66667;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}

.details__item .details__text {
	line-height: 1.42857;
	font-weight: 500;
}

.details__section {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.details__title {
	margin-bottom: 30px;
}

.details__link {
	position: relative;
	display: block;
	padding-right: 30px;
	font-size: 14px;
	line-height: 1.42857;
	font-weight: 700;
	color: #ffffff;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

.details__link:hover {
	color: rgba(255, 255, 255, 0.75);
}

.details__link:not(:last-child) {
	margin-bottom: 20px;
}

.details__counter {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	min-width: 18px;
	padding: 0 3px;
	background: #e45851;
	border-radius: 6px;
	text-align: center;
	font-size: 8px;
	line-height: 18px;
	font-weight: 700;
}

.details__size {
	margin: -10px 0 40px;
	font-size: 30px;
	line-height: 1.2;
	font-weight: 700;
}

.details__parameters {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 10px;
}

.details__percent {
	margin-right: auto;
	line-height: 1.42857;
	font-weight: 500;
}

.details__residue {
	font-size: 14px;
	line-height: 1.42857;
	font-weight: 700;
}

.details__line {
	position: relative;
	height: 10px;
	background: rgba(30, 31, 32, 0.2);
	border-radius: 5px;
}

.details__progress {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: #62ca76;
	border-radius: 5px;
}

.details:not(:last-child) {
	margin-bottom: 60px;
}

.inbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 165px;
}

.inbox__sidebar {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 505px;
	height: 100vh;
	padding: 45px 40px;
	overflow: auto;
}

.inbox__sidebar > .nav {
	display: none;
}

.inbox__item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px;
	border-radius: 12px;
	background: #ffffff;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	color: #7f85a2;
}

.inbox__item:hover {
	-webkit-box-shadow: inset 0 0 0 2px #3e6bec;
	box-shadow: inset 0 0 0 2px #3e6bec;
}

.inbox__item.active {
	background: #3e6bec;
	color: #ffffff;
}

.inbox__item.active .inbox__info {
	color: #ffffff;
}

.inbox__item.active .inbox__add .icon {
	fill: #ffffff;
}

.inbox__item:not(:last-child) {
	margin-bottom: 20px;
}

.inbox__ava {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	margin-right: 15px;
	font-size: 0;
}

.inbox__ava img {
	width: 100%;
	min-height: 100%;
	border-radius: 15px;
}

.inbox__details {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding-top: 3px;
}

.inbox__line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 6px;
}

.inbox__user {
	margin-right: auto;
	line-height: 1.42857;
	font-weight: 500;
}

.inbox__time {
	margin-left: 20px;
	font-size: 12px;
	line-height: 1.66667;
}

.inbox__info {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.42857;
	font-weight: 700;
	color: #1e1f20;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

.inbox__text {
	height: 40px;
	overflow: hidden;
	font-size: 12px;
	line-height: 1.66667;
}

.inbox__add {
	position: absolute;
	top: 90px;
	left: 34px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 18px;
	height: 18px;
	font-size: 0;
}

.inbox__add .icon {
	font-size: 10px;
	fill: #7f85a2;
	-webkit-transition: fill 0.2s;
	-o-transition: fill 0.2s;
	transition: fill 0.2s;
}

.inbox__add:hover .icon {
	fill: #3e6bec;
}

.inbox .header {
	display: block;
	margin-bottom: 60px;
}

.inbox .header__search {
	width: 100%;
}

body.dark .inbox__item {
	background: #35363a;
	color: #bec2d0;
}

body.dark .inbox__item.active {
	background: #3e6bec;
	color: #ffffff;
}

body.dark .inbox__info {
	color: #ffffff;
}

body.dark .inbox__add .icon {
	fill: #bec2d0;
}

.message {
	height: 100vh;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 55px 65px;
	background: #ffffff;
	overflow: auto;
}

.message__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(127, 133, 162, 0.2);
}

.message__back {
	display: none;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	margin-right: 24px;
	border-radius: 12px;
	background: #3e6bec;
	font-size: 0;
}

.message__back .icon {
	font-size: 14px;
	fill: #ffffff;
}

.message__date {
	margin-right: auto;
	font-size: 14px;
	line-height: 1.42857;
	font-weight: 700;
	color: #7f85a2;
}

.message__actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.message__action,
.message__add {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 0;
}

.message__action .icon,
.message__add .icon {
	fill: #7f85a2;
	-webkit-transition: fill 0.2s;
	-o-transition: fill 0.2s;
	transition: fill 0.2s;
}

.message__action:hover .icon,
.message__add:hover .icon {
	fill: #3e6bec;
}

.message__top .message__action {
	width: 28px;
	height: 28px;
}

.message__top .message__action .icon {
	font-size: 28px;
}

.message__top .message__action:not(:last-child) {
	margin-right: 40px;
}

.message__user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.message > .message__user {
	margin-bottom: 60px;
}

.message__ava {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	margin-right: 20px;
}

.message__ava img {
	width: 100%;
	min-height: 100%;
	border-radius: 15px;
}

.message__details {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.message__man {
	margin-bottom: 2px;
	font-size: 16px;
	line-height: 1.375;
	font-weight: 700;
}

.message__mail {
	line-height: 1.42857;
	font-weight: 500;
	color: #7f85a2;
}

.message__title {
	margin-bottom: 30px;
}

.message .files:not(:last-child) {
	margin-bottom: 40px;
}

.message__text {
	color: #7f85a2;
}

.message__text p:not(:last-child) {
	margin-bottom: 20px;
}

.message__answer {
	margin-top: 24px;
	padding: 30px 20px 20px;
	border-radius: 12px;
	border-width: 2px;
	border-style: solid;
	border-color: rgba(127, 133, 162, 0.2);
}

.message__answer .dropdown__head {
	width: 18px;
	height: 18px;
}

.message__answer .dropdown__head .icon {
	font-size: 18px;
}

.message__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px;
}

.message__answer .message__user {
	margin-right: auto;
}

.message__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	margin-right: 20px;
	border-radius: 12px;
	background: #f7f7f7;
	font-size: 0;
}

.message__icon .icon {
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
	font-size: 16px;
	fill: #7f85a2;
}

.message__answer .message__man {
	font-size: 14px;
	line-height: 1.42857;
	font-weight: 500;
}

.message__answer .message__action {
	width: 18px;
	height: 18px;
}

.message__answer .message__action .icon {
	font-size: 18px;
}

.message__answer .message__action:not(:last-child) {
	margin-right: 26px;
}

.message__answer .message__text {
	margin-bottom: 30px;
}

.message__control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 20px;
}

.message__control .message__btn {
	margin-right: 20px;
}

.message__add {
	width: 18px;
	height: 18px;
}

.message__add .icon {
	font-size: 10px;
}

body.dark .message {
	background: #35363a;
}

body.dark .message__top {
	border-color: rgba(127, 133, 162, 0.4);
}

body.dark .message__date {
	color: #f7f7f7;
}

body.dark .message__action .icon {
	fill: #bec2d0;
}

body.dark .message__action:hover .icon {
	fill: #ffffff;
}

body.dark .message__mail {
	color: #bec2d0;
}

body.dark .message__text {
	color: #bec2d0;
}

body.dark .message__answer {
	border-color: rgba(127, 133, 162, 0.4);
}

body.dark .message__icon {
	background: none;
}

body.dark .message__icon .icon {
	fill: #bec2d0;
}

body.dark .message__add .icon {
	fill: #bec2d0;
}

body.dark .message__add:hover .icon {
	fill: #ffffff;
}

.calendar__wrapper {
	padding: 26px 20px;
	border-radius: 12px;
	background: #ffffff;
}

.calendar__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 50px;
}

.calendar__arrows {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 20px;
}

.calendar__arrow {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	border-radius: 12px;
	background: #f7f7f7;
	font-size: 0;
	-webkit-transition: background 0.2s;
	-o-transition: background 0.2s;
	transition: background 0.2s;
}

.calendar__arrow .icon {
	font-size: 12px;
	fill: #1e1f20;
	-webkit-transition: fill 0.2s;
	-o-transition: fill 0.2s;
	transition: fill 0.2s;
}

.calendar__arrow:hover {
	background: #7f85a2;
}

.calendar__arrow:hover .icon {
	fill: #ffffff;
}

.calendar__arrow:not(:last-child) {
	margin-right: 10px;
}

.calendar__date {
	margin-right: auto;
	font-size: 16px;
	line-height: 1.375;
	font-weight: 700;
}

.calendar .select {
	color: #1e1f20;
}

.calendar__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 138px;
	margin-bottom: 10px;
}

.calendar__cell {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(100% / 7);
	flex: 0 0 calc(100% / 7);
	text-align: center;
	color: #7f85a2;
	cursor: pointer;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

.calendar__cell.active {
	color: #1e1f20;
}

.calendar__day {
	font-size: 22px;
	line-height: 1.36364;
	font-weight: 700;
}

.calendar__month {
	font-size: 12px;
	line-height: 1.66667;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}

.calendar__table {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
}

.calendar__time {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 138px;
	font-size: 12px;
	line-height: 1.66667;
	color: #7f85a2;
}

.calendar__time:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 82px;
	width: 3000px;
	height: 1px;
	pointer-events: none;
	background: #f7f7f7;
}

.calendar__time:not(:last-child) {
	margin-bottom: 100px;
}

.calendar__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.calendar__col {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(100% / 7);
	flex: 0 0 calc(100% / 7);
	height: 100%;
	margin-top: 10px;
	border-left: 1px solid #f7f7f7;
}

.calendar__col:last-child {
	border-right: 1px solid #f7f7f7;
}

.calendar__event {
	position: relative;
	z-index: 3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 119px;
	padding: 20px 10px;
	color: #ffffff;
}

.calendar__title {
	margin-bottom: 5px;
	line-height: 1.42857;
	font-weight: 500;
}

.calendar__duration {
	margin-bottom: 16px;
	font-size: 12px;
	line-height: 1.66667;
}

.calendar__users {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: auto;
}

.calendar__user {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 18px;
	height: 18px;
}

.calendar__user img {
	width: 100%;
	min-height: 100%;
	border-radius: 6px;
}

.calendar__user:not(:first-child) {
	margin-left: -5px;
}

.calendar__add {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 60px;
	padding: 0 5px;
	background: rgba(127, 133, 162, 0.2);
	border-left: 5px solid #7f85a2;
	line-height: 1.42857;
	font-weight: 500;
	color: #7f85a2;
	-webkit-transition: background 0.2s;
	-o-transition: background 0.2s;
	transition: background 0.2s;
}

.calendar__add .icon {
	margin-right: 12px;
	font-size: 14px;
	fill: #7f85a2;
}

.calendar__add:hover {
	background: rgba(127, 133, 162, 0.15);
}

.calendar__mobile {
	display: none;
}

.calendar .ui-datepicker {
	width: 100%;
	padding: 0;
	background: none;
	font-family: 'SF Pro Display', sans-serif;
}

.calendar .ui-widget.ui-widget-content {
	border: none;
}

.calendar .ui-widget-header {
	border: none;
	background: none;
}

.calendar .ui-datepicker .ui-datepicker-header {
	margin-bottom: 10px;
	padding: 0;
}

.calendar .ui-datepicker .ui-datepicker-title {
	margin: 0;
	text-align: left;
	font-size: 18px;
	color: #7f85a2;
}

.calendar .ui-datepicker .ui-datepicker-prev,
.calendar .ui-datepicker .ui-datepicker-next {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% auto;
}

.calendar .ui-datepicker .ui-datepicker-prev span,
.calendar .ui-datepicker .ui-datepicker-next span {
	display: none;
}

.calendar .ui-datepicker .ui-datepicker-prev {
	right: 36px;
	left: auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill-rule='evenodd' d='M12.7 4.4L8.12 9l4.6 4.6L11.3 15l-6-6 6-6 1.42 1.4z' fill='%231e1f20'/%3E%3C/svg%3E");
}

.calendar .ui-datepicker .ui-datepicker-next {
	right: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill-rule='evenodd' d='M5.3 4.4L9.88 9l-4.6 4.6L6.7 15l6-6-6-6L5.3 4.4z' fill='%231e1f20'/%3E%3C/svg%3E");
}

.calendar .ui-datepicker th {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	color: #7f85a2;
}

.calendar .ui-datepicker td {
	padding: 3px 0;
	text-align: center;
}

.calendar .ui-state-default,
.calendar .ui-widget-content .ui-state-default,
.calendar .ui-widget-header .ui-state-default,
.calendar .ui-button,
.calendar html .ui-button.ui-state-disabled:hover,
.calendar html .ui-button.ui-state-disabled:active {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 38px;
	height: 38px;
	border: none;
	background: none;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 500;
	color: #1e1f20;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.calendar .ui-priority-secondary,
.calendar .ui-widget-content .ui-priority-secondary,
.calendar .ui-widget-header .ui-priority-secondary {
	color: #7f85a2;
}

.calendar .ui-state-active,
.calendar .ui-widget-content .ui-state-active,
.calendar .ui-widget-header .ui-state-active,
.calendar a.ui-button:active,
.calendar .ui-button:active,
.calendar .ui-button.ui-state-active:hover {
	background: #3e6bec;
	color: #ffffff;
}

.calendar .ui-state-highlight,
.calendar .ui-widget-content .ui-state-highlight,
.calendar .ui-widget-header .ui-state-highlight {
	background: #fdde69;
	color: #1e1f20;
}

body.dark .calendar__wrapper {
	background: #35363a;
}

body.dark .calendar__arrow {
	background: rgba(127, 133, 162, 0.4);
}

body.dark .calendar__arrow .icon {
	fill: #ffffff;
}

body.dark .calendar__arrow:hover {
	background: #3e6bec;
}

body.dark .calendar__cell {
	color: #bec2d0;
}

body.dark .calendar__cell.active {
	color: #ffffff;
}

body.dark .calendar__time {
	color: #bec2d0;
}

body.dark .calendar__time:before {
	background: rgba(127, 133, 162, 0.4);
}

body.dark .calendar__col {
	border-color: rgba(127, 133, 162, 0.4);
}

body.dark .calendar__add {
	color: #bec2d0;
}

body.dark .calendar__add .icon {
	fill: #bec2d0;
}

body.dark .calendar .ui-datepicker .ui-datepicker-title {
	color: #bec2d0;
}

body.dark .calendar .ui-datepicker .ui-datepicker-prev {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill-rule='evenodd' d='M12.7 4.4L8.12 9l4.6 4.6L11.3 15l-6-6 6-6 1.42 1.4z' fill='%23ffffff'/%3E%3C/svg%3E");
}

body.dark .calendar .ui-datepicker .ui-datepicker-next {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill-rule='evenodd' d='M5.3 4.4L9.88 9l-4.6 4.6L6.7 15l6-6-6-6L5.3 4.4z' fill='%23ffffff'/%3E%3C/svg%3E");
}

body.dark .calendar .ui-datepicker th {
	color: #bec2d0;
}

body.dark .calendar .ui-priority-secondary,
body.dark .calendar .ui-widget-content .ui-priority-secondary,
body.dark .calendar .ui-widget-header .ui-priority-secondary {
	color: #bec2d0;
}

body.dark .calendar .ui-state-default {
	color: #ffffff;
}

body.dark .calendar .ui-state-active,
body.dark .calendar .ui-widget-content .ui-state-active,
body.dark .calendar .ui-widget-header .ui-state-active,
body.dark .calendar a.ui-button:active,
body.dark .calendar .ui-button:active,
body.dark .calendar .ui-button.ui-state-active:hover {
	color: #ffffff;
}

body.dark .calendar .ui-state-highlight,
body.dark .calendar .ui-widget-content .ui-state-highlight,
body.dark .calendar .ui-widget-header .ui-state-highlight {
	color: #1e1f20;
}

.tasks__section:not(:last-child) {
	margin-bottom: 60px;
}

.tasks__title {
	margin-bottom: 30px;
}

.tasks__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -30px 0 0 -30px;
}

.tasks__item {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(50% - 30px);
	flex: 0 0 calc(50% - 30px);
	width: calc(50% - 30px);
	margin: 30px 0 0 30px;
	padding: 20px 20px 20px 40px;
	background: #ffffff;
	border-radius: 12px;
	-webkit-transition: background 0.2s;
	-o-transition: background 0.2s;
	transition: background 0.2s;
}

.tasks__item:hover {
	background: #3e6bec;
	color: #ffffff;
}

.tasks__bg {
	position: absolute;
	top: 10px;
	left: 20px;
	bottom: 10px;
	width: 5px;
	border-radius: 5px;
}

.tasks .dropdown {
	position: absolute;
	top: 20px;
	right: 20px;
}

.tasks .dropdown__head {
	width: 18px;
	height: 18px;
}

.tasks .dropdown__head .icon {
	font-size: 18px;
}

.tasks__item:hover .dropdown__head .icon {
	fill: #ffffff;
}

.tasks__info {
	margin-bottom: 18px;
	padding-right: 35px;
	font-size: 16px;
	line-height: 1.375;
	font-weight: 700;
}

.tasks__text {
	margin-bottom: 26px;
	font-size: 12px;
	line-height: 1.66667;
	color: #7f85a2;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

.tasks__item:hover .tasks__text {
	color: #ffffff;
}

.tasks__line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tasks__users {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: auto;
}

.tasks__user {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 28px;
	height: 28px;
}

.tasks__user img {
	width: 100%;
	min-height: 100%;
	border-radius: 9px;
}

.tasks__user:not(:first-child) {
	margin-left: -5px;
}

.tasks__control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tasks__files {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 20px;
	line-height: 1.42857;
	font-weight: 500;
	color: #7f85a2;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

.tasks__files .icon {
	margin-right: 5px;
	font-size: 8px;
	fill: #7f85a2;
	-webkit-transition: fill 0.2s;
	-o-transition: fill 0.2s;
	transition: fill 0.2s;
}

.tasks__item:hover .tasks__files {
	color: #ffffff;
}

.tasks__item:hover .tasks__files .icon {
	fill: #ffffff;
}

.tasks__status {
	padding: 6px 10px;
	border-radius: 4px;
	background: rgba(127, 133, 162, 0.2);
	line-height: 1.42857;
	font-weight: 500;
	-webkit-transition: background 0.2s;
	-o-transition: background 0.2s;
	transition: background 0.2s;
}

.tasks__status .icon {
	margin-right: 5px;
	font-size: 12px;
	fill: #62ca76;
	-webkit-transition: fill 0.2s;
	-o-transition: fill 0.2s;
	transition: fill 0.2s;
}

.tasks__item:hover .tasks__status {
	background: rgba(255, 255, 255, 0.2);
}

.tasks__item:hover .tasks__status .icon {
	fill: #ffffff;
}

.tasks__btn {
	height: 70px;
	margin: 30px 0 0 30px;
	padding: 0 25px;
	font-size: 16px;
	line-height: 1.375;
	font-weight: 700;
}

body.dark .tasks__item {
	background: #35363a;
}

body.dark .tasks__item:hover {
	background: #3e6bec;
}

body.dark .tasks__files {
	color: #bec2d0;
}

body.dark .tasks__files .icon {
	fill: #bec2d0;
}

body.dark .tasks__text {
	color: #bec2d0;
}

.activity {
	padding: 30px 20px;
	background: #ffffff;
	border-radius: 12px;
}

.activity__date {
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 1.375;
	font-weight: 700;
}

.activity__item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 68px;
}

.activity__item:not(:last-child) {
	margin-bottom: 30px;
	padding-bottom: 40px;
}

.activity__item:not(:last-child):before {
	content: '';
	position: absolute;
	top: 48px;
	left: 19px;
	bottom: 0;
	width: 1px;
	background: rgba(127, 133, 162, 0.2);
}

.activity__icon {
	position: absolute;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 38px;
	height: 38px;
	border-radius: 12px;
	background: rgba(98, 202, 118, 0.2);
	font-size: 0;
}

.activity__icon .icon {
	font-size: 18px;
	fill: #62ca76;
}

.activity__icon .icon-save {
	font-size: 12px;
}

.activity__icon .icon-email {
	font-size: 14px;
}

.activity__ava {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	margin-right: 10px;
}

.activity__ava img {
	width: 100%;
	min-height: 100%;
	border-radius: 12px;
}

.activity__details {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding-top: 8px;
}

.activity__line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.activity__man {
	margin-right: auto;
	font-size: 14px;
	line-height: 1.42857;
	font-weight: 700;
}

.activity__time {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 12px;
	line-height: 1.66667;
	color: #7f85a2;
}

.activity__text {
	margin-top: 9px;
	color: #7f85a2;
}

.activity .files {
	margin-top: 20px;
}

.activity .files__item {
	padding: 0;
}

.activity__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 20px;
}

.activity__box {
	margin-right: 100px;
}

.activity__title {
	margin-bottom: 10px;
}

.activity__users {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: auto;
}

.activity__user {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	font-size: 0;
}

.activity__user img {
	width: 100%;
	min-height: 100%;
	border-radius: 9px;
}

.activity__user:not(:first-child) {
	margin-left: -5px;
}

.activity__counter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	margin-left: -5px;
	background: #fdde69;
	border-radius: 9px;
	font-weight: 700;
	color: #ffffff;
}

.activity__btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.activity__btn:not(:last-child) {
	margin-right: 20px;
}

body.dark .activity {
	background: #35363a;
}

body.dark .activity__date,
body.dark .activity__text,
body.dark .activity__time {
	color: #bec2d0;
}

.library {
	padding: 30px 20px;
	border-radius: 12px;
	background: #ffffff;
}

.library__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 40px;
}

.library__title {
	margin-right: auto;
}

.library__field {
	margin-right: 20px;
}

.library__btn {
	margin-right: 20px;
}

.library .dropdown__head {
	width: 18px;
	height: 18px;
}

.library .dropdown__head .icon {
	font-size: 16px;
}

.library__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px 30px 20px 15px;
	border-radius: 12px;
	line-height: 1.42857;
	font-weight: 500;
	-webkit-transition: background 0.2s;
	-o-transition: background 0.2s;
	transition: background 0.2s;
}

.library__row:hover {
	background: #f7f7f7;
}

.library__row:not(:last-child) {
	margin-bottom: 10px;
}

.library__file {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding-right: 20px;
}

.library__folder {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 20px;
}

.library__info,
.library__size {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding-right: 20px;
	color: #7f85a2;
}

.library__info {
	width: 165px;
}

.library__size {
	width: 107px;
}

.library__actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.library__action {
	width: 18px;
	height: 18px;
	font-size: 0;
	-webkit-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.library__action .icon-link {
	font-size: 9px;
	fill: #62ca76;
}

.library__action .icon-download {
	font-size: 17px;
	fill: #3e6bec;
}

.library__action:hover {
	opacity: 0.8;
}

.library__action:not(:last-child) {
	margin-right: 30px;
}

body.dark .library {
	background: #35363a;
}

body.dark .library__title {
	color: #bec2d0;
}

body.dark .library__info,
body.dark .library__size {
	color: #bec2d0;
}

body.dark .library__row:hover {
	background: #1e1f20;
}

.manager {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 165px;
}

.manager__sidebar {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 285px;
	height: 100vh;
	padding: 50px 40px 58px;
	overflow: auto;
	background: #ffffff;
	border-left: 1px solid rgba(127, 133, 162, 0.2);
}

.manager .nav {
	min-width: calc(100% + 40px);
	margin-bottom: 30px;
}

.manager__category {
	position: relative;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 1.66667;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	color: #7f85a2;
}

.manager__plus {
	position: absolute;
	top: 50%;
	right: -2px;
	padding: 5px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 0;
}

.manager__plus .icon {
	font-size: 12px;
	fill: #62ca76;
	-webkit-transition: -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s;
	-o-transition: transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s;
}

.manager__plus:hover .icon {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.manager__menu {
	margin: 0 -10px;
}

.manager__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px;
	border-radius: 12px;
	line-height: 1.42857;
	font-weight: 500;
	color: #1e1f20;
	-webkit-transition: background 0.2s;
	-o-transition: background 0.2s;
	transition: background 0.2s;
}

.manager__item:hover,
.manager__item.active {
	background: #f7f7f7;
}

.manager__item:not(:last-child) {
	margin-bottom: 10px;
}

.manager__folder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 28px;
	height: 28px;
	margin-right: 10px;
}

.manager__folder img {
	width: 100%;
	max-height: 100%;
}

.manager__container {
	max-width: 1200px;
	margin: 0 auto;
	height: 100vh;
	overflow: auto;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 40px 65px;
}

.manager__wrapper {
	padding: 30px 20px;
	background: #ffffff;
	border-radius: 12px;
}

.manager__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 40px;
}

.manager__breadcrumbs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: auto;
	font-size: 16px;
	line-height: 1.375;
	font-weight: 700;
}

.manager__breadcrumbs li:not(:last-child) {
	margin-right: 14px;
}

.manager__link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #7f85a2;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

.manager__link .icon {
	margin-left: 14px;
	font-size: 9px;
	fill: #7f85a2;
}

.manager__link:hover {
	color: #3e6bec;
}

.manager__control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.manager__field {
	margin-right: 20px;
}

.manager .dropdown__head {
	width: 18px;
	height: 18px;
}

.manager .dropdown__head .icon {
	font-size: 16px;
}

.manager__section:not(:last-child) {
	margin-bottom: 60px;
}

.manager__title {
	margin-bottom: 40px;
}

.manager__files {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -20px -10px 0;
}

.manager__box {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(25% - 20px);
	flex: 0 0 calc(25% - 20px);
	width: calc(25% - 20px);
	margin: 20px 10px 0;
	padding: 40px 15px 20px;
	border-radius: 12px;
	background: #f7f7f7;
	text-align: center;
}

.manager__box .manager__icon {
	width: 30px;
	margin: 0 auto 20px;
}

.manager__box .manager__icon img {
	width: 100%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.manager__box .manager__info {
	font-weight: 700;
}

.manager__status {
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1.66667;
	color: #7f85a2;
}

.manager__statistics {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.manager__line {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 5px;
	border-radius: 5px;
	background: rgba(62, 107, 236, 0.2);
}

.manager__progress {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	border-radius: 5px;
	background: #3e6bec;
}

.manager__close {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 12px;
	height: 12px;
	margin-left: 10px;
	font-size: 0;
}

.manager__close .icon {
	font-size: 10px;
	fill: #1e1f20;
	-webkit-transition: -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s;
	-o-transition: transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s;
}

.manager__close:hover .icon {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.manager__upload {
	position: relative;
	margin-top: 40px;
	padding: 130px 50px 110px;
	overflow: hidden;
	border-radius: 12px;
	border: 2px dashed #62ca76;
	text-align: center;
}

.manager__load {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	font-size: 400px;
}

.manager__upload .manager__icon {
	margin-bottom: 30px;
	font-size: 0;
}

.manager__upload .manager__icon .icon {
	font-size: 80px;
	fill: #62ca76;
}

.manager__upload .manager__text {
	font-size: 22px;
	line-height: 1.36364;
	font-weight: 700;
}

body.dark .manager__sidebar {
	background: #35363a;
	border-color: rgba(127, 133, 162, 0.4);
}

body.dark .manager__category,
body.dark .manager__status {
	color: #bec2d0;
}

body.dark .manager__item {
	color: #ffffff;
}

body.dark .manager__item:hover,
body.dark .manager__item.active {
	background: #1e1f20;
}

body.dark .manager__wrapper {
	background: #35363a;
}

body.dark .manager__link {
	color: #bec2d0;
}

body.dark .manager__link:hover {
	color: #ffffff;
}

body.dark .manager__box {
	background: #1e1f20;
}

body.dark .manager__close .icon {
	fill: #ffffff;
}

.boards__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	overflow: auto;
}

.boards__col {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 370px;
	padding: 20px 15px;
	border-radius: 12px;
	background: #3e6bec;
}

.boards__col:not(:last-child) {
	margin-right: 30px;
}

.boards__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
	padding-right: 5px;
}

.boards__title {
	margin-right: auto;
	padding-right: 20px;
	font-size: 12px;
	line-height: 1.66667;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	color: #ffffff;
}

.boards .dropdown__head {
	width: 18px;
	height: 18px;
}

.boards .dropdown__head .icon {
	font-size: 16px;
	fill: #ffffff;
}

.boards .dropdown__head:hover .icon {
	fill: rgba(255, 255, 255, 0.7);
}

.boards__bg {
	height: 5px;
	margin-bottom: 20px;
	border-radius: 5px;
}

.boards__item {
	padding: 20px 18px 18px;
	background: #ffffff;
	border-radius: 12px;
}

.boards__item:not(:last-child) {
	margin-bottom: 18px;
}

.boards__info {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.375;
	font-weight: 700;
}

.boards__item .boards__text {
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 1.66667;
	color: #7f85a2;
}

.boards__line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.boards__users {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: auto;
}

.boards__user {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 28px;
	height: 28px;
}

.boards__user img {
	width: 100%;
	min-height: 100%;
	border-radius: 9px;
}

.boards__user:not(:first-child) {
	margin-left: -5px;
}

.boards__control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.boards__files {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 20px;
	line-height: 1.42857;
	font-weight: 500;
	color: #7f85a2;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

.boards__files .icon {
	margin-right: 5px;
	font-size: 8px;
	fill: #7f85a2;
	-webkit-transition: fill 0.2s;
	-o-transition: fill 0.2s;
	transition: fill 0.2s;
}

.boards__status {
	padding: 6px 10px;
	border-radius: 4px;
	background: rgba(127, 133, 162, 0.2);
	line-height: 1.42857;
	font-weight: 500;
	-webkit-transition: background 0.2s;
	-o-transition: background 0.2s;
	transition: background 0.2s;
}

.boards__status .icon {
	margin-right: 5px;
	font-size: 12px;
	fill: #62ca76;
	-webkit-transition: fill 0.2s;
	-o-transition: fill 0.2s;
	transition: fill 0.2s;
}

.boards__add {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 55px 30px;
	border-radius: 12px;
	background: rgba(30, 31, 32, 0.2);
	font-size: 16px;
	line-height: 1.375;
	font-weight: 700;
	color: #ffffff;
	-webkit-transition: background 0.2s;
	-o-transition: background 0.2s;
	transition: background 0.2s;
}

.boards__add:hover {
	background: rgba(30, 31, 32, 0.15);
}

.boards__plus {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	font-size: 0;
}

.boards__plus .icon {
	font-size: 14px;
	fill: #ffffff;
}

.boards__add .boards__plus {
	width: 40px;
	height: 40px;
	margin-bottom: 10px;
}

.boards__form {
	display: none;
	padding: 20px 15px;
	border-radius: 12px;
	background: rgba(30, 31, 32, 0.2);
	color: #ffffff;
}

.boards__form > .boards__box {
	margin-bottom: 30px;
}

.boards__input {
	width: 100%;
	height: 42px;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #ffffff;
	background: none;
	font-size: 16px;
	line-height: 1.375;
	font-weight: 700;
	color: #ffffff;
}

.boards__input::-webkit-input-placeholder {
	color: #ffffff;
}

.boards__input::-ms-input-placeholder {
	color: #ffffff;
}

.boards__input::placeholder {
	color: #ffffff;
}

.boards__label {
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1.66667;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}

.boards__box .nice-select {
	height: 48px;
	padding: 0 40px;
	background: none;
	border: 2px solid rgba(255, 255, 255, 0.2);
	line-height: 44px;
	color: #ffffff;
}

.boards__box .nice-select:before {
	right: 18px;
	width: 12px;
	height: 8px;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.43004 0.340088L5.00004 3.91009L8.57004 0.340088L9.66671 1.44453L5.00004 6.1112L0.333374 1.44453L1.43004 0.340088Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

.boards__flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -15px 30px;
}

.boards__flex .boards__box {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(50% - 30px);
	flex: 0 0 calc(50% - 30px);
	width: calc(50% - 30px);
	margin: 0 15px;
}

.boards__group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 48px;
}

.boards__group .boards__user {
	width: 38px;
	height: 38px;
}

.boards__group .boards__user:not(:last-child) {
	margin-right: 10px;
}

.boards__group .boards__plus {
	width: 38px;
	height: 38px;
}

.boards__upload {
	position: relative;
	overflow: hidden;
}

.boards__load {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 140px;
	opacity: 0;
}

.boards__file {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 48px;
	border-radius: 12px;
	border: 2px dashed rgba(255, 255, 255, 0.2);
	line-height: 1.42857;
	font-weight: 500;
	color: #ffffff;
}

.boards__file .icon {
	margin-right: 10px;
	font-size: 12px;
	fill: #ffffff;
}

.boards__btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 40px;
}

.boards__btn:not(:last-child) {
	margin-right: 10px;
}

body.dark .boards__item {
	color: #1e1f20;
}

body.dark .boards__item .boards__text {
	color: #7f85a2;
}

body.dark .boards .dropdown__head .icon {
	fill: #ffffff;
}

body.dark .boards .dropdown__head:hover .icon {
	fill: rgba(255, 255, 255, 0.7);
}

body.dark .boards__input {
	border-color: rgba(255, 255, 255, 0.2);
}

body.dark .boards__box .nice-select {
	border-color: rgba(255, 255, 255, 0.2);
}

.contacts__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -30px -15px 0;
}

.contacts__item {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(33.333% - 30px);
	flex: 0 0 calc(33.333% - 30px);
	width: calc(33.333% - 30px);
	margin: 30px 15px 0;
	padding: 20px;
	border-radius: 12px;
	background: #ffffff;
	text-align: center;
}

.contacts__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
}

.contacts__favorite {
	width: 18px;
	height: 18px;
	font-size: 0;
}

.contacts__favorite .icon {
	font-size: 18px;
	fill: #7f85a2;
	-webkit-transition: fill 0.2s;
	-o-transition: fill 0.2s;
	transition: fill 0.2s;
}

.contacts__favorite:hover .icon {
	fill: #3e6bec;
}

.contacts__ava {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 58px;
	height: 58px;
	margin: 0 30px;
}

.contacts__ava img {
	width: 100%;
	min-height: 100%;
	border-radius: 18px;
}

.contacts .dropdown {
	text-align: left;
}

.contacts .dropdown__head {
	width: 18px;
	height: 18px;
}

.contacts .dropdown__head .icon {
	font-size: 18px;
}

.contacts__user {
	margin-bottom: 2px;
	font-size: 14px;
	line-height: 1.42857;
	font-weight: 700;
}

.contacts__position {
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 1.66667;
	color: #7f85a2;
}

body.dark .contacts__item {
	background: #35363a;
}

body.dark .contacts__favorite .icon {
	fill: #bec2d0;
}

body.dark .contacts__favorite:hover .icon {
	fill: #ffffff;
}

body.dark .contacts__position {
	color: #bec2d0;
}

.settings {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 165px;
}

.settings__sidebar {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 505px;
	height: 100vh;
	padding: 45px 40px;
	overflow: auto;
}

.settings__head {
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 60px;
	padding: 0 20px;
}

.settings__stage {
	margin-right: auto;
	color: #ffffff;
}

.settings__close {
	margin-right: -10px;
	font-size: 0;
}

.settings__close .icon {
	font-size: 24px;
	fill: #ffffff;
}

.settings .header {
	display: block;
	margin-bottom: 60px;
}

.settings__sidebar .header__search {
	width: 100%;
}

.settings__container .header {
	display: none;
}

.settings__container {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 100vh;
	overflow: auto;
	padding: 54px 40px 54px 66px;
	background: #ffffff;
}

.settings__link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px;
	background: #ffffff;
	border-radius: 12px;
	font-size: 16px;
	line-height: 1.375;
	font-weight: 700;
	color: #7f85a2;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.settings__link:hover,
.settings__link.active {
	background: #3e6bec;
	color: #ffffff;
}

.settings__link:not(:last-child) {
	margin-bottom: 20px;
}

.settings__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	margin-right: 15px;
	background: rgba(127, 133, 162, 0.2);
	border-radius: 12px;
	font-size: 0;
	-webkit-transition: background 0.2s;
	-o-transition: background 0.2s;
	transition: background 0.2s;
}

.settings__icon .icon {
	font-size: 18px;
	fill: #7f85a2;
	-webkit-transition: fill 0.2s;
	-o-transition: fill 0.2s;
	transition: fill 0.2s;
}

.settings__link:hover .settings__icon,
.settings__link.active .settings__icon {
	background: #ffffff;
}

.settings__link:hover .settings__icon .icon,
.settings__link.active .settings__icon .icon {
	fill: #3e6bec;
}

.settings__arrow {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: auto;
	padding-left: 15px;
	font-size: 0;
}

.settings__arrow .icon {
	font-size: 12px;
	fill: #7f85a2;
	-webkit-transition: fill 0.2s;
	-o-transition: fill 0.2s;
	transition: fill 0.2s;
}

.settings__link:hover .settings__arrow .icon,
.settings__link.active .settings__arrow .icon {
	fill: #ffffff;
}

.settings__title {
	margin-bottom: 60px;
}

.settings__profile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 60px;
}

.settings__ava {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 128px;
	height: 128px;
	margin-right: 20px;
}

.settings__ava img {
	width: 100%;
	min-height: 100%;
	border-radius: 12px;
}

.settings__category {
	margin-bottom: 28px;
	font-size: 16px;
	line-height: 1.375;
	font-weight: 700;
	color: #7f85a2;
}

.settings__profile .settings__category {
	margin-bottom: 20px;
}

.settings__control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.settings__load {
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin-right: 20px;
}

.settings__load .icon {
	display: none;
}

.settings__file {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 140px;
	opacity: 0;
}

.settings__fieldset {
	margin-bottom: 64px;
}

.settings__group:not(:last-child) {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(127, 133, 162, 0.2);
}

.settings__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -15px;
}

.settings__row:not(:last-child) {
	margin-bottom: 28px;
}

.settings__row .settings__field {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(50% - 30px);
	flex: 0 0 calc(50% - 30px);
	width: calc(50% - 30px);
	margin: 0 15px;
}

body.dark .settings__title {
	color: #bec2d0;
}

body.dark .settings__icon .icon {
	fill: #ffffff;
}

body.dark .settings__link {
	background: #35363a;
	color: #bec2d0;
}

body.dark .settings__link:hover {
	color: #ffffff;
}

body.dark .settings__link.active {
	background: #3e6bec;
	color: #ffffff;
}

body.dark .settings__arrow .icon {
	fill: #bec2d0;
}

body.dark .settings__container {
	background: #35363a;
}

body.dark .settings__category {
	color: #bec2d0;
}

body.dark .settings__group {
	border-color: rgba(127, 133, 162, 0.4);
}

.notifications {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	width: 365px;
	border-radius: 32px 0 0 32px;
	background: #3e6bec;
	color: #ffffff;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s;
	-o-transition: transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s;
}

.notifications.visible {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.notifications__wrapper {
	position: relative;
	max-height: 100%;
	padding: 54px 40px;
	overflow: auto;
}

.notifications__close {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 10px;
	font-size: 0;
}

.notifications__close .icon {
	font-size: 16px;
	fill: #ffffff;
}

.notifications__title {
	margin-bottom: 40px;
}

.notifications__item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 58px 0 18px;
}

.notifications__item.new:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	width: 8px;
	height: 8px;
	background: #ffffff;
	border-radius: 50%;
}

.notifications__item:not(:last-child) {
	margin-bottom: 40px;
}

.notifications__ava {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	margin-right: 10px;
}

.notifications__ava img {
	width: 100%;
	min-height: 100%;
	border-radius: 9px;
}

.notifications__details {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.notifications__line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 3px;
}

.notifications__user {
	margin-right: 10px;
	font-size: 14px;
	line-height: 1.42857;
	font-weight: 700;
}

.notifications__time {
	font-size: 12px;
	line-height: 1.66667;
}

.notifications__icon {
	position: absolute;
	top: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 38px;
	height: 38px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	font-size: 0;
}

.notifications__icon .icon {
	font-size: 18px;
	fill: #ffffff;
}

.notifications__icon .icon-add-profile {
	font-size: 14px;
}

.notifications__icon .icon-folder-profile,
.notifications__icon .icon-save {
	font-size: 13px;
}

.notifications__btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
	margin-right: -58px;
}

.notifications__btn:not(:last-child) {
	margin-right: 15px;
}

.profile {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	width: 365px;
	border-radius: 32px 0 0 32px;
	background: #3e6bec;
	color: #ffffff;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s;
	-o-transition: transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s;
}

.profile.visible {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.profile__wrapper {
	max-height: 100%;
	padding: 54px 40px;
	overflow: auto;
}

.profile__close {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 10px;
	font-size: 0;
}

.profile__close .icon {
	font-size: 16px;
	fill: #ffffff;
}

.h1,
.h2,
.h3,
.h4 {
	font-weight: 700;
}

.h1 {
	font-size: 30px;
	line-height: 1.2;
}

.h2 {
	font-size: 22px;
	line-height: 1.36364;
}

.h3 {
	font-size: 16px;
	line-height: 1.375;
}

.h4 {
	font-size: 14px;
	line-height: 1.42857;
}

.color-blue {
	color: #3e6bec;
}

.color-red {
	color: #e45851;
}

.bg-blue {
	background: #3e6bec;
}

.bg-blue-opacity {
	background: rgba(62, 107, 236, 0.2);
}

.bg-blue-opacity .icon {
	fill: #3e6bec;
}

.bg-red {
	background: #e45851;
}

.bg-red-opacity {
	background: rgba(228, 88, 81, 0.2);
}

.bg-red-opacity .icon {
	fill: #e45851;
}

.bg-green {
	background: #62ca76;
}

.bg-green-opacity {
	background: rgba(98, 202, 118, 0.2);
}

.bg-green-opacity .icon {
	fill: #62ca76;
}

.bg-yellow {
	background: #fdde69;
}

.bg-yellow-opacity {
	background: rgba(253, 222, 105, 0.2);
}

.bg-yellow-opacity .icon {
	fill: #fdde69;
}

.bg-white {
	background: #ffffff;
}

.bg-white-opacity {
	background: rgba(255, 255, 255, 0.2);
}

.bg-black {
	background: #1e1f20;
}

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

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

.text-uppercase {
	text-transform: uppercase;
}

.m-auto {
	margin: auto;
}

.ml-auto {
	margin-left: auto;
}

.mr-auto {
	margin-right: auto;
}

.align-baseline {
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

.desktop-show {
	display: none !important;
}

.tablet-show {
	display: none !important;
}

.mobile-show {
	display: none !important;
}

@media only screen and (min-width: 768px) {
	.header__search {
		display: block !important;
	}
}

@media only screen and (max-width: 1419px) {
	.page__content {
		padding-left: 130px;
		padding-right: 400px;
	}
	.page__content_full {
		padding-right: 40px;
	}
	.page__container {
		padding-left: 100px;
	}
	.login {
		padding: 40px 60px;
	}
	.login__row {
		max-width: 900px;
	}
	.login__col {
		padding: 40px 50px;
	}
	.login__col:first-child {
		padding-right: 50px;
	}
	.login__logo {
		margin-bottom: 50px;
	}
	.login__info {
		margin-bottom: 50px;
	}
	.sidebar {
		width: 100px;
		padding: 40px 20px;
	}
	.sidebar__logo {
		margin-bottom: 40px;
	}
	.sidebar__link:not(:last-child) {
		margin-bottom: 24px;
	}
	.chat__sidebar {
		width: 270px;
		padding: 50px 32px;
	}
	.messenger {
		padding: 40px;
	}
	.inbox {
		padding-left: 100px;
	}
	.manager {
		padding-left: 100px;
	}
	.manager__sidebar {
		padding: 50px 32px;
	}
	.settings {
		padding-left: 100px;
	}
}

@media only screen and (max-width: 1339px) {
	.page__content {
		padding-right: 30px;
	}
	.page__container {
		padding-right: 0;
	}
	.header__more {
		display: inline-block;
	}
	.widgets {
		z-index: 10;
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
		-webkit-transition: -webkit-transform 0.2s;
		transition: -webkit-transform 0.2s;
		-o-transition: transform 0.2s;
		transition: transform 0.2s;
		transition: transform 0.2s, -webkit-transform 0.2s;
	}
	.widgets.visible {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	.widgets__close {
		display: inline-block;
	}
	.files__group .files__item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(50% - 20px);
		flex: 0 0 calc(50% - 20px);
		width: calc(50% - 20px);
	}
	.files__group_5 .files__item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(33.333% - 20px);
		flex: 0 0 calc(33.333% - 20px);
		width: calc(33.333% - 20px);
	}
	.inbox__sidebar {
		width: 450px;
		padding: 45px 32px;
	}
	.message {
		padding: 55px 40px;
	}
	.manager__container {
		padding: 40px 32px;
	}
	.manager__box {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(33.333% - 20px);
		flex: 0 0 calc(33.333% - 20px);
		width: calc(33.333% - 20px);
	}
	.manager__upload {
		padding: 90px 40px;
	}
	.boards__row {
		margin: 0 -32px;
	}
	.boards__row:before,
	.boards__row:after {
		content: '';
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 32px;
		height: 1px;
	}
	.contacts__item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(25% - 30px);
		flex: 0 0 calc(25% - 30px);
		width: calc(25% - 30px);
	}
	.settings__sidebar {
		width: 430px;
		padding: 45px 32px;
	}
	.settings__container {
		padding: 40px;
	}
}

@media only screen and (max-width: 1179px) {
	.page__title {
		margin-bottom: 32px;
		padding: 0;
	}
	body.dark .nav__head:hover {
		color: #ffffff;
	}
	.inbox__sidebar {
		width: 400px;
	}
	.inbox .header {
		margin-bottom: 40px;
	}
	.message {
		padding: 55px 32px;
	}
	.message > .message__user {
		margin-bottom: 40px;
	}
	.message__title {
		font-size: 22px;
	}
	.calendar__inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: auto;
		margin: 0 -20px;
	}
	.calendar__inner:before,
	.calendar__inner:after {
		content: '';
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 20px;
		height: 1px;
	}
	.calendar__container {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 1100px;
	}
	.activity__item:not(:last-child) {
		margin-bottom: 18px;
		padding-bottom: 30px;
	}
	.manager__sidebar {
		width: 250px;
	}
	.contacts__list {
		margin: -18px -9px 0;
	}
	.contacts__item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(33.333% - 18px);
		flex: 0 0 calc(33.333% - 18px);
		width: calc(33.333% - 18px);
		margin: 18px 9px 0;
		padding: 20px 12px;
	}
	.settings__sidebar {
		width: 380px;
	}
	.settings .header {
		margin-bottom: 40px;
	}
	.settings__link {
		padding: 10px;
	}
	.settings__control .settings__btn {
		min-width: 150px;
		padding: 0 24px;
	}
	.desktop-hide {
		display: none !important;
	}
	.desktop-show {
		display: block !important;
	}
	.desktop-text-right {
		text-align: right !important;
	}
}

@media only screen and (max-width: 1023px) {
	.header__user {
		font-size: 0;
	}
	.header__ava {
		margin: 0;
	}
	.login {
		padding: 40px;
	}
	.login__col {
		padding: 40px 30px;
	}
	.login__col:first-child {
		padding-right: 30px;
	}
	.login__title {
		font-size: 24px;
	}
	.dashboard__row {
		margin: 0 -9px;
	}
	.dashboard__row:not(:last-child) {
		margin-bottom: 18px;
	}
	.dashboard__row_tablet {
		display: block;
		margin: 0;
	}
	.dashboard__row_tablet .dashboard__col {
		width: 100%;
		margin: 0;
	}
	.dashboard__row_tablet .dashboard__col:not(:last-child) {
		margin-bottom: 18px;
	}
	.dashboard__col {
		margin: 0 9px;
	}
	.dashboard__col_w33 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(33.33% - 18px);
		flex: 0 0 calc(33.33% - 18px);
		width: calc(33.33% - 18px);
	}
	.dashboard__col_w50 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(50% - 18px);
		flex: 0 0 calc(50% - 18px);
		width: calc(50% - 18px);
	}
	.dashboard__col_w100 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(100% - 18px);
		flex: 0 0 calc(100% - 18px);
		width: calc(100% - 18px);
	}
	.dashboard__number {
		font-size: 64px;
	}
	.dashboard__legends {
		margin-left: -20px;
	}
	.dashboard__legend {
		margin-left: 20px;
	}
	.dashboard__activity {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		text-align: center;
	}
	.dashboard__activity .dashboard__title {
		max-width: 100%;
		margin-bottom: 16px;
	}
	.dashboard__activity .dashboard__chart {
		margin: -20px auto 0;
	}
	.dashboard__location {
		display: block;
	}
	.dashboard__cell:first-child {
		margin-bottom: 32px;
		padding: 0;
	}
	.dashboard__cell:nth-child(2) {
		width: 100%;
	}
	.dashboard__group {
		padding: 0;
	}
	.widgets__stage {
		margin-bottom: 40px;
	}
	.chat {
		display: block;
	}
	.chat__sidebar {
		width: 100%;
		height: auto;
		overflow: visible;
		padding: 16px 40px 40px;
		border: none;
		background: none;
	}
	.chat > .header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 0;
		padding: 28px 40px;
	}
	.chat .nav {
		min-width: 207px;
		margin-bottom: 16px;
	}
	.chat__group {
		margin: 0;
	}
	.chat__group .chat__link {
		background: #ffffff;
	}
	.chat__user {
		margin: 0;
		background: #ffffff;
	}
	.chat__user .chat__counter {
		right: 18px;
	}
	.chat__ava {
		margin-right: 10px;
	}
	.chat__counter {
		right: 18px;
	}
	body.dark .chat__sidebar {
		background: none;
	}
	body.dark .chat__group .chat__link,
	body.dark .chat__user {
		background: #35363a;
	}
	body.dark .chat__group .chat__link.active,
	body.dark .chat__user.active {
		background: #35363a;
	}
	.messenger {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		height: auto;
		z-index: 30;
		background: #f7f7f7;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	.messenger.visible {
		visibility: visible;
		opacity: 1;
	}
	.messenger .header {
		display: none;
	}
	.messenger__back {
		display: inline-block;
	}
	body.dark .messenger {
		background: #1e1f20;
	}
	.inbox__sidebar {
		width: 100%;
		height: auto;
	}
	body.dark .inbox__item.active {
		background: #35363a;
		color: #bec2d0;
	}
	body.dark .inbox__item.active .inbox__add .icon {
		fill: #bec2d0;
	}
	.message {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 30;
		height: auto;
		background: #f7f7f7;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	.message.visible {
		visibility: visible;
		opacity: 1;
	}
	.message__back {
		display: inline-block;
	}
	.tasks__list {
		margin: -18px 0 0 -18px;
	}
	.tasks__item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(50% - 18px);
		flex: 0 0 calc(50% - 18px);
		width: calc(50% - 18px);
		margin: 18px 0 0 18px;
		padding: 18px 18px 18px 30px;
	}
	.tasks__bg {
		left: 10px;
	}
	.tasks .dropdown {
		top: 18px;
		right: 15px;
	}
	.tasks__files {
		margin-right: 15px;
		color: #1e1f20;
	}
	.tasks__btn {
		height: 60px;
		margin: 18px 0 0 18px;
	}
	.library {
		padding: 0;
		background: none;
		border-radius: 0;
	}
	.library__row {
		background: #ffffff;
	}
	.library__row:hover {
		background: #ffffff;
	}
	.library__info,
	.library__size {
		padding-right: 10px;
	}
	.library__info {
		width: 130px;
	}
	.library__size {
		width: 90px;
	}
	.library__action:not(:last-child) {
		margin-right: 20px;
	}
	body.dark .library {
		background: none;
	}
	body.dark .library__row {
		background: #35363a;
	}
	body.dark .library__row:hover {
		background: #35363a;
	}
	.manager__sidebar {
		display: none;
	}
	.contacts__ava {
		margin: 0 18px;
	}
	.settings__sidebar {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 30;
		width: 100%;
		background: #3e6bec;
		visibility: hidden;
		opacity: 0;
		overflow: auto;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	.settings__sidebar.visible {
		visibility: visible;
		opacity: 1;
	}
	.settings__head {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.settings__sidebar .header {
		display: none;
	}
	.settings__container .header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.settings__container {
		background: none;
		height: auto;
		overflow: visible;
	}
	.settings__link {
		padding: 20px;
		background: none;
		color: #ffffff;
	}
	.settings__link:hover,
	.settings__link.active {
		background: none;
		color: #ffffff;
	}
	.settings__icon {
		background: rgba(255, 255, 255, 0.2);
	}
	.settings__icon .icon {
		fill: #ffffff;
	}
	.settings__arrow .icon {
		fill: #ffffff;
	}
	body.dark .settings__sidebar {
		background: #1e1f20;
	}
	body.dark .settings__link {
		background: none;
		color: #ffffff;
	}
	body.dark .settings__container {
		background: none;
	}
	.tablet-hide {
		display: none !important;
	}
	.tablet-show {
		display: block !important;
	}
	.tablet-text-right {
		text-align: right !important;
	}
}

@media only screen and (max-width: 767px) {
	.page__content {
		padding: 112px 28px 120px;
	}
	.page__title {
		margin-bottom: 24px;
		padding: 0;
		font-size: 22px;
	}
	.page__container {
		padding: 112px 28px;
	}
	.header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 15;
		margin: 0;
		padding: 23px 28px;
		background: #ffffff;
	}
	.header__search {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		width: 100%;
	}
	.header__input {
		padding-left: 72px;
		border-width: 1px 0;
		border-style: solid;
		border-color: rgba(127, 133, 162, 0.2);
		border-radius: 0;
		font-size: 14px;
	}
	.header__open {
		left: 24px;
		padding: 0;
	}
	.header__user {
		display: none;
	}
	.header__ava {
		width: 38px;
		height: 38px;
	}
	.header__notifications {
		width: 38px;
		height: 38px;
	}
	.header__notifications .icon {
		font-size: 16px;
	}
	.header__top {
		margin: 0;
	}
	.header .nav {
		display: none;
	}
	.header .bg {
		display: none;
	}
	.header__more {
		width: 38px;
		height: 38px;
		margin-left: 16px;
	}
	.header__more .icon {
		font-size: 16px;
	}
	.header__plus {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.header__wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-right: auto;
	}
	.header__logo {
		display: inline-block;
	}
	.header__toggle {
		display: inline-block;
	}
	.header__toggle .icon {
		font-size: 16px;
	}
	body.dark .header {
		background: #35363a;
	}
	body.dark .header__input {
		border-color: rgba(127, 133, 162, 0.4);
	}
	.login {
		min-height: calc(var(--vh, 1vh) * 100);
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		padding: 60px 0 0;
	}
	.login__row {
		display: block;
		min-height: auto;
		margin-top: 35px;
		border-radius: 32px 32px 0 0;
	}
	.login__col {
		width: 100%;
		padding: 38px 28px;
	}
	.login__col:nth-child(2) {
		display: none;
	}
	.login__logo {
		margin: auto 0;
	}
	.login > .login__logo {
		position: relative;
		z-index: 2;
		display: inline-block;
	}
	.login__row .login__logo {
		display: none;
	}
	.login__info {
		margin-bottom: 38px;
	}
	.login__fieldset {
		margin-bottom: 18px;
	}
	.login__field:not(:last-child) {
		margin-bottom: 18px;
	}
	.login__btns .login__btn:not(:last-child) {
		margin-bottom: 18px;
	}
	.sidebar {
		top: auto;
		left: 0;
		display: block;
		width: 100%;
		padding: 25px 28px;
		border-radius: 32px 32px 0 0;
		overflow: visible;
	}
	.sidebar__logo {
		display: none;
	}
	.sidebar__menu {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		margin: 0;
	}
	.sidebar__link {
		width: 38px;
		height: 38px;
	}
	.sidebar__link:not(:last-child) {
		margin: 0 auto 0 0;
	}
	.sidebar .switch {
		display: none;
	}
	.sidebar__logout {
		display: none;
	}
	.switch__icon {
		width: 38px;
		height: 38px;
		border-width: 2px;
	}
	.switch__icon .icon {
		fill: #1e1f20;
	}
	body.dark .switch__icon .icon {
		fill: #ffffff;
	}
	.dashboard__row {
		display: block;
		margin: 0;
	}
	.dashboard__row_statistics {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0 -28px;
		overflow: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	.dashboard__row_statistics::-webkit-scrollbar {
		display: none;
	}
	.dashboard__row_statistics:before,
	.dashboard__row_statistics:after {
		content: '';
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 28px;
		height: 1px;
	}
	.dashboard__row_statistics .dashboard__col {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 148px;
		flex: 0 0 148px;
		width: 148px;
	}
	.dashboard__row_statistics .dashboard__col:not(:last-child) {
		margin: 0 10px 0 0;
	}
	.dashboard__row_activity {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0 -28px;
		overflow: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	.dashboard__row_activity::-webkit-scrollbar {
		display: none;
	}
	.dashboard__row_activity:before,
	.dashboard__row_activity:after {
		content: '';
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 28px;
		height: 1px;
	}
	.dashboard__row_activity .dashboard__col {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 190px;
		flex: 0 0 190px;
		width: 190px;
		overflow: hidden;
	}
	.dashboard__row_activity .dashboard__col:not(:last-child) {
		margin: 0 10px 0 0;
	}
	.dashboard__col {
		margin: 0;
		padding: 24px 18px;
	}
	.dashboard__col_w33 {
		width: 100%;
	}
	.dashboard__col_w50 {
		width: 100%;
	}
	.dashboard__col_w100 {
		width: 100%;
	}
	.dashboard__col:not(:last-child) {
		margin-bottom: 18px;
	}
	.dashboard__col > .dashboard__title {
		margin-bottom: 24px;
	}
	.dashboard__head {
		margin-bottom: 24px;
	}
	.dashboard__title {
		font-size: 14px;
	}
	.dashboard__chart_sessions-overview {
		margin: -40px 0 -20px -5px;
	}
	.dashboard__chart_page-views {
		margin: -25px -20px -20px -10px;
	}
	.dashboard__chart_trafic-channel {
		height: 220px;
		margin: 0 0 10px -10px;
	}
	.dashboard__chart .apexcharts-svg {
		overflow: visible !important;
	}
	.dashboard__chart text {
		font-size: 10px;
	}
	.dashboard__line .dashboard__counter {
		margin-right: 10px;
		font-size: 24px;
	}
	.dashboard__number {
		margin: 0 10px 0 0;
		font-size: 30px;
	}
	.dashboard__stat {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		margin-top: -10px;
		margin-bottom: 24px;
	}
	.dashboard__users {
		position: relative;
		top: -3px;
	}
	.dashboard__scale {
		margin-bottom: 18px;
	}
	.dashboard__legends {
		margin: -5px -5px 0 -10px;
	}
	.dashboard__legend {
		margin: 5px 0 0 10px;
	}
	.dashboard__bg {
		width: 8px;
		height: 8px;
		margin-right: 4px;
	}
	.dashboard__flex {
		display: block;
	}
	.dashboard__flex:not(:last-child) {
		margin-bottom: 24px;
	}
	.dashboard__add {
		margin: 16px 0 0;
	}
	.dashboard__cell:first-child {
		margin-bottom: 24px;
	}
	.dashboard__location .dashboard__title {
		margin-bottom: 18px;
	}
	.dashboard__title + .statistics {
		margin-top: 0;
	}
	.dashboard__group {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: -30px -9px 0;
	}
	.dashboard__item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(50% - 18px);
		flex: 0 0 calc(50% - 18px);
		width: calc(50% - 18px);
		margin: 30px 8px 0;
	}
	.dashboard__item:not(:last-child) {
		margin-right: 8px;
		padding: 0;
	}
	.dashboard__category {
		margin-bottom: 6px;
	}
	.dashboard__item .dashboard__counter {
		margin-bottom: 6px;
		font-size: 22px;
	}
	.widgets {
		z-index: 20;
		width: 100%;
		border-radius: 0;
	}
	.widgets__wrapper {
		padding: 32px 28px;
	}
	.widgets__stage {
		margin-bottom: 32px;
	}
	.widgets__item:not(:last-child) {
		margin-bottom: 32px;
		padding-bottom: 32px;
	}
	.widgets__item_empty:not(:last-child) {
		margin-bottom: 40px;
		padding: 0;
	}
	.widgets__title {
		margin-bottom: 24px;
	}
	.widgets__list {
		margin: 0 -28px;
	}
	.widgets__list:before,
	.widgets__list:after {
		width: 28px;
	}
	.widgets__list_files {
		margin-bottom: 28px;
	}
	.widgets__number {
		margin-top: -15px;
		font-size: 64px;
	}
	.widgets__chart {
		margin-bottom: 28px;
	}
	.widgets__legend:not(:last-child) {
		margin-bottom: 24px;
	}
	.widgets .files__item:not(:last-child) {
		margin-bottom: 18px;
	}
	.widgets .files__name {
		color: #1e1f20;
	}
	.widgets__close {
		right: 22px;
	}
	.statistics__item:not(:last-child) {
		margin-bottom: 24px;
	}
	.statistics__head {
		margin-bottom: 6px;
	}
	.statistics__view {
		width: 130px;
	}
	.nav {
		margin: -10px 0 10px -15px;
	}
	.nav__head {
		height: 60px;
		padding-left: 15px;
	}
	.nav__body {
		padding: 72px 15px 20px;
	}
	.nav__link:not(:last-child) {
		margin-bottom: 20px;
	}
	.chat__sidebar {
		padding: 0;
		border: none;
	}
	.chat > .header {
		padding: 23px 28px;
	}
	.chat .nav {
		margin-bottom: 16px;
	}
	.chat__nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 32px;
	}
	.chat__item:not(:last-child) {
		margin: 0;
		padding: 0;
		border: none;
	}
	.chat__container_tabs .chat__item {
		display: none;
	}
	.chat__container_tabs .chat__item:nth-child(2) {
		display: block;
	}
	.chat__category {
		display: none;
	}
	.chat__group .chat__link,
	.chat__user {
		padding: 0 18px;
	}
	.chat__group .chat__link {
		line-height: 56px;
	}
	.messenger {
		padding: 24px 18px 140px;
	}
	.messenger__back {
		margin-right: 12px;
	}
	.messenger__head {
		margin-bottom: 24px;
	}
	.messenger__title {
		font-size: 22px;
	}
	.messenger__actions {
		margin-right: -18px;
	}
	.messenger__action .icon {
		font-size: 16px;
	}
	.messenger__action:not(:last-child) {
		margin-right: 10px;
	}
	.messenger__list {
		margin-bottom: 0;
	}
	.messenger__item:not(:last-child) {
		margin-bottom: 32px;
	}
	.messenger__load {
		margin: 32px 0 0;
	}
	.messenger__control {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 25px 28px;
		border-radius: 32px 32px 0 0;
		background: #3e6bec;
	}
	.messenger__control_sound .messenger__input {
		padding-left: 110px;
	}
	.messenger__profile {
		padding-right: 10px;
	}
	.messenger__profile .messenger__ava {
		width: 38px;
		height: 38px;
	}
	.messenger__profile .messenger__user {
		font-size: 16px;
	}
	.messenger__duration {
		left: 55px;
	}
	body.dark .messenger__input {
		background: #ffffff;
		color: #1e1f20;
	}
	body.dark .messenger__input::-webkit-input-placeholder {
		color: #7f85a2;
	}
	body.dark .messenger__input::-ms-input-placeholder {
		color: #7f85a2;
	}
	body.dark .messenger__input::placeholder {
		color: #7f85a2;
	}
	body.dark .messenger__smile .icon {
		fill: #7f85a2;
	}
	body.dark .messenger__smile:hover .icon {
		fill: #3e6bec;
	}
	.dropdown__head .icon {
		font-size: 16px;
	}
	.files__item {
		padding: 8px;
	}
	.files__list .files__item {
		border: none;
		background: none;
	}
	.files > .files__item .files__icon {
		width: 22px;
	}
	.files__details {
		padding-left: 8px;
	}
	.files > .files__item .files__name {
		font-weight: 400;
		color: #7f85a2;
	}
	.files > .files__item .files__size {
		display: none;
	}
	.files__action .icon {
		font-size: 16px;
	}
	.files .dropdown__head .icon {
		font-size: 16px;
	}
	.files__group {
		margin: -10px -5px 0;
	}
	.files__group .files__item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(50% - 10px);
		flex: 0 0 calc(50% - 10px);
		width: calc(50% - 10px);
		margin: 10px 5px 0;
		border: none;
		background: #ffffff;
	}
	.files__group_cell .files__item {
		padding: 30px 12px;
	}
	.files__group_cell .files__icon {
		margin-bottom: 20px;
	}
	.files__plus {
		width: 40px;
		height: 40px;
		margin-top: 0;
	}
	.users__item:not(:last-child),
	.users__add:not(:last-child) {
		margin-bottom: 18px;
	}
	.details__man {
		font-size: 22px;
	}
	.details__control {
		margin-top: 24px;
	}
	.details__list:not(.details__list_empty) {
		margin-top: 32px;
		padding-top: 32px;
	}
	.details__item:not(:last-child) {
		margin-bottom: 32px;
	}
	.details:not(:last-child) {
		margin-bottom: 40px;
	}
	.inbox {
		padding: 0;
	}
	.inbox__sidebar {
		padding: 112px 28px 120px;
	}
	.inbox__sidebar > .nav {
		display: inline-block;
		margin-bottom: 10px;
	}
	.inbox__item {
		padding: 18px;
	}
	.inbox__ava {
		width: 28px;
		height: 28px;
		margin-right: 8px;
	}
	.inbox__ava img {
		border-radius: 10px;
	}
	.inbox__details {
		padding-top: 6px;
	}
	.inbox__line {
		margin-bottom: 16px;
	}
	.inbox__time {
		margin-left: 8px;
	}
	.inbox__info {
		margin-left: -36px;
	}
	.inbox__text {
		margin-left: -36px;
	}
	.inbox__add {
		position: static;
	}
	.message {
		padding: 24px 28px 32px;
	}
	.message__top {
		margin-bottom: 24px;
		padding-bottom: 24px;
	}
	.message__back {
		margin-right: 12px;
	}
	.message__actions {
		margin-right: -10px;
	}
	.message__top .message__action .icon {
		font-size: 16px;
	}
	.message__top .message__action:not(:last-child) {
		margin-right: 8px;
	}
	.message > .message__user {
		margin-bottom: 24px;
	}
	.message__title {
		margin-bottom: 28px;
		font-size: 16px;
	}
	.message .files:not(:last-child) {
		margin-bottom: 28px;
	}
	.message__answer {
		margin-top: 32px;
		padding: 32px 0 0;
		border-radius: 0;
		border-width: 2px 0 0;
		border-style: solid;
		border-color: rgba(127, 133, 162, 0.4);
	}
	.message__answer .message__action .icon {
		font-size: 16px;
	}
	.message__answer .message__action:not(:last-child) {
		margin-right: 16px;
	}
	.calendar__wrapper {
		display: none;
	}
	.calendar__mobile {
		display: block;
	}
	.tasks__section:not(:last-child) {
		margin-bottom: 42px;
	}
	.tasks__title {
		margin-bottom: 20px;
	}
	.tasks__list {
		display: block;
		margin: 0;
	}
	.tasks__item {
		width: 100%;
		margin: 0;
	}
	.tasks__item:not(:last-child) {
		margin-bottom: 18px;
	}
	.tasks__btn {
		min-width: 100%;
		margin: 0;
	}
	.activity {
		padding: 0;
		background: none;
		border-radius: 0;
	}
	.activity__date {
		font-size: 16px;
		font-weight: 700;
		color: #7f85a2;
	}
	.activity__item {
		padding-left: 36px;
	}
	.activity__item:not(:last-child) {
		padding-bottom: 18px;
	}
	.activity__icon {
		width: 28px;
		height: 28px;
		border-radius: 10px;
	}
	.activity__ava {
		width: 28px;
		height: 28px;
		margin-right: 8px;
	}
	.activity__ava img {
		border-radius: 10px;
	}
	.activity__details {
		padding-top: 4px;
	}
	.activity__text {
		margin-top: 5px;
	}
	.activity .files {
		margin: 8px -8px 0 -36px;
	}
	.activity .files__item {
		padding: 8px;
		background: none;
	}
	.activity__row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 8px 0 0 -36px;
	}
	.activity__box {
		margin-right: auto;
		padding-right: 10px;
	}
	.activity__title {
		margin-bottom: 8px;
		font-size: 14px;
	}
	.activity__user {
		width: 18px;
		height: 18px;
	}
	.activity__user img {
		border-radius: 6px;
	}
	.activity__user:not(:first-child) {
		margin-left: -3px;
	}
	.activity__counter {
		width: 18px;
		height: 18px;
		border-radius: 6px;
		margin-left: -3px;
		font-size: 10px;
	}
	.activity__btns {
		margin: 6px 0;
	}
	.activity__btn {
		padding: 0 10px;
	}
	.activity__btn:not(:last-child) {
		margin-right: 10px;
	}
	body.dark .activity {
		background: none;
	}
	.library__head {
		margin-bottom: 28px;
	}
	.library__head .dropdown {
		display: none;
	}
	.library__field {
		margin: 0;
	}
	.library__btn {
		display: none;
	}
	.library__row {
		padding: 18px;
	}
	.library__row:not(:last-child) {
		margin-bottom: 18px;
	}
	.library__file {
		padding-right: 16px;
	}
	.library__folder {
		width: 28px;
		margin-right: 8px;
	}
	.library__info,
	.library__size {
		display: none;
	}
	.library__action:not(:last-child) {
		margin-right: 10px;
	}
	.manager {
		display: block;
		padding: 112px 28px 120px;
	}
	.manager__container {
		padding: 0;
		height: auto;
		overflow: visible;
	}
	.manager__wrapper {
		padding: 0;
		background: none;
		border-radius: 0;
	}
	.manager__head {
		margin-bottom: 28px;
	}
	.manager__breadcrumbs {
		margin: 0;
	}
	.manager__control {
		display: none;
	}
	.manager__section:not(:last-child) {
		margin-bottom: 32px;
	}
	.manager__section_upload {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.manager__title {
		display: none;
	}
	.manager__files {
		margin: -10px -5px 0;
	}
	.manager__box {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(50% - 10px);
		flex: 0 0 calc(50% - 10px);
		width: calc(50% - 10px);
		margin: 10px 5px 0;
		padding: 30px 12px 18px;
		background: #ffffff;
	}
	.manager__box .manager__icon {
		width: 45px;
		margin-bottom: 10px;
	}
	.manager__upload {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
		margin: 0 0 28px;
		padding: 28px;
	}
	.manager__upload .manager__icon {
		margin: -2px 8px 0 0;
	}
	.manager__upload .manager__icon .icon {
		font-size: 18px;
	}
	.manager__upload .manager__text {
		font-size: 14px;
	}
	body.dark .manager__wrapper {
		background: none;
	}
	body.dark .manager__box {
		background: #35363a;
	}
	.boards__row {
		margin: 0 -28px;
	}
	.boards__row:before,
	.boards__row:after {
		width: 28px;
	}
	.boards__col {
		width: 310px;
	}
	.boards__col:not(:last-child) {
		margin-right: 10px;
	}
	.boards__form > .boards__box {
		margin-bottom: 20px;
	}
	.boards__box .nice-select {
		font-size: 12px;
	}
	.boards__flex {
		display: block;
		margin: 0 0 20px;
	}
	.boards__flex .boards__box {
		width: 100%;
		margin: 0;
	}
	.boards__flex .boards__box:not(:last-child) {
		margin-bottom: 20px;
	}
	.boards__btns {
		margin-top: 32px;
	}
	.contacts__list {
		margin: -10px -5px 0;
	}
	.contacts__item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(50% - 10px);
		flex: 0 0 calc(50% - 10px);
		width: calc(50% - 10px);
		margin: 10px 5px 0;
	}
	.contacts__favorite .icon {
		font-size: 16px;
	}
	.contacts__ava {
		width: 48px;
		height: 48px;
		margin: 0 12px;
	}
	.contacts .dropdown__head .icon {
		font-size: 16px;
	}
	.contacts__position {
		margin-bottom: 12px;
	}
	.settings {
		padding: 112px 28px 120px;
	}
	.settings__sidebar {
		padding: 32px 28px;
	}
	.settings__head {
		margin-bottom: 40px;
		padding: 0;
	}
	.settings__stage {
		font-size: 22px;
	}
	.settings__close {
		margin-right: -4px;
	}
	.settings__close .icon {
		font-size: 16px;
	}
	.settings__container {
		padding: 0;
	}
	.settings__link {
		padding: 0;
	}
	.settings__title {
		margin-bottom: 28px;
		font-size: 16px;
		color: #7f85a2;
	}
	.settings__profile {
		position: relative;
		margin-bottom: 38px;
	}
	.settings__ava {
		width: 108px;
		height: 108px;
		margin: 0 auto;
	}
	.settings__ava img {
		border-radius: 36px;
	}
	.settings__details .settings__category {
		display: none;
	}
	.settings__load {
		position: absolute;
		top: 50%;
		left: calc(50% - 118px);
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 38px;
		height: 38px;
		margin: 0;
		border-radius: 12px;
		background: #62ca76;
		font-size: 0;
	}
	.settings__load .icon {
		display: inline-block;
		font-size: 16px;
		fill: #ffffff;
	}
	.settings__load .settings__btn {
		display: none;
	}
	.settings__fieldset {
		margin-bottom: 32px;
	}
	.settings__control .settings__btn {
		position: absolute;
		top: 50%;
		right: calc(50% - 118px);
		min-width: 38px;
		height: 38px;
		padding: 0;
		border-radius: 12px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		font-size: 0;
	}
	.settings__control .settings__btn .icon {
		margin: 0;
	}
	.settings__group:not(:last-child) {
		margin-bottom: 28px;
		padding-bottom: 28px;
	}
	.settings__row {
		display: block;
		margin: 0;
	}
	.settings__row .settings__field {
		width: 100%;
		margin: 0;
	}
	.settings__row .settings__field:not(:last-child) {
		margin-bottom: 28px;
	}
	.settings__form .settings__btn {
		min-width: 100%;
		height: 60px;
	}
	body.dark .settings__link.active {
		background: none;
	}
	.notifications {
		z-index: 20;
		width: 100%;
		border-radius: 0;
	}
	.notifications__wrapper {
		padding: 32px 28px;
	}
	.notifications__close {
		right: 28px;
	}
	.profile {
		z-index: 20;
		width: 100%;
		border-radius: 0;
	}
	.mobile-hide {
		display: none !important;
	}
	.mobile-show {
		display: block !important;
	}
	.mobile-text-right {
		text-align: right !important;
	}
}