html {
font-family: 'Roboto', sans-serif;
}
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
display: block;
}
/**
* Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template, /* 1 */
[hidden] {
display: none;
}
/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0;
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/* Forms
========================================================================== */
/**
* 1. Change font properties to `inherit` in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
margin: 0; /* 2 */
}
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: bold;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/
/*::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}*/
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
}
.clearfix:after {
display: table;
clear: both;
content: '';
}
.cf:after,
.datepicker-popup__inner:after,
.range-group__bottom:after,
.tabs:after {
display: table;
clear: both;
content: '';
}
html {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
body,
.page {
font-size: 14px;
color: #232839;
background-color: #fff;
margin: 0 !important;
}
a {
text-decoration: none;
color: #788295;
font-weight: 400;
transition: all ease 0.2s;
}
p {
margin-top: 0;
margin-bottom: 16px;
}
.txt-large {
font-size: 20px;
line-height: 28px;
}
.txt-small {
font-size: 14px;
line-height: 20px;
}
.page-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.content-left {
width: 100%;
}
.clearfix:after,
.clearfix:before {
content: '';
display: table;
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hide {
display: none;
}
.invisible {
visibility: hidden;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.txt-left {
text-align: left;
}
.txt-center {
text-align: center;
}
.txt-right {
text-align: right;
}
.nowrap {
white-space: nowrap;
}
.grid {
list-style: none /* [1] */;
margin: 0 /* [2] */;
padding: 0 /* [2] */;
margin-left: 0 /* [3] */;
width: 100%;
letter-spacing: -0.31em;
}
.opera:-o-prefocus,
.grid {
word-spacing: -0.43em;
}
.grid__item {
display: inline-block /* [1] */;
padding-left: 0 /* [2] */;
vertical-align: top /* [3] */;
width: 100% /* [4] */;
box-sizing: border-box /* [5] */;
word-spacing: normal;
letter-spacing: normal;
}
.grid--rev {
direction: rtl;
text-align: left;
}
.grid--rev > .grid__item {
direction: ltr;
text-align: left;
}
.grid--full {
margin-left: 0;
}
.grid--full > .grid__item {
padding-left: 0;
}
.grid--right {
text-align: right;
}
.grid--right > .grid__item {
text-align: left;
}
.grid--center {
text-align: center;
}
.grid--center > .grid__item {
text-align: left;
}
.grid--middle > .grid__item {
vertical-align: middle;
}
.grid--bottom > .grid__item {
vertical-align: bottom;
}
.grid--narrow {
margin-left: 0;
}
.grid--narrow > .grid__item {
padding-left: 0;
}
.grid--wide {
margin-left: 0;
}
.grid--wide > .grid__item {
padding-left: 0;
}
.one-whole {
width: 100%;
}
.one-half {
width: 50%;
}
.one-third {
width: 33.33333333333333%;
}
.two-thirds {
width: 66.66666666666666%;
}
.one-quarter {
width: 25%;
}
.two-quarters {
width: 50%;
}
.three-quarters {
width: 75%;
}
.one-fifth {
width: 20%;
}
.two-fifths {
width: 40%;
}
.three-fifths {
width: 60%;
}
.four-fifths {
width: 80%;
}
.one-sixth {
width: 16.666666666666664%;
}
.two-sixths {
width: 33.33333333333333%;
}
.three-sixths {
width: 50%;
}
.four-sixths {
width: 66.66666666666666%;
}
.five-sixths {
width: 83.33333333333334%;
}
.one-eighth {
width: 12.5%;
}
.two-eighths {
width: 25%;
}
.three-eighths {
width: 37.5%;
}
.four-eighths {
width: 50%;
}
.five-eighths {
width: 62.5%;
}
.six-eighths {
width: 75%;
}
.seven-eighths {
width: 87.5%;
}
.one-ninth {
width: 11.11111111111111%;
}
.two-ninths {
width: 22.22222222222222%;
}
.three-ninths {
width: 33.33333333333333%;
}
.four-ninths {
width: 44.44444444444444%;
}
.five-ninths {
width: 55.55555555555556%;
}
.six-ninths {
width: 66.66666666666666%;
}
.seven-ninths {
width: 77.77777777777779%;
}
.eight-ninths {
width: 88.88888888888889%;
}
.one-tenth {
width: 10%;
}
.two-tenths {
width: 20%;
}
.three-tenths {
width: 30%;
}
.four-tenths {
width: 40%;
}
.five-tenths {
width: 50%;
}
.six-tenths {
width: 60%;
}
.seven-tenths {
width: 70%;
}
.eight-tenths {
width: 80%;
}
.nine-tenths {
width: 90%;
}
.one-twelfth {
width: 8.333333333333332%;
}
.two-twelfths {
width: 16.666666666666664%;
}
.three-twelfths {
width: 25%;
}
.four-twelfths {
width: 33.33333333333333%;
}
.five-twelfths {
width: 41.66666666666667%;
}
.six-twelfths {
width: 50%;
}
.seven-twelfths {
width: 58.333333333333336%;
}
.eight-twelfths {
width: 66.66666666666666%;
}
.nine-twelfths {
width: 75%;
}
.ten-twelfths {
width: 83.33333333333334%;
}
.eleven-twelfths {
width: 91.66666666666666%;
}
.one-sixteen {
width: 6.25%;
}
.two-sixteens {
width: 12.5%;
}
.three-sixteens {
width: 18.75%;
}
.four-sixteens {
width: 25%;
}
.five-sixteens {
width: 31.25%;
}
.six-sixteens {
width: 37.5%;
}
.seven-sixteens {
width: 43.75%;
}
.eight-sixteens {
width: 50%;
}
.nine-sixteens {
width: 56.25%;
}
.ten-sixteens {
width: 62.5%;
}
.eleven-sixteens {
width: 68.75%;
}
.twelfth-sixteens {
width: 75%;
}
.thirteen-sixteens {
width: 81.25%;
}
.fourteen-sixteens {
width: 87.5%;
}
.fifteen-sixteens {
width: 93.75%;
}
@media (max-width: 640px) {
.mobile-one-whole {
width: 100%;
}
.mobile-one-half {
width: 50%;
}
.mobile-one-third {
width: 33.33333333333333%;
}
.mobile-two-thirds {
width: 66.66666666666666%;
}
.mobile-one-quarter {
width: 25%;
}
.mobile-two-quarters {
width: 50%;
}
.mobile-three-quarters {
width: 75%;
}
.mobile-one-fifth {
width: 20%;
}
.mobile-two-fifths {
width: 40%;
}
.mobile-three-fifths {
width: 60%;
}
.mobile-four-fifths {
width: 80%;
}
.mobile-one-sixth {
width: 16.666666666666664%;
}
.mobile-two-sixths {
width: 33.33333333333333%;
}
.mobile-three-sixths {
width: 50%;
}
.mobile-four-sixths {
width: 66.66666666666666%;
}
.mobile-five-sixths {
width: 83.33333333333334%;
}
.mobile-one-eighth {
width: 12.5%;
}
.mobile-two-eighths {
width: 25%;
}
.mobile-three-eighths {
width: 37.5%;
}
.mobile-four-eighths {
width: 50%;
}
.mobile-five-eighths {
width: 62.5%;
}
.mobile-six-eighths {
width: 75%;
}
.mobile-seven-eighths {
width: 87.5%;
}
.mobile-one-ninth {
width: 11.11111111111111%;
}
.mobile-two-ninths {
width: 22.22222222222222%;
}
.mobile-three-ninths {
width: 33.33333333333333%;
}
.mobile-four-ninths {
width: 44.44444444444444%;
}
.mobile-five-ninths {
width: 55.55555555555556%;
}
.mobile-six-ninths {
width: 66.66666666666666%;
}
.mobile-seven-ninths {
width: 77.77777777777779%;
}
.mobile-eight-ninths {
width: 88.88888888888889%;
}
.mobile-one-tenth {
width: 10%;
}
.mobile-two-tenths {
width: 20%;
}
.mobile-three-tenths {
width: 30%;
}
.mobile-four-tenths {
width: 40%;
}
.mobile-five-tenths {
width: 50%;
}
.mobile-six-tenths {
width: 60%;
}
.mobile-seven-tenths {
width: 70%;
}
.mobile-eight-tenths {
width: 80%;
}
.mobile-nine-tenths {
width: 90%;
}
.mobile-one-twelfth {
width: 8.333333333333332%;
}
.mobile-two-twelfths {
width: 16.666666666666664%;
}
.mobile-three-twelfths {
width: 25%;
}
.mobile-four-twelfths {
width: 33.33333333333333%;
}
.mobile-five-twelfths {
width: 41.66666666666667%;
}
.mobile-six-twelfths {
width: 50%;
}
.mobile-seven-twelfths {
width: 58.333333333333336%;
}
.mobile-eight-twelfths {
width: 66.66666666666666%;
}
.mobile-nine-twelfths {
width: 75%;
}
.mobile-ten-twelfths {
width: 83.33333333333334%;
}
.mobile-eleven-twelfths {
width: 91.66666666666666%;
}
.mobile-one-sixteen {
width: 6.25%;
}
.mobile-two-sixteens {
width: 12.5%;
}
.mobile-three-sixteens {
width: 18.75%;
}
.mobile-four-sixteens {
width: 25%;
}
.mobile-five-sixteens {
width: 31.25%;
}
.mobile-six-sixteens {
width: 37.5%;
}
.mobile-seven-sixteens {
width: 43.75%;
}
.mobile-eight-sixteens {
width: 50%;
}
.mobile-nine-sixteens {
width: 56.25%;
}
.mobile-ten-sixteens {
width: 62.5%;
}
.mobile-eleven-sixteens {
width: 68.75%;
}
.mobile-twelfth-sixteens {
width: 75%;
}
.mobile-thirteen-sixteens {
width: 81.25%;
}
.mobile-fourteen-sixteens {
width: 87.5%;
}
.mobile-fifteen-sixteens {
width: 93.75%;
}
}
@media (min-width: 961px) and (max-width: 1024px) {
.horizontal-tablet-one-whole {
width: 100%;
}
.horizontal-tablet-one-half {
width: 50%;
}
.horizontal-tablet-one-third {
width: 33.33333333333333%;
}
.horizontal-tablet-two-thirds {
width: 66.66666666666666%;
}
.horizontal-tablet-one-quarter {
width: 25%;
}
.horizontal-tablet-two-quarters {
width: 50%;
}
.horizontal-tablet-three-quarters {
width: 75%;
}
.horizontal-tablet-one-fifth {
width: 20%;
}
.horizontal-tablet-two-fifths {
width: 40%;
}
.horizontal-tablet-three-fifths {
width: 60%;
}
.horizontal-tablet-four-fifths {
width: 80%;
}
.horizontal-tablet-one-sixth {
width: 16.666666666666664%;
}
.horizontal-tablet-two-sixths {
width: 33.33333333333333%;
}
.horizontal-tablet-three-sixths {
width: 50%;
}
.horizontal-tablet-four-sixths {
width: 66.66666666666666%;
}
.horizontal-tablet-five-sixths {
width: 83.33333333333334%;
}
.horizontal-tablet-one-eighth {
width: 12.5%;
}
.horizontal-tablet-two-eighths {
width: 25%;
}
.horizontal-tablet-three-eighths {
width: 37.5%;
}
.horizontal-tablet-four-eighths {
width: 50%;
}
.horizontal-tablet-five-eighths {
width: 62.5%;
}
.horizontal-tablet-six-eighths {
width: 75%;
}
.horizontal-tablet-seven-eighths {
width: 87.5%;
}
.horizontal-tablet-one-ninth {
width: 11.11111111111111%;
}
.horizontal-tablet-two-ninths {
width: 22.22222222222222%;
}
.horizontal-tablet-three-ninths {
width: 33.33333333333333%;
}
.horizontal-tablet-four-ninths {
width: 44.44444444444444%;
}
.horizontal-tablet-five-ninths {
width: 55.55555555555556%;
}
.horizontal-tablet-six-ninths {
width: 66.66666666666666%;
}
.horizontal-tablet-seven-ninths {
width: 77.77777777777779%;
}
.horizontal-tablet-eight-ninths {
width: 88.88888888888889%;
}
.horizontal-tablet-one-tenth {
width: 10%;
}
.horizontal-tablet-two-tenths {
width: 20%;
}
.horizontal-tablet-three-tenths {
width: 30%;
}
.horizontal-tablet-four-tenths {
width: 40%;
}
.horizontal-tablet-five-tenths {
width: 50%;
}
.horizontal-tablet-six-tenths {
width: 60%;
}
.horizontal-tablet-seven-tenths {
width: 70%;
}
.horizontal-tablet-eight-tenths {
width: 80%;
}
.horizontal-tablet-nine-tenths {
width: 90%;
}
.horizontal-tablet-one-twelfth {
width: 8.333333333333332%;
}
.horizontal-tablet-two-twelfths {
width: 16.666666666666664%;
}
.horizontal-tablet-three-twelfths {
width: 25%;
}
.horizontal-tablet-four-twelfths {
width: 33.33333333333333%;
}
.horizontal-tablet-five-twelfths {
width: 41.66666666666667%;
}
.horizontal-tablet-six-twelfths {
width: 50%;
}
.horizontal-tablet-seven-twelfths {
width: 58.333333333333336%;
}
.horizontal-tablet-eight-twelfths {
width: 66.66666666666666%;
}
.horizontal-tablet-nine-twelfths {
width: 75%;
}
.horizontal-tablet-ten-twelfths {
width: 83.33333333333334%;
}
.horizontal-tablet-eleven-twelfths {
width: 91.66666666666666%;
}
.horizontal-tablet-one-sixteen {
width: 6.25%;
}
.horizontal-tablet-two-sixteens {
width: 12.5%;
}
.horizontal-tablet-three-sixteens {
width: 18.75%;
}
.horizontal-tablet-four-sixteens {
width: 25%;
}
.horizontal-tablet-five-sixteens {
width: 31.25%;
}
.horizontal-tablet-six-sixteens {
width: 37.5%;
}
.horizontal-tablet-seven-sixteens {
width: 43.75%;
}
.horizontal-tablet-eight-sixteens {
width: 50%;
}
.horizontal-tablet-nine-sixteens {
width: 56.25%;
}
.horizontal-tablet-ten-sixteens {
width: 62.5%;
}
.horizontal-tablet-eleven-sixteens {
width: 68.75%;
}
.horizontal-tablet-twelfth-sixteens {
width: 75%;
}
.horizontal-tablet-thirteen-sixteens {
width: 81.25%;
}
.horizontal-tablet-fourteen-sixteens {
width: 87.5%;
}
.horizontal-tablet-fifteen-sixteens {
width: 93.75%;
}
}
@media (min-width: 641px) and (max-width: 768px) {
.vertical-tablet-one-whole {
width: 100%;
}
.vertical-tablet-one-half {
width: 50%;
}
.vertical-tablet-one-third {
width: 33.33333333333333%;
}
.vertical-tablet-two-thirds {
width: 66.66666666666666%;
}
.vertical-tablet-one-quarter {
width: 25%;
}
.vertical-tablet-two-quarters {
width: 50%;
}
.vertical-tablet-three-quarters {
width: 75%;
}
.vertical-tablet-one-fifth {
width: 20%;
}
.vertical-tablet-two-fifths {
width: 40%;
}
.vertical-tablet-three-fifths {
width: 60%;
}
.vertical-tablet-four-fifths {
width: 80%;
}
.vertical-tablet-one-sixth {
width: 16.666666666666664%;
}
.vertical-tablet-two-sixths {
width: 33.33333333333333%;
}
.vertical-tablet-three-sixths {
width: 50%;
}
.vertical-tablet-four-sixths {
width: 66.66666666666666%;
}
.vertical-tablet-five-sixths {
width: 83.33333333333334%;
}
.vertical-tablet-one-eighth {
width: 12.5%;
}
.vertical-tablet-two-eighths {
width: 25%;
}
.vertical-tablet-three-eighths {
width: 37.5%;
}
.vertical-tablet-four-eighths {
width: 50%;
}
.vertical-tablet-five-eighths {
width: 62.5%;
}
.vertical-tablet-six-eighths {
width: 75%;
}
.vertical-tablet-seven-eighths {
width: 87.5%;
}
.vertical-tablet-one-ninth {
width: 11.11111111111111%;
}
.vertical-tablet-two-ninths {
width: 22.22222222222222%;
}
.vertical-tablet-three-ninths {
width: 33.33333333333333%;
}
.vertical-tablet-four-ninths {
width: 44.44444444444444%;
}
.vertical-tablet-five-ninths {
width: 55.55555555555556%;
}
.vertical-tablet-six-ninths {
width: 66.66666666666666%;
}
.vertical-tablet-seven-ninths {
width: 77.77777777777779%;
}
.vertical-tablet-eight-ninths {
width: 88.88888888888889%;
}
.vertical-tablet-one-tenth {
width: 10%;
}
.vertical-tablet-two-tenths {
width: 20%;
}
.vertical-tablet-three-tenths {
width: 30%;
}
.vertical-tablet-four-tenths {
width: 40%;
}
.vertical-tablet-five-tenths {
width: 50%;
}
.vertical-tablet-six-tenths {
width: 60%;
}
.vertical-tablet-seven-tenths {
width: 70%;
}
.vertical-tablet-eight-tenths {
width: 80%;
}
.vertical-tablet-nine-tenths {
width: 90%;
}
.vertical-tablet-one-twelfth {
width: 8.333333333333332%;
}
.vertical-tablet-two-twelfths {
width: 16.666666666666664%;
}
.vertical-tablet-three-twelfths {
width: 25%;
}
.vertical-tablet-four-twelfths {
width: 33.33333333333333%;
}
.vertical-tablet-five-twelfths {
width: 41.66666666666667%;
}
.vertical-tablet-six-twelfths {
width: 50%;
}
.vertical-tablet-seven-twelfths {
width: 58.333333333333336%;
}
.vertical-tablet-eight-twelfths {
width: 66.66666666666666%;
}
.vertical-tablet-nine-twelfths {
width: 75%;
}
.vertical-tablet-ten-twelfths {
width: 83.33333333333334%;
}
.vertical-tablet-eleven-twelfths {
width: 91.66666666666666%;
}
.vertical-tablet-one-sixteen {
width: 6.25%;
}
.vertical-tablet-two-sixteens {
width: 12.5%;
}
.vertical-tablet-three-sixteens {
width: 18.75%;
}
.vertical-tablet-four-sixteens {
width: 25%;
}
.vertical-tablet-five-sixteens {
width: 31.25%;
}
.vertical-tablet-six-sixteens {
width: 37.5%;
}
.vertical-tablet-seven-sixteens {
width: 43.75%;
}
.vertical-tablet-eight-sixteens {
width: 50%;
}
.vertical-tablet-nine-sixteens {
width: 56.25%;
}
.vertical-tablet-ten-sixteens {
width: 62.5%;
}
.vertical-tablet-eleven-sixteens {
width: 68.75%;
}
.vertical-tablet-twelfth-sixteens {
width: 75%;
}
.vertical-tablet-thirteen-sixteens {
width: 81.25%;
}
.vertical-tablet-fourteen-sixteens {
width: 87.5%;
}
.vertical-tablet-fifteen-sixteens {
width: 93.75%;
}
}
@media (min-width: 641px) and (max-width: 960px) {
.tablet-one-whole {
width: 100%;
}
.tablet-one-half {
width: 50%;
}
.tablet-one-third {
width: 33.33333333333333%;
}
.tablet-two-thirds {
width: 66.66666666666666%;
}
.tablet-one-quarter {
width: 25%;
}
.tablet-two-quarters {
width: 50%;
}
.tablet-three-quarters {
width: 75%;
}
.tablet-one-fifth {
width: 20%;
}
.tablet-two-fifths {
width: 40%;
}
.tablet-three-fifths {
width: 60%;
}
.tablet-four-fifths {
width: 80%;
}
.tablet-one-sixth {
width: 16.666666666666664%;
}
.tablet-two-sixths {
width: 33.33333333333333%;
}
.tablet-three-sixths {
width: 50%;
}
.tablet-four-sixths {
width: 66.66666666666666%;
}
.tablet-five-sixths {
width: 83.33333333333334%;
}
.tablet-one-eighth {
width: 12.5%;
}
.tablet-two-eighths {
width: 25%;
}
.tablet-three-eighths {
width: 37.5%;
}
.tablet-four-eighths {
width: 50%;
}
.tablet-five-eighths {
width: 62.5%;
}
.tablet-six-eighths {
width: 75%;
}
.tablet-seven-eighths {
width: 87.5%;
}
.tablet-one-ninth {
width: 11.11111111111111%;
}
.tablet-two-ninths {
width: 22.22222222222222%;
}
.tablet-three-ninths {
width: 33.33333333333333%;
}
.tablet-four-ninths {
width: 44.44444444444444%;
}
.tablet-five-ninths {
width: 55.55555555555556%;
}
.tablet-six-ninths {
width: 66.66666666666666%;
}
.tablet-seven-ninths {
width: 77.77777777777779%;
}
.tablet-eight-ninths {
width: 88.88888888888889%;
}
.tablet-one-tenth {
width: 10%;
}
.tablet-two-tenths {
width: 20%;
}
.tablet-three-tenths {
width: 30%;
}
.tablet-four-tenths {
width: 40%;
}
.tablet-five-tenths {
width: 50%;
}
.tablet-six-tenths {
width: 60%;
}
.tablet-seven-tenths {
width: 70%;
}
.tablet-eight-tenths {
width: 80%;
}
.tablet-nine-tenths {
width: 90%;
}
.tablet-one-twelfth {
width: 8.333333333333332%;
}
.tablet-two-twelfths {
width: 16.666666666666664%;
}
.tablet-three-twelfths {
width: 25%;
}
.tablet-four-twelfths {
width: 33.33333333333333%;
}
.tablet-five-twelfths {
width: 41.66666666666667%;
}
.tablet-six-twelfths {
width: 50%;
}
.tablet-seven-twelfths {
width: 58.333333333333336%;
}
.tablet-eight-twelfths {
width: 66.66666666666666%;
}
.tablet-nine-twelfths {
width: 75%;
}
.tablet-ten-twelfths {
width: 83.33333333333334%;
}
.tablet-eleven-twelfths {
width: 91.66666666666666%;
}
.tablet-one-sixteen {
width: 6.25%;
}
.tablet-two-sixteens {
width: 12.5%;
}
.tablet-three-sixteens {
width: 18.75%;
}
.tablet-four-sixteens {
width: 25%;
}
.tablet-five-sixteens {
width: 31.25%;
}
.tablet-six-sixteens {
width: 37.5%;
}
.tablet-seven-sixteens {
width: 43.75%;
}
.tablet-eight-sixteens {
width: 50%;
}
.tablet-nine-sixteens {
width: 56.25%;
}
.tablet-ten-sixteens {
width: 62.5%;
}
.tablet-eleven-sixteens {
width: 68.75%;
}
.tablet-twelfth-sixteens {
width: 75%;
}
.tablet-thirteen-sixteens {
width: 81.25%;
}
.tablet-fourteen-sixteens {
width: 87.5%;
}
.tablet-fifteen-sixteens {
width: 93.75%;
}
}
@media (min-width: 961px) and (max-width: 1200px) {
.portable-one-whole {
width: 100%;
}
.portable-one-half {
width: 50%;
}
.portable-one-third {
width: 33.33333333333333%;
}
.portable-two-thirds {
width: 66.66666666666666%;
}
.portable-one-quarter {
width: 25%;
}
.portable-two-quarters {
width: 50%;
}
.portable-three-quarters {
width: 75%;
}
.portable-one-fifth {
width: 20%;
}
.portable-two-fifths {
width: 40%;
}
.portable-three-fifths {
width: 60%;
}
.portable-four-fifths {
width: 80%;
}
.portable-one-sixth {
width: 16.666666666666664%;
}
.portable-two-sixths {
width: 33.33333333333333%;
}
.portable-three-sixths {
width: 50%;
}
.portable-four-sixths {
width: 66.66666666666666%;
}
.portable-five-sixths {
width: 83.33333333333334%;
}
.portable-one-eighth {
width: 12.5%;
}
.portable-two-eighths {
width: 25%;
}
.portable-three-eighths {
width: 37.5%;
}
.portable-four-eighths {
width: 50%;
}
.portable-five-eighths {
width: 62.5%;
}
.portable-six-eighths {
width: 75%;
}
.portable-seven-eighths {
width: 87.5%;
}
.portable-one-ninth {
width: 11.11111111111111%;
}
.portable-two-ninths {
width: 22.22222222222222%;
}
.portable-three-ninths {
width: 33.33333333333333%;
}
.portable-four-ninths {
width: 44.44444444444444%;
}
.portable-five-ninths {
width: 55.55555555555556%;
}
.portable-six-ninths {
width: 66.66666666666666%;
}
.portable-seven-ninths {
width: 77.77777777777779%;
}
.portable-eight-ninths {
width: 88.88888888888889%;
}
.portable-one-tenth {
width: 10%;
}
.portable-two-tenths {
width: 20%;
}
.portable-three-tenths {
width: 30%;
}
.portable-four-tenths {
width: 40%;
}
.portable-five-tenths {
width: 50%;
}
.portable-six-tenths {
width: 60%;
}
.portable-seven-tenths {
width: 70%;
}
.portable-eight-tenths {
width: 80%;
}
.portable-nine-tenths {
width: 90%;
}
.portable-one-twelfth {
width: 8.333333333333332%;
}
.portable-two-twelfths {
width: 16.666666666666664%;
}
.portable-three-twelfths {
width: 25%;
}
.portable-four-twelfths {
width: 33.33333333333333%;
}
.portable-five-twelfths {
width: 41.66666666666667%;
}
.portable-six-twelfths {
width: 50%;
}
.portable-seven-twelfths {
width: 58.333333333333336%;
}
.portable-eight-twelfths {
width: 66.66666666666666%;
}
.portable-nine-twelfths {
width: 75%;
}
.portable-ten-twelfths {
width: 83.33333333333334%;
}
.portable-eleven-twelfths {
width: 91.66666666666666%;
}
.portable-one-sixteen {
width: 6.25%;
}
.portable-two-sixteens {
width: 12.5%;
}
.portable-three-sixteens {
width: 18.75%;
}
.portable-four-sixteens {
width: 25%;
}
.portable-five-sixteens {
width: 31.25%;
}
.portable-six-sixteens {
width: 37.5%;
}
.portable-seven-sixteens {
width: 43.75%;
}
.portable-eight-sixteens {
width: 50%;
}
.portable-nine-sixteens {
width: 56.25%;
}
.portable-ten-sixteens {
width: 62.5%;
}
.portable-eleven-sixteens {
width: 68.75%;
}
.portable-twelfth-sixteens {
width: 75%;
}
.portable-thirteen-sixteens {
width: 81.25%;
}
.portable-fourteen-sixteens {
width: 87.5%;
}
.portable-fifteen-sixteens {
width: 93.75%;
}
}
@media (min-width: 1201px) and (max-width: 1400px) {
.desk-one-whole {
width: 100%;
}
.desk-one-half {
width: 50%;
}
.desk-one-third {
width: 33.33333333333333%;
}
.desk-two-thirds {
width: 66.66666666666666%;
}
.desk-one-quarter {
width: 25%;
}
.desk-two-quarters {
width: 50%;
}
.desk-three-quarters {
width: 75%;
}
.desk-one-fifth {
width: 20%;
}
.desk-two-fifths {
width: 40%;
}
.desk-three-fifths {
width: 60%;
}
.desk-four-fifths {
width: 80%;
}
.desk-one-sixth {
width: 16.666666666666664%;
}
.desk-two-sixths {
width: 33.33333333333333%;
}
.desk-three-sixths {
width: 50%;
}
.desk-four-sixths {
width: 66.66666666666666%;
}
.desk-five-sixths {
width: 83.33333333333334%;
}
.desk-one-eighth {
width: 12.5%;
}
.desk-two-eighths {
width: 25%;
}
.desk-three-eighths {
width: 37.5%;
}
.desk-four-eighths {
width: 50%;
}
.desk-five-eighths {
width: 62.5%;
}
.desk-six-eighths {
width: 75%;
}
.desk-seven-eighths {
width: 87.5%;
}
.desk-one-ninth {
width: 11.11111111111111%;
}
.desk-two-ninths {
width: 22.22222222222222%;
}
.desk-three-ninths {
width: 33.33333333333333%;
}
.desk-four-ninths {
width: 44.44444444444444%;
}
.desk-five-ninths {
width: 55.55555555555556%;
}
.desk-six-ninths {
width: 66.66666666666666%;
}
.desk-seven-ninths {
width: 77.77777777777779%;
}
.desk-eight-ninths {
width: 88.88888888888889%;
}
.desk-one-tenth {
width: 10%;
}
.desk-two-tenths {
width: 20%;
}
.desk-three-tenths {
width: 30%;
}
.desk-four-tenths {
width: 40%;
}
.desk-five-tenths {
width: 50%;
}
.desk-six-tenths {
width: 60%;
}
.desk-seven-tenths {
width: 70%;
}
.desk-eight-tenths {
width: 80%;
}
.desk-nine-tenths {
width: 90%;
}
.desk-one-twelfth {
width: 8.333333333333332%;
}
.desk-two-twelfths {
width: 16.666666666666664%;
}
.desk-three-twelfths {
width: 25%;
}
.desk-four-twelfths {
width: 33.33333333333333%;
}
.desk-five-twelfths {
width: 41.66666666666667%;
}
.desk-six-twelfths {
width: 50%;
}
.desk-seven-twelfths {
width: 58.333333333333336%;
}
.desk-eight-twelfths {
width: 66.66666666666666%;
}
.desk-nine-twelfths {
width: 75%;
}
.desk-ten-twelfths {
width: 83.33333333333334%;
}
.desk-eleven-twelfths {
width: 91.66666666666666%;
}
.desk-one-sixteen {
width: 6.25%;
}
.desk-two-sixteens {
width: 12.5%;
}
.desk-three-sixteens {
width: 18.75%;
}
.desk-four-sixteens {
width: 25%;
}
.desk-five-sixteens {
width: 31.25%;
}
.desk-six-sixteens {
width: 37.5%;
}
.desk-seven-sixteens {
width: 43.75%;
}
.desk-eight-sixteens {
width: 50%;
}
.desk-nine-sixteens {
width: 56.25%;
}
.desk-ten-sixteens {
width: 62.5%;
}
.desk-eleven-sixteens {
width: 68.75%;
}
.desk-twelfth-sixteens {
width: 75%;
}
.desk-thirteen-sixteens {
width: 81.25%;
}
.desk-fourteen-sixteens {
width: 87.5%;
}
.desk-fifteen-sixteens {
width: 93.75%;
}
}
.highcharts-legend-item.highcharts-line-series .highcharts-graph {
display: none;
}
.hightcharts-toggle-item {
position: relative;
padding-left: 12px;
margin-left: -16px;
margin-bottom: 30px;
min-height: 92px;
transition: all 0.2s linear;
background-color: #fff;
}
.hightcharts-toggle-item:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -4px;
width: 4px;
border-left: 4px solid;
border-color: inherit;
transition: all 0.2s linear;
}
.hightcharts-toggle-item:after {
content: '';
width: 99px;
position: absolute;
top: 0;
bottom: 0;
right: -99px;
transition: all 0.2s linear;
background-color: transparent;
}
.hightcharts-toggle-item:hover {
background-color: #f9f9f9;
}
.hightcharts-toggle-item:hover:after {
background-color: #f9f9f9;
}
.highcharts-legend-item:last-child .hightcharts-toggle-item:after {
content: '';
width: 33px;
right: -33px;
}
.hightcharts-toggle-item-hidden .hightcharts-toggle-item:before {
border-color: #e6e6e7;
}
.hightcharts-toggle-item-hidden .highcharts-toggle-item__sum-value,
.hightcharts-toggle-item-hidden .highcharts-toggle-item__average-value,
.hightcharts-toggle-item-hidden .highcharts-toggle-item__target-value {
color: #9ba3b5;
}
.hightcharts-toggle-item-hidden:hover .hightcharts-toggle-item:before {
border-color: inherit;
}
.hightcharts-toggle-item-hidden:hover .highcharts-toggle-item__sum-value {
color: inherit;
}
.hightcharts-toggle-item-hidden:hover .highcharts-toggle-item__average-value,
.hightcharts-toggle-item-hidden:hover .highcharts-toggle-item__target-value {
color: #232839;
}
.highcharts-toggle-item__name {
font-size: 16px;
line-height: 20px;
color: #9ba3b5;
font-weight: 400;
padding-top: 4px;
transition: all 0.2s ease;
}
.highcharts-toggle-item__sum-value {
margin-bottom: 4px;
font-size: 32px;
line-height: 40px;
font-weight: 600;
color: inherit;
transition: all 0.2s ease;
}
.highcharts-toggle-item__sum-value .ruble {
font-size: 28px;
}
.highcharts-toggle-item__target-value {
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #232839;
transition: all 0.2s ease;
}
.highcharts-toggle-item__average-value {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #232839;
transition: all 0.2s ease;
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@charset 'UTF-8';
/* Slider */
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
.rangeslider,
.rangeslider__fill {
display: block;
border-radius: 10px;
}
.rangeslider {
background: #8890A0;
position: relative;
}
.rangeslider--horizontal {
height: 2px;
width: 100%;
}
.rangeslider--vertical {
width: 20px;
min-height: 150px;
max-height: 100%;
}
.rangeslider--disabled {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
opacity: 0.4;
}
.rangeslider__fill {
background: #8890A0;
position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
top: 0;
height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
bottom: 0;
width: 100%;
}
.rangeslider__handle {
background: white;
cursor: pointer;
display: inline-block;
width: 18px;
height: 18px;
position: absolute;
background-size: 100%;
border-radius: 50%;
border: 2px solid #232839;
-webkit-animation: animatePulse 2s infinite;
animation: animatePulse 2s infinite;
box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .5);
transition: box-shadow .3s;
}
.rangeslider__handle--stop-animate {
-webkit-animation: none;
animation: none;
}
.rangeslider__handle:active {
background-size: 100%;
-webkit-animation: none;
animation: none;
}
.rangeslider--horizontal .rangeslider__handle {
top: -8px;
touch-action: pan-y;
-ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
left: -10px;
touch-action: pan-x;
-ms-touch-action: pan-x;
}
@-webkit-keyframes animatePulse {
70% {
box-shadow: 0 0 0 12px hsla(0, 0%, 100%, 0);
}
to {
box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0);
}
}
@keyframes animatePulse {
70% {
box-shadow: 0 0 0 12px hsla(0, 0%, 100%, 0);
}
to {
box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0);
}
}
.selectric-wrapper {
position: relative;
cursor: pointer;
}
.selectric-responsive {
width: 100%;
}
.selectric {
width: 396px;
border: 1px solid #cbd2db;
background: #fff;
position: relative;
border-radius: 2px;
transition: 0.2s all ease;
}
.selectric.selectric_inline-block {
display: inline-block;
vertical-align: top;
}
.selectric .label {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 38px 0 20px;
font-size: 16px;
line-height: 46px;
color: #232839;
height: 46px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric .button {
display: block;
position: absolute;
right: 0;
top: 0;
width: 46px;
height: 46px;
color: #bbb;
text-align: center;
font-size: 0;
transition: all 0.2s ease;
}
.selectric .button:after {
content: " ";
width: 16px;
height: 16px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMjMyODM5IiBkPSJNOCwxMS40OUwyLjUwNSw1Ljk5NWMtMC4yNzMtMC4yNzMtMC4yNzMtMC43MTcsMC0wLjk5czAuNzE3LTAuMjczLDAuOTksMEw4LDkuNTFsNC41MDUtNC41MDUNCgkJYzAuMjczLTAuMjczLDAuNzE3LTAuMjczLDAuOTksMHMwLjI3MywwLjcxNywwLDAuOTlMOCwxMS40OXoiLz4NCjwvZz4NCjwvc3ZnPg0K") center center no-repeat;
transition: all ease 0.2s;
}
.selectric-focus .selectric {
border-color: #aaa;
}
.selectric-hover .selectric {
border-color: #8890a0;
}
.selectric-hover .selectric .button {
color: #a2a2a2;
}
.selectric-hover .selectric .button:after {
border-top-color: #a2a2a2;
}
.selectric-open {
z-index: 10;
}
.selectric-open .selectric {
border-color: #f5b73b;
}
.selectric-open .selectric-items {
display: block;
border-color: #f5b73b;
}
.selectric-open .button:after {
content: " ";
width: 16px;
height: 16px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMjMyODM5IiBkPSJNOCwxMS40OUwyLjUwNSw1Ljk5NWMtMC4yNzMtMC4yNzMtMC4yNzMtMC43MTcsMC0wLjk5czAuNzE3LTAuMjczLDAuOTksMEw4LDkuNTFsNC41MDUtNC41MDUNCgkJYzAuMjczLTAuMjczLDAuNzE3LTAuMjczLDAuOTksMHMwLjI3MywwLjcxNywwLDAuOTlMOCwxMS40OXoiLz4NCjwvZz4NCjwvc3ZnPg0K") center center no-repeat;
}
.selectric-open .button {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.selectric-disabled {
opacity: 0.5;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric-hide-select {
position: relative;
overflow: hidden;
width: 0;
height: 0;
}
.selectric-hide-select select {
position: absolute;
left: -100%;
}
.selectric-hide-select.selectric-is-native {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
}
.selectric-hide-select.selectric-is-native select {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
border: none;
z-index: 1;
box-sizing: border-box;
opacity: 0;
}
.selectric-input {
position: absolute !important;
top: 0 !important;
left: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
margin: 0 !important;
padding: 0 !important;
width: 1px !important;
height: 1px !important;
outline: none !important;
border: none !important;
*font: 0/0 a !important;
background: none !important;
}
.selectric-temp-show {
position: absolute !important;
visibility: hidden !important;
display: block !important;
}
.selectric-items {
display: none;
position: absolute;
top: 100%;
left: 0;
margin: -1px 0;
background: #f8f8f8;
border: 1px solid #cbd2db;
z-index: -1;
box-shadow: 0 0 10px -6px;
border-radius: 0 0 2px 2px;
transition: 0.2s all ease;
}
.selectric-items .selectric-scroll {
height: 100%;
overflow: auto;
}
.selectric-above .selectric-items {
top: auto;
bottom: 100%;
}
.selectric-items ul,
.selectric-items li {
list-style: none;
padding: 0;
margin: 0;
font-size: 16px;
line-height: 24px;
min-height: 20px;
}
.selectric-items li {
display: block;
padding: 10px;
color: #232839;
cursor: pointer;
background-color: #fff;
}
.selectric-items li.selected {
background: #fff;
color: #232839;
}
.selectric-items li:hover {
background: #f9f9f9;
}
.selectric-items .disabled {
opacity: 0.5;
cursor: default !important;
background: none !important;
color: #666 !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
font-weight: bold;
padding-left: 10px;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: none;
color: #444;
}
.selectric-items .selectric-group.disabled li {
opacity: 1;
}
.selectric-items .selectric-group li {
padding-left: 25px;
}
.h1-display {
font-size: 48px;
line-height: 1.166666666666667;
font-weight: 600;
margin: 1.5em 0 1em;
}
h1,
.h1 {
font-size: 32px;
line-height: 1.25;
font-weight: 600;
margin: 1.5em 0 1em;
}
h2,
.h2 {
font-size: 24px;
line-height: 1.333333333333333;
font-weight: 600;
margin: 1.5em 0 1em;
}
h3,
.h3 {
font-size: 20px;
line-height: 1.4;
font-weight: 600;
margin: 1.5em 0 1em;
}
h4,
.h4 {
font-size: 16px;
line-height: 1.5;
font-weight: 600;
margin: 1.7em 0 1.1em;
}
h5,
.h5 {
font-size: 16px;
line-height: 1.5;
font-weight: 600;
margin: 2.15em 0 1.5em;
}
h6,
.h6 {
font-size: 14px;
line-height: 1.428571428571429;
font-weight: 600;
margin: 2.6em 0 1.7em;
}
.h1-display.color_light_gray,
h1.color_light_gray,
.h1.color_light_gray,
h2.color_light_gray,
.h2.color_light_gray,
h3.color_light_gray,
.h3.color_light_gray,
h4.color_light_gray,
.h4.color_light_gray,
h5.color_light_gray,
.h5.color_light_gray,
h6.color_light_gray,
.h6.color_light_gray {
color: #a4abbb;
}
.h1-display.color_gray,
h1.color_gray,
.h1.color_gray,
h2.color_gray,
.h2.color_gray,
h3.color_gray,
.h3.color_gray,
h4.color_gray,
.h4.color_gray,
h5.color_gray,
.h5.color_gray,
h6.color_gray,
.h6.color_gray {
color: #788295;
}
.h1-display.font_weight_book,
h1.font_weight_book,
.h1.font_weight_book,
h2.font_weight_book,
.h2.font_weight_book,
h3.font_weight_book,
.h3.font_weight_book,
h4.font_weight_book,
.h4.font_weight_book,
h5.font_weight_book,
.h5.font_weight_book,
h6.font_weight_book,
.h6.font_weight_book {
font-weight: 400;
}
.text_x_large {
font-size: 24px;
line-height: 1.333333333333333;
}
.text_large {
font-size: 20px;
line-height: 1.4;
}
.text_small {
font-size: 14px;
line-height: 1.428571428571429;
}
.color_muted {
color: #a4abbb;
}
.color_light_gray {
color: #a4abbb;
}
.color_gray {
color: #788295;
}
.color_error {
color: #f10000;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
body {
font-size: 100%;
line-height: 1;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
a {
background: transparent;
}
*:focus,
*:active,
*:hover {
outline: none;
}
hr {
box-sizing: content-box;
height: 0;
}
ol,
ul {
list-style: none;
}
pre {
-moz-tab-size: 4;
tab-size: 4;
white-space: pre-wrap;
}
q {
quotes: '\201C' '\201D' '\2018' '\2019';
}
img {
border: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button {
overflow: visible;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type='checkbox'],
input[type='radio'] {
box-sizing: border-box;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
height: auto;
}
input[type='search'] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: none;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
button,
input,
select[multiple],
textarea {
background-image: none;
}
input,
select,
textarea {
border-radius: 0;
box-shadow: none;
}
input,
textarea {
resize: none;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
[placeholder]:focus::-webkit-input-placeholder {
color: transparent;
}
[placeholder]:focus::-moz-placeholder {
color: transparent;
}
[placeholder]:focus:-ms-input-placeholder {
color: transparent;
}
[placeholder]:focus::placeholder {
color: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0;
border: 0;
}
.analytics-controls {
display: block;
margin-bottom: 5px;
margin-left: 0.8%;
margin-right: 0.8%;
}
.analytics-controls__panel {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.analytics-controls__panel-left {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 3px;
}
.analytics-controls__panel-right {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.analytics-controls__panel-title {
line-height: 1.333333333333333;
font-weight: 600;
font-weight: 400;
font-size: 20px;
color: #183152;
}
.analytics-filter {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.analytics-header {
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
}
.analytics-header__top {
padding: 0 0 0 32px;
background-color: #183152;
border-spacing: 2px;
border-collapse: separate;
}
@media only screen and (max-width: 1366px) {
.analytics-header__top {
padding-left: 16px;
}
}
.analytics-header__main-nav {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.analytics-header__logo {
display: inline-block;
vertical-align: top;
margin-right: 28px;
}
@media only screen and (max-width: 1366px) {
.analytics-header__logo {
margin-right: 20px;
}
}
.analytics-header__dropdown {
display: inline-block;
vertical-align: top;
margin-right: 56px;
margin-left: 25px;
}
@media only screen and (max-width: 1366px) {
.analytics-header__dropdown {
margin-right: 20px;
}
}
.analytics-header__menu {
display: inline-block;
vertical-align: top;
font-size: 0;
padding-left: 12px;
}
.analytics-header__menu-item {
display: inline-block;
vertical-align: top;
position: relative;
height: 40px;
margin-right: 24px;
}
.analytics-header__menu-item:last-child {
margin-right: 0;
}
@media only screen and (max-width: 1366px) {
.analytics-header__menu-item {
margin-right: 12px;
}
}
.analytics-header__menu-item-name {
position: relative;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 8px;
height: 40px;
font-size: 14px;
line-height: 20px;
font-weight: 600;
color: #788295;
text-transform: uppercase;
}
.analytics-header__menu-item-name:hover {
color: #fff;
}
.analytics-header__menu-item:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: block;
height: 4px;
width: 100%;
}
.analytics-header__menu-item-badge {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 39px;
height: 24px;
padding: 0 6px;
background-image: linear-gradient(-228deg, #079ae0 0%, #4684e6 100%);
border-radius: 100px;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #fff;
}
.analytics-header__menu-item.active .analytics-header__menu-item-name,
.analytics-header__menu-item.analytics-header__menu-item_active .analytics-header__menu-item-name {
color: #fff;
}
.analytics-header__menu-item.active:before,
.analytics-header__menu-item.analytics-header__menu-item_active:before {
background-color: #ABC8E2;
}
.analytics-header__budget {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
line-height: 40px;
font-weight: 400;
color: #a4abbb;
padding-right: 20px;
}
.analytics-header__budget-icon {
width: 24px;
height: 24px;
display: inline-block;
vertical-align: middle;
position: relative;
margin-right: 6px;
fill: #788295;
transition: all 0.2s ease;
}
.analytics-header__budget-icon svg {
vertical-align: top;
}
.analytics-header__budget-notification {
position: absolute;
right: -4px;
top: -4px;
display: block;
width: 16px;
height: 16px;
background-color: #e83046;
border-radius: 50%;
color: #fff;
font-weight: 600;
font-size: 12px;
line-height: 16px;
text-align: center;
}
.analytics-header__budget-value {
position: relative;
font-size: 16px;
line-height: 16px;
height: 16px;
color: #fff;
}
.analytics-header__budget:hover .analytics-header__budget-icon {
fill: #ccd2dc;
}
.analytics-header__user-menu {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 40px;
}
.analytics-header__user-menu-item {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-right: 1px solid #3b4256;
height: 40px;
}
.analytics-header__user-menu-item:last-child {
border-right: none;
}
.analytics-header__profile {
padding: 0 12px 0 18px;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.analytics-header__profile-photo {
border-radius: 50%;
}
.analytics-header__profile-name {
padding-left: 8px;
color: #f6f6f6;
}
.analytics-header__notification {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
cursor: pointer;
transition: all 0.2s ease;
}
.analytics-header__notification-value {
position: absolute;
right: -4px;
top: -4px;
width: 16px;
height: 16px;
display: block;
border-radius: 50%;
background-color: #f7bd50;
text-align: center;
font-size: 12px;
line-height: 16px;
}
.analytics-header__notification-icon {
position: relative;
}
.analytics-header__notification svg {
fill: #788295;
transition: 0.2s ease all;
}
.analytics-header__notification:hover svg {
fill: #ccd2dc;
}
.analytics-header__middle {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 80px;
background-color: #fff;
padding: 0 24px;
border: 1px solid #cbd2db;
}
.analytics-header__middle-right {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-right: -11px;
}
.analytics-header__about {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.analytics-header__about-title {
font-size: 32px;
line-height: 40px;
font-weight: 600;
color: #232839;
margin: 0 16px;
}
.anchor-link {
display: inline-block;
vertical-align: top;
margin-right: 8px;
}
.anchor-link svg {
width: 30px;
height: 30px;
}
.block-group {
display: block;
font-size: 0;
}
.block-group__title {
font-size: 24px;
line-height: 1.333333333333333;
font-weight: 600;
margin: 0 0 8px;
display: block;
}
.block-group__item {
display: inline-block;
vertical-align: top;
font-size: 16px;
}
.block-group__item + .block-group__item {
margin-left: 16px;
}
.btn-group {
display: block;
font-size: 0;
margin-right: 15px;
}
.btn-group__item {
display: inline-block;
vertical-align: top;
position: relative;
cursor: pointer;
margin-right: 4px;
background-color: #fff;
border-radius: 2px;
}
.btn-group__input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.btn-group__label {
letter-spacing: 0;
background-color: transparent;
}
.btn-group__text {
display: inline-block;
vertical-align: middle;
padding-left: 16px;
padding-right: 16px;
height: 32px;
border: 1px solid #183152;
border-radius: 3px;
font-weight: 500;
font-size: 14px;
line-height: 32px;
color: #232839;
background-color: #fff;
}
@media only screen and (max-width: 1366px) {
.btn-group__text {
padding-left: 12px;
padding-right: 12px;
}
}
.btn-group__input:checked ~ .btn-group__text {
display: inline-block;
vertical-align: middle;
padding-left: 16px;
padding-right: 16px;
background-color: #f0f0f1;
}
@media only screen and (max-width: 1366px) {
.btn-group__input:checked ~ .btn-group__text {
padding-left: 12px;
padding-right: 12px;
}
}
.btn {
display: inline-block;
vertical-align: middle;
position: relative;
padding: 0 20px;
height: 40px;
border: 1px solid #183152;
border-radius: 2px;
box-shadow: none;
white-space: nowrap;
font-size: 16px;
line-height: 38px;
text-align: center;
text-decoration: none;
letter-spacing: 0;
color: #232839;
outline: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-moz-appearance: none;
appearance: none;
text-overflow: ellipsis;
}
.btn_type_active {
background-color: #f7bd50;
border: 0;
font-weight: bold;
}
.btn__icon {
display: inline-block;
vertical-align: top;
position: relative;
width: 24px;
height: 38px;
margin-right: 8px;
}
.btn svg {
width: 24px;
height: 24px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -12px;
margin-top: -12px;
transition: all 0.2s;
}
.btn + .btn {
margin-left: 16px;
}
.btn:hover {
background: #375D81;
color: #fff;
}
.btn:active,
.btn_active {
background: #375D81;
color: #fff;
}
.btn:active::after,
.btn_active::after {
top: -2px;
left: -2px;
right: -2px;
}
.btn:disabled,
.btn_disabled {
opacity: 0.45;
cursor: default;
pointer-events: none;
}
.btn.btn_type_adding,
.btn.btn_icon_left {
padding-left: 16px;
padding-right: 16px;
}
.btn.btn_icon_right {
padding-left: 16px;
padding-right: 2px;
}
.btn_type_secondary {
border-color: #C4D7ED;
background-color: #E1E6FA;
}
.btn_type_secondary:hover {
background: #fff;
border-color: #788295;
}
.btn_type_secondary:active,
.btn_type_secondary_active {
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
background: #f0f0f1;
box-shadow: none;
border-color: #232839;
}
.btn_type_adding {
border-color: #cbd2db;
background-color: #fff;
}
.btn_type_adding:hover {
background: #fff;
border-color: #788295;
}
.btn_type_adding:active,
.btn_type_adding_active {
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
background: #f0f0f1;
box-shadow: none;
border-color: #232839;
}
.btn_type_primary {
background-color: #f7bd50;
color: #232839;
}
.btn_type_edit.btn_type_secondary {
width: 48px;
height: 40px;
padding: 0;
border-radius: 2px;
border-color: #e6e6e7;
background-color: #fff;
}
.btn_type_edit.btn_type_secondary:before {
display: inline-block;
vertical-align: middle;
content: '';
height: 100%;
}
.btn_type_edit.btn_type_secondary svg {
opacity: 0.6;
}
.btn_type_edit.btn_type_secondary:active {
box-shadow: none;
background-color: #f0f0f1;
}
.btn_type_edit.btn_type_secondary:active svg {
opacity: 1;
}
.btn_type_extra {
width: 40px;
height: 40px;
border-radius: 50%;
padding: 0;
font-size: 0;
background-color: #f7bd50;
}
.btn_type_extra:before {
display: inline-block;
vertical-align: middle;
content: '';
height: 100%;
}
.btn_type_extra:hover {
background-color: #ABC8E2;
}
.btn_type_extra.btn_type_secondary {
width: 32px;
height: 32px;
border-radius: 50%;
border-color: #e6e6e7;
background-color: #fff;
box-shadow: 0 3px 3px 0 rgba(0,0,0,0.04);
}
.btn_type_extra.btn_type_secondary:hover {
background: #fff;
border-color: #9ba3b5;
}
.btn_type_extra.btn_type_secondary:active,
.btn_type_extra.btn_type_secondary_active {
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
background: #f0f0f1;
box-shadow: none;
border-color: #e7e7e7;
}
.btn_icon_right .btn__icon {
border-radius: 50%;
padding: 0;
font-size: 0;
left: -4px;
transition: all 0.2s ease;
margin-left: 8px;
margin-right: 0;
}
.btn_size_x_small {
height: 24px;
}
.btn_size_x_small.btn_type_extra {
width: 24px;
height: 24px;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
padding: 0;
font-size: 0;
line-height: 24px;
text-align: center;
transition: all 0.2s ease;
}
.btn_size_small {
height: 20px;
padding: 0 5px;
font-size: 12px;
line-height: 20px;
}
.btn_size_small.btn_type_extra {
width: 32px;
height: 32px;
padding: 0;
}
.btn_size_small .btn__icon {
height: 30px;
}
.btn_size_small.btn_type_adding,
.btn_size_small.btn_icon_left {
padding-left: 12px;
padding-right: 12px;
}
.btn_size_small.btn_icon_right {
padding-left: 12px;
padding-right: 0;
}
.btn_size_large {
height: 48px;
padding: 0 24px;
font-size: 18px;
line-height: 46px;
}
.btn_size_large.btn_type_adding,
.btn_size_large.btn_icon_left {
padding-left: 20px;
padding-right: 20px;
}
.btn_size_large.btn_icon_right {
padding-left: 20px;
padding-right: 4px;
}
.btn_size_large .btn__icon {
display: inline-block;
vertical-align: top;
width: 32px;
height: 46px;
}
.btn_size_large svg {
width: 32px;
height: 32px;
margin-left: -16px;
margin-top: -16px;
}
.btn_size_x_large {
height: 56px;
padding: 0 32px;
border-radius: 4px;
font-size: 20px;
line-height: 36px;
}
.btn_size_x_large.btn_type_adding,
.btn_size_x_large.btn_icon_left {
padding-left: 24px;
padding-right: 24px;
}
.btn_size_x_large.btn_icon_right {
padding-left: 24px;
padding-right: 8px;
}
.btn_size_x_large .btn__icon {
display: inline-block;
vertical-align: top;
width: 36px;
height: 36px;
}
.btn_size_x_large svg {
width: 36px;
height: 36px;
margin-left: -18px;
margin-top: -18px;
}
.budget-limit-set {
display: block;
font-size: 0;
height: 20px;
}
.budget-limit-set__text {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
font-size: 14px;
line-height: 20px;
}
.budget-limit-set__input {
display: inline-block;
vertical-align: middle;
padding-left: 4px;
padding-right: 4px;
display: inline-block;
vertical-align: top;
width: 66px;
margin-right: 8px;
font-size: 14px;
line-height: 20px;
position: relative;
border: 1px solid;
border-radius: 2px;
border-color: #cbd2db;
box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.04);
text-align: left;
background: #fff;
-webkit-appearance: none;
transition: all 0.2s ease;
}
.budget-limit-set__input::-webkit-input-placeholder {
color: #9ba3b5;
font-size: 16px;
transition: 0.2s all ease;
}
.budget-limit-set__input:-moz-placeholder {
color: #9ba3b5;
font-size: 16px;
transition: 0.2s all ease;
}
.budget-limit-set__input::-moz-placeholder {
color: #9ba3b5;
font-size: 16px;
transition: 0.2s all ease;
}
.budget-limit-set__input:-ms-input-placeholder {
color: #9ba3b5;
font-size: 16px;
transition: 0.2s all ease;
}
.budget-limit-set__close-btn {
display: inline-block;
vertical-align: middle;
position: relative;
width: 10px;
height: 10px;
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgMTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwIDEwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBzdHlsZT0iZmlsbDpub25lOyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIi8+DQo8cGF0aCBzdHlsZT0iZmlsbDojOUJBM0I1OyIgZD0iTTUuOCw0LjhsMy41LTMuNWMwLjMtMC4zLDAuMy0wLjgsMC0xLjFDOS0wLjEsOC41LTAuMSw4LjIsMC4yTDQuOCwzLjdMMS4zLDAuMkMxLTAuMSwwLjUtMC4xLDAuMiwwLjINCgljLTAuMywwLjMtMC4zLDAuOCwwLDEuMWwzLjUsMy41TDAuMiw4LjJjLTAuMywwLjMtMC4zLDAuOCwwLDEuMWMwLjEsMC4xLDAuMywwLjIsMC41LDAuMmMwLjIsMCwwLjQtMC4xLDAuNS0wLjJsMy41LTMuNWwzLjUsMy41DQoJYzAuMSwwLjEsMC4zLDAuMiwwLjUsMC4yYzAuMiwwLDAuNC0wLjEsMC41LTAuMmMwLjMtMC4zLDAuMy0wLjgsMC0xLjFMNS44LDQuOHoiLz4NCjwvc3ZnPg0K") center center no-repeat;
cursor: pointer;
}
.budget-limit-set__close-btn:before {
content: '';
}
.camp-features {
display: block;
margin-bottom: 40px;
font-size: 0;
text-align: center;
}
.camp-features__item {
display: inline-block;
vertical-align: top;
margin-right: 47px;
}
.camp-features__item:last-child {
margin-right: 0;
}
.camp-features__title {
font-size: 32px;
line-height: 1.25;
font-weight: 600;
display: block;
}
.camp-features__text {
font-size: 16px;
line-height: 24px;
color: #788295;
}
.camp-settings-adjust {
display: block;
margin-bottom: 16px;
background: #fff;
border: 1px solid #f0f0f1;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.04);
border-radius: 4px;
}
.camp-settings-adjust__section {
padding: 32px 48px;
}
.camp-settings-adjust__title {
font-size: 20px;
line-height: 1.4;
font-weight: 600;
font-weight: 400;
line-height: 24px;
display: block;
margin: 0 0 8px;
}
.camp-settings-adjust__input-group {
display: block;
margin: 0 0 24px;
}
.camp-settings-adjust__input-group-item {
display: inline-block;
vertical-align: top;
font-size: 16px;
}
.camp-settings-adjust__input-group-item + .camp-settings-adjust__input-group-item {
margin-left: 16px;
}
.camp-settings-adjust__input-group-toggle {
text-decoration: none;
color: #0383e9;
font-weight: 400;
transition: all ease 0.2s;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 48px;
cursor: pointer;
}
.camp-settings-adjust__input-group-toggle:hover {
color: #075fa4;
}
.camp-settings-adjust__input-group-toggle:hover u {
border-bottom-color: inherit;
}
.camp-settings-adjust__input-group-toggle:hover svg {
fill: #075fa4;
}
.camp-settings-adjust__input-group-toggle:active {
color: #075fa4;
}
.camp-settings-adjust__input-group-toggle:active u {
border-bottom-color: transparent;
}
.camp-settings-adjust__input-group-toggle:active svg {
fill: #075fa4;
}
.camp-settings-adjust__input-group-toggle svg {
fill: #0383e9;
transition: fill 0.2s ease;
}
.camp-settings-adjust__input-group-toggle u {
border-bottom: 1px solid transparent;
text-decoration: none;
transition: all 0.2s ease;
cursor: pointer;
}
.camp-settings-adjust__input-group-body_hide {
display: none;
opacity: 0;
transition: all ease 0.2s;
}
.camp-settings-adjust__input-group_type_select .camp-settings-adjust__input-group-item {
vertical-align: bottom;
}
.campaign-header {
padding: 0 10px;
background-color: #fff;
margin-bottom: 40px;
}
.campaign-header__main {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 auto;
-ms-flex: 1 auto;
flex: 1 auto;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 72px;
}
.campaign-header__logo {
display: inline-block;
vertical-align: middle;
font-size: 20px;
line-height: 32px;
font-weight: 500;
color: #232839;
margin-right: 25px;
}
.campaign-header__logo-icon {
display: inline-block;
vertical-align: middle;
margin-right: 6px;
fill: #232839;
}
.campaign-header__budget {
display: inline-block;
vertical-align: middle;
height: 24px;
font-weight: 400;
color: #a4abbb;
}
.campaign-header__budget-icon {
display: inline-block;
vertical-align: middle;
margin-right: 2px;
fill: #788295;
}
.campaign-header__budget-value {
display: inline-block;
vertical-align: middle;
position: relative;
top: 1px;
font-size: 16px;
line-height: 16px;
height: 16px;
}
.campaign-header__name {
display: inline-block;
vertical-align: middle;
width: 100%;
margin: 0;
font-size: 16px;
line-height: 32px;
text-align: center;
color: #a4abbb;
}
.campaign-header__close {
position: absolute;
right: 0;
top: 0;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 72px;
border: none;
outline: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-overflow: ellipsis;
background-color: transparent;
}
.campaign-header__bottom {
max-width: 800px;
margin: 0 auto;
padding: 8px 0 40px;
}
.campaign-header__bottom-text {
margin: 0;
font-size: 24px;
line-height: 32px;
font-weight: 400;
color: #1c212c;
text-align: center;
}
.chart-legend {
display: block;
width: 100%;
font-size: 0;
padding: 0 24px;
}
.chart-legend__item {
display: inline-block;
vertical-align: top;
position: relative;
padding-left: 20px;
padding-right: 12px;
margin-top: 8px;
font-size: 14px;
line-height: 20px;
font-weight: 400;
letter-spacing: 0;
color: #3b4256;
}
.chart-legend__item:before {
width: 12px;
height: 12px;
content: '';
position: absolute;
top: 3px;
left: 0;
display: block;
background-color: #f00;
border-radius: 50%;
}
.chart-legend__item_color_supernova:before {
background-color: #fc0;
}
.chart-legend__item_color_carnation:before {
background-color: #f0585a;
}
.chart-legend__item_color_eastern_blue:before {
background-color: #2397ab;
}
.chart-legend__item_color_blue_chill:before {
background-color: #0e7a8f;
}
.chart-legend__item_icon_desktop:before,
.chart-legend__item_icon_tablet:before,
.chart-legend__item_icon_phone:before {
content: none;
}
.chart-legend__item_icon_desktop svg {
fill: #fc0;
}
.chart-legend__item_icon_tablet svg {
fill: #f0585a;
}
.chart-legend__item_icon_phone svg {
fill: #2397ab;
}
.chart-legend_type_device .chart-legend__item {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: auto;
margin-right: 24px;
padding: 0;
}
.chart-legend_type_device .chart-legend__item svg {
margin-right: 8px;
}
.chart-legend_type_device .chart-legend__item:last-child {
margin-right: 0;
}
.chart-radio {
display: block;
}
.chart-radio__label {
display: inline-block;
vertical-align: top;
position: relative;
min-height: 96px;
padding-top: 8px;
padding-left: 16px;
padding-right: 32px;
cursor: pointer;
background-color: #fff;
transition: 0.2s all ease;
}
.chart-radio__label:hover {
background-color: #f9f9f9;
}
.chart-radio__item:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 4px;
background-color: #e6e6e7;
transition: 0.2s all ease;
}
.chart-radio__input {
display: none;
}
.chart-radio__title {
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #9ba3b5;
transition: 0.2s all ease;
}
.chart-radio__value {
display: block;
margin-bottom: 4px;
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: #788295;
transition: 0.2s all ease;
}
.chart-radio__units {
font-weight: 400;
font-size: 24px;
line-height: inherit;
color: inherit;
}
.chart-radio__freq {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #232839;
}
.chart-radio__input:checked ~ .chart-radio__item:before {
background-color: #31bf9f;
}
.chart-radio__input:checked ~ .chart-radio__item .chart-radio__value {
color: #31bf9f;
}
.chart-radio__label_color_green:hover .chart-radio__item:before {
background-color: #68ce9f;
}
.chart-radio__label_color_green:hover .chart-radio__item .chart-radio__value {
color: #68ce9f;
}
.chart-radio__label_color_green .chart-radio__input:checked ~ .chart-radio__item:before {
background-color: #68ce9f;
}
.chart-radio__label_color_green .chart-radio__input:checked ~ .chart-radio__item .chart-radio__value {
color: #68ce9f;
}
.chart-radio__label_color_orange:hover .chart-radio__item:before {
background-color: #fc9d1e;
}
.chart-radio__label_color_orange:hover .chart-radio__item .chart-radio__value {
color: #fc9d1e;
}
.chart-radio__label_color_orange .chart-radio__input:checked ~ .chart-radio__item:before {
background-color: #fc9d1e;
}
.chart-radio__label_color_orange .chart-radio__input:checked ~ .chart-radio__item .chart-radio__value {
color: #fc9d1e;
}
.chart-radio__label_color_blue:hover .chart-radio__item:before {
background-color: #41a2c8;
}
.chart-radio__label_color_blue:hover .chart-radio__item .chart-radio__value {
color: #41a2c8;
}
.chart-radio__label_color_blue .chart-radio__input:checked ~ .chart-radio__item:before {
background-color: #41a2c8;
}
.chart-radio__label_color_blue .chart-radio__input:checked ~ .chart-radio__item .chart-radio__value {
color: #41a2c8;
}
.chart-radio__label_color_red:hover .chart-radio__item:before {
background-color: #f0585a;
}
.chart-radio__label_color_red:hover .chart-radio__item .chart-radio__value {
color: #f0585a;
}
.chart-radio__label_color_red .chart-radio__input:checked ~ .chart-radio__item:before {
background-color: #f0585a;
}
.chart-radio__label_color_red .chart-radio__input:checked ~ .chart-radio__item .chart-radio__value {
color: #f0585a;
}
.checkbox-group {
display: block;
font-size: 0;
text-align: center;
margin-bottom: 16px;
border: none;
}
.checkbox-group_text_left {
text-align: left;
}
.checkbox-group__list {
display: inline-block;
vertical-align: middle;
}
.checkbox-group__list-item {
display: inline-block;
vertical-align: top;
margin-right: 16px;
font-size: 16px;
line-height: 32px;
}
.checkbox-list {
display: block;
padding-left: 4px;
max-height: 358px;
overflow-y: scroll;
border-top: 1px solid rgba(0,0,0,0.04);
border-bottom: 1px solid rgba(0,0,0,0.04);
}
.checkbox-tree {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
line-height: 36px;
}
.checkbox-tree__branch {
position: relative;
margin: 0;
padding: 0 0 0 24px;
list-style: none;
overflow: hidden;
line-height: 36px;
}
.checkbox-tree__branch--root {
line-height: 40px;
padding-left: 0;
}
.checkbox-tree__branch--root .thumb--root {
margin: 8px 0 0 8px !important;
}
.checkbox-tree__branch .thumb {
position: absolute;
margin: 5px 0 0 8px;
cursor: pointer;
z-index: 2;
}
.checkbox-tree__branch .checkbox {
display: block;
}
.checkbox-tree__branch.has-children > .thumb:after {
content: '';
display: block;
width: 24px;
height: 24px;
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+DQo8cGF0aCBmaWxsPSIjRTZFNkU3IiBkPSJNMTIsMWM2LjA2NSwwLDExLDQuOTM1LDExLDExcy00LjkzNSwxMS0xMSwxMVMxLDE4LjA2NSwxLDEyUzUuOTM1LDEsMTIsMSBNMTIsMEM1LjM3MywwLDAsNS4zNzMsMCwxMg0KCXM1LjM3MywxMiwxMiwxMnMxMi01LjM3MywxMi0xMlMxOC42MjcsMCwxMiwwTDEyLDB6Ii8+DQo8cG9seWdvbiBmaWxsPSIjM0QzRjQ2IiBwb2ludHM9IjksMTcgMTUsMTIgOSw3ICIvPg0KPC9zdmc+DQo=") center center no-repeat;
background-size: auto 100%;
}
.checkbox-tree__branch.has-children.expanded > .thumb:after {
content: '';
display: block;
width: 24px;
height: 24px;
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+DQo8cGF0aCBmaWxsPSIjRTZFNkU3IiBkPSJNMTIsMWM2LjA2NSwwLDExLDQuOTM1LDExLDExcy00LjkzNSwxMS0xMSwxMVMxLDE4LjA2NSwxLDEyUzUuOTM1LDEsMTIsMSBNMTIsMEM1LjM3MywwLDAsNS4zNzMsMCwxMg0KCXM1LjM3MywxMiwxMiwxMnMxMi01LjM3MywxMi0xMlMxOC42MjcsMCwxMiwwTDEyLDB6Ii8+DQo8cG9seWdvbiBmaWxsPSIjM0QzRjQ2IiBwb2ludHM9IjcsOSAxMiwxNSAxNyw5ICIvPg0KPC9zdmc+DQo=") center center no-repeat;
background-size: auto 100%;
}
.checkbox-tree__branch.collapsed > ol.bonsai {
overflow: hidden;
}
.checkbox-tree__branch_last {
padding-left: 56px;
}
.checkbox {
display: inline-block;
vertical-align: middle;
position: relative;
cursor: default;
color: #232839;
font-size: 0;
}
.checkbox:hover .checkbox__icon {
border-color: #f7bd50;
}
.checkbox:hover .checkbox__right-price-count {
opacity: 1;
pointer-events: auto;
}
.checkbox__input {
position: absolute;
opacity: 0;
}
.checkbox__input:indeterminate ~ .checkbox__icon {
background-color: #f7bd50;
border: 1px solid #a4abbb;
box-shadow: inset 0 0 0 3px #fff;
transition: all 0.2s ease;
}
.checkbox__input:checked ~ .checkbox__icon {
background-color: #f7bd50;
border-color: #f7bd50;
box-shadow: inset 0 0 0 3px transparent;
}
.checkbox__input:checked ~ .checkbox__icon::before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.checkbox__input:checked ~ .checkbox__icon::before {
content: '';
}
.checkbox__input:disabled ~ .checkbox__icon {
cursor: default;
opacity: 0.5;
border-color: #6f7273 !important;
background-color: #f0f0f1;
}
.checkbox__input:disabled ~ .checkbox__text {
cursor: default;
opacity: 0.5;
color: #6f7273 !important;
}
.checkbox__icon {
display: inline-block;
vertical-align: top;
width: 16px;
height: 16px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: transparent;
border: 1px solid #a4abbb;
margin: 0 6px 0 0;
transition: all 0.2s ease;
cursor: pointer;
box-shadow: inset 0 0 0 3px transparent;
}
.checkbox__icon::before {
width: 16px;
height: 16px;
content: '';
position: absolute;
left: 50%;
top: 50%;
display: inline-block;
margin: -8px 0 0 -8px;
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQo8Zz4NCgk8cG9seWdvbiBmaWxsPSIjMjMyODM5IiBwb2ludHM9IjYuNzYyLDEzLjMwNiAyLjg3Niw5LjQxOCA0LjI5LDguMDA0IDYuNTM0LDEwLjI0OCAxMS44LDMuMTE2IDEzLjQwOSw0LjMwNCAJIi8+DQo8L2c+DQo8L3N2Zz4NCg==") center center no-repeat;
background-size: auto 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
transition: all 0.2s ease;
}
.checkbox__text {
display: inline-block;
vertical-align: middle;
padding: 0 0 0 24px;
font-size: 16px;
line-height: 24px;
cursor: pointer;
color: inherit;
transition: 0.2s all ease;
}
.checkbox__link {
display: inline !important;
}
.checkbox__right-price {
position: absolute;
top: 0;
right: 0;
bottom: 0;
font-size: 0;
margin-right: 4px;
}
.checkbox__right-price-value {
display: inline-block;
vertical-align: middle;
width: 40px;
padding-right: 2px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 16px;
line-height: 1;
text-align: right;
}
.checkbox__right-price-text {
display: inline-block;
vertical-align: middle;
padding-top: 2px;
font-weight: 400;
color: #a4abbb;
height: 100%;
}
.checkbox__right-price-text:before {
display: inline-block;
vertical-align: middle;
content: '';
height: 100%;
}
.checkbox__right-price-text .ruble {
display: inline-block;
vertical-align: middle;
font-size: 16px;
line-height: 1;
}
.checkbox__right-price-text + .checkbox__right-price-count {
margin-left: 8px;
}
.checkbox__right-price-count {
display: inline-block;
vertical-align: top;
margin-top: 2px;
width: 24px;
height: 32px;
background-color: transparent;
cursor: pointer;
transition: all 0.2s ease;
opacity: 0;
pointer-events: none;
}
.checkbox__right-price-count-up {
position: relative;
width: 100%;
height: 17px;
border: 1px solid #e6e6e7;
border-radius: 2px 2px 0 0;
border-bottom: none;
display: block;
transition: all 0.2s ease;
}
.checkbox__right-price-count-up:before {
width: 100%;
height: 16px;
content: '';
position: absolute;
bottom: 0;
display: inline-block;
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQo8cG9seWdvbiBmaWxsPSIjMjMyODM5IiBwb2ludHM9IjEyLDExIDgsNSA0LDExICIvPg0KPC9zdmc+DQo=") center center no-repeat;
background-size: auto 100%;
background-position: center 2px;
opacity: 0.4;
}
.checkbox__right-price-count-down {
position: relative;
width: 100%;
height: 15px;
border: 1px solid #e6e6e7;
border-top: none;
border-radius: 0 0 2px 2px;
display: block;
transition: all 0.2s ease;
}
.checkbox__right-price-count-down:before {
width: 100%;
height: 16px;
content: '';
position: absolute;
top: 0;
display: inline-block;
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQo8cG9seWdvbiBmaWxsPSIjMjMyODM5IiBwb2ludHM9IjQsNSA4LDExIDEyLDUgIi8+DQo8L3N2Zz4NCg==") center center no-repeat;
background-size: auto 100%;
background-position: center -2px;
opacity: 0.4;
transition: 0.2s all ease;
}
.checkbox__right-price-count-up:hover,
.checkbox__right-price-count-down:hover,
.checkbox__right-price-count-up:active,
.checkbox__right-price-count-down:active {
background-color: #f0f0f1;
}
.checkbox__right-price-count-up:active:before,
.checkbox__right-price-count-down:active:before {
opacity: 1;
}
.checkbox_size_large .checkbox__icon {
width: 20px;
height: 20px;
}
.checkbox_size_large .checkbox__icon::before {
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIi8+DQo8Zz4NCgk8cG9seWdvbiBmaWxsPSIjMjMyODM5IiBwb2ludHM9IjcuODk5LDE3LjAyIDIuNzQyLDExLjg1OSA0LjE1NywxMC40NDUgNy42NTksMTMuOTUxIDE1LjY0MSwyLjk4IDE3LjI1OCw0LjE1NyAJIi8+DQo8L2c+DQo8L3N2Zz4NCg==") center center no-repeat;
}
.checkbox_size_large .checkbox__text {
padding: 0 0 0 33px;
line-height: 16px;
font-size: 20px;
}
.checkbox.checkbox_state_error .checkbox__icon {
border: 1px solid #f10000;
}
.checkbox.checkbox_state_error .checkbox__text {
color: #f10000;
}
.checkbox.checkbox_type_checkbox_tree {
padding-left: 44px;
padding-right: 104px;
cursor: pointer;
}
.checkbox.checkbox_type_checkbox_tree:hover {
background-color: #fafaf9;
}
.checkbox.checkbox_type_checkbox_tree .checkbox__icon {
left: 44px;
}
.checkbox.checkbox_type_checkbox_tree .checkbox__text {
padding-left: 24px;
}
.checkbox.checkbox_type_checkbox_tree_root {
margin-left: 0;
}
.checkbox.checkbox_type_checkbox_tree_root .checkbox__text {
padding-left: 28px;
}
.checkbox.checkbox_type_checkbox_tree_root .checkbox__right-price-count {
margin-top: 4px;
}
.checkbox.checkbox_type_checkbox_tree_last {
padding-left: 0;
}
.checkbox.checkbox_type_checkbox_tree_last .checkbox__icon {
left: 12px;
}
.checkbox.checkbox_type_checkbox_tree_last .checkbox__text {
padding-left: 36px;
}
.checkbox.checkbox_type_block {
display: block;
cursor: pointer;
line-height: 36px;
}
.close {
width: 48px;
height: 48px;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #262b3f;
border-radius: 50%;
transition: 0.2s all ease;
}
.close svg {
fill: #fff;
}
.close:hover {
background-color: #abb2c1;
}
.close:active {
background-color: #788295;
}
.container {
display: block;
margin: 0 auto;
width: 1076px;
}
.container_size_1366,
.container_size_campaign_header {
max-width: 1386px;
padding: 0 10px;
width: auto;
}
.container_size_1206,
.container_size_campaign_create {
max-width: 1226px;
width: 100%;
padding: 0 10px;
}
.container_ui-kit {
max-width: 1222px;
width: auto;
padding: 10px;
}
.container_size_analytics {
max-width: 100%;
min-width: 580px;
width: 100%;
margin-left: 0;
}
.content-section {
display: block;
padding: 80px 0 130px;
}
.content-section__title {
position: relative;
}
.content-section__title:hover .content-section__title-anchor {
opacity: 1;
}
.content-section__title-anchor {
display: inline-block;
vertical-align: top;
position: absolute;
left: -30px;
opacity: 0;
transition: 0.2s ease-in-out opacity;
}
.content-section__title-anchor svg {
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: -10px;
}
.create-advert-examples {
display: block;
}
.create-advert-examples__header {
margin-bottom: 16px;
padding-bottom: 12px;
border-bottom: 1px solid #e6e6e7;
}
.create-advert-examples__title {
font-size: 20px;
line-height: 1.4;
font-weight: 600;
color: #232839;
}
.create-advert-examples__group-title {
font-size: 16px;
line-height: 1.5;
font-weight: 600;
display: block;
margin-bottom: 8px;
}
.create-advert-examples__slider {
margin-bottom: 22px;
}
.create-advert-examples__slider-item {
background-color: #fff;
}
.create-advert-examples__slider_google {
height: 74px !important;
}
.create-advert-examples__slider_yandex {
height: 124px !important;
}
.create-advert-examples__slider_google .create-advert-examples__slider-item {
height: 74px;
border: 1px solid #e6e6e7;
}
.create-advert-examples__slider_yandex .create-advert-examples__slider-item {
height: 124px;
border: 1px solid #e6e6e7;
}
.create-advert-examples__footer {
font-size: 0;
}
.create-advert-examples__summary {
color: #788295;
font-size: 16px;
line-height: 24px;
}
.create-advert-examples__nav {
display: inline-block;
vertical-align: top;
margin-left: 24px;
}
.create-advert-examples__nav-link {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: top;
cursor: pointer;
}
.create-advert-examples__nav-link svg {
fill: #232839;
}
.create-advert-examples__nav-list {
display: inline-block;
vertical-align: middle;
height: 20px;
}
.create-advert-examples__nav-list:before {
display: inline-block;
vertical-align: middle;
content: '';
height: 100%;
}
.create-advert-examples__nav-item {
display: inline-block;
vertical-align: middle;
}
.create-advert-examples__nav-item.active .create-advert-examples__nav-item-name:before {
background-color: #f7bd50;
}
.create-advert-examples__nav-item:last-child {
margin-right: 0;
}
.create-advert-examples__nav-item-name {
width: 20px;
height: 20px;
position: relative;
display: block;
padding: 6px;
cursor: pointer;
}
.create-advert-examples__nav-item-name:before {
width: 8px;
height: 8px;
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
border-radius: 50%;
background-color: #e6e6e7;
}
.create-advert-info {
display: block;
margin-right: 38px;
border: 1px solid #f0f0f1;
border-radius: 4px;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.04);
background: #fff;
}
.create-advert-info_no_border {
border: none;
box-shadow: none;
}
.create-advert-info__title {
font-size: 24px;
line-height: 1.333333333333333;
font-weight: 600;
margin: 0 0 8px;
}
.create-advert-info__text {
margin-bottom: 16px;
font-size: 14px;
line-height: 20px;
color: #788295;
}
.create-advert-info__section {
padding: 24px 54px 24px 40px;
border-bottom: 1px solid #f0f0f1;
}
@media only screen and (max-width: 1366px) {
.create-advert-info__section {
padding: 24px 30px;
}
}
.create-advert-info__input-group {
display: block;
margin-bottom: 12px;
}
.create-advert-info__input-office-size {
width: 96px;
}
.create-advert-info__add-more {
position: relative;
padding-top: 4px;
padding-left: 30px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #788295;
}
.create-advert-info__add-more:last-child {
margin-bottom: 0;
}
.create-advert-info__add-more-btn {
position: absolute;
top: 0;
left: 0;
}
.create-advert-info__work-mode {
margin-bottom: 8px;
color: #2a2b30;
font-size: 0;
}
.create-advert-info__work-mode-days {
display: inline-block;
vertical-align: middle;
}
.create-advert-info__work-mode-time {
display: inline-block;
vertical-align: middle;
margin-left: 16px;
}
@media only screen and (max-width: 1366px) {
.create-advert-info__work-mode-time {
margin-left: 12px;
}
}
.create-advert-info__work-mode-input {
display: inline-block;
vertical-align: middle;
width: 52px !important;
}
.create-advert-info__work-mode-label {
display: block;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
}
.create-advert-info__work-mode-row {
font-size: 0;
font-weight: 300;
margin-bottom: 8px;
}
.create-advert-info__work-mode-text {
margin: 0 2px;
font-size: 16px;
line-height: 32px;
}
.create-advert-info__work-mode-add {
display: inline-block;
vertical-align: top;
height: 32px;
margin-left: 7px;
line-height: 32px;
cursor: pointer;
}
.create-advert-info__work-mode-add svg {
display: inline-block;
vertical-align: middle;
transition: 0.2s all ease;
fill: #0383e9;
}
.create-advert-info__work-mode-add:hover svg {
fill: #075fa4;
}
.create-advert-info__work-mode-add:active svg {
fill: #075fa4;
}
.create-advert-info__link-group {
display: block;
}
.create-advert-info__link-group-item {
display: inline-block;
vertical-align: middle;
}
.create-advert-info__item.opened .create-advert-info__item-body_hide {
display: block;
opacity: 1;
}
.create-advert-info__item.opened .create-advert-info__item-btn {
display: none;
}
.create-advert-info__item-body_hide {
display: none;
opacity: 0;
transition: 0.2s ease all;
}
.create-advert {
display: block;
margin-bottom: 16px;
}
.create-step {
position: relative;
display: block;
font-size: 0;
width: 100%;
}
.create-step__item {
display: inline-block;
vertical-align: top;
position: relative;
width: 33.334%;
font-size: 16px;
line-height: 22px;
text-align: center;
color: #fff;
}
.create-step__item:last-child {
padding-right: 0;
}
.create-step__item:before {
width: 12px;
height: 12px;
position: relative;
content: '';
display: block;
margin: 0 auto 4px;
font-size: 16px;
line-height: 22px;
color: #fff;
border-radius: 50%;
box-shadow: 0 0 0 2px #788295 inset;
z-index: 2;
background-color: #232839;
}
.create-step__item:first-child:after {
content: none;
}
.create-step__item:after {
content: '';
width: 100%;
height: 2px;
background: #788295;
position: absolute;
left: -50%;
top: 5px;
z-index: 1;
}
.create-step__item_done:after {
background: #fff;
}
.create-step__item_done:before {
background-color: #fff;
box-shadow: 0 0 0 2px #fff inset;
}
.create-step__item_current:after {
background: #fff;
}
.create-step__item_current:before {
box-shadow: 0 0 0 2px #fff inset;
}
.create-step__icon {
width: 12px;
height: 12px;
display: block;
margin: 0 auto;
border-radius: 50%;
border: 1px solid #fff;
}
.datepicker-popup {
display: block;
width: 882px;
background-color: #fff;
box-shadow: 0 14px 16px 0 rgba(0,0,0,0.09);
border-radius: 3px;
z-index: 10;
}
.datepicker-popup_size_l {
width: 882px;
}
.datepicker-popup_size_l .datepicker-popup__main {
width: 618px;
}
.datepicker-popup__header {
position: relative;
padding: 14px 16px 12px 24px;
border-bottom: 1px solid #f0f0f1;
background-color: #fff;
}
.datepicker-popup__header-title {
font-size: 16px;
line-height: 1.5;
font-weight: 600;
color: #232839;
}
.datepicker-popup__header-btn-close {
position: absolute;
top: 0;
right: 0;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 50px;
height: 50px;
cursor: pointer;
}
.datepicker-popup__main {
position: relative;
float: left;
width: 618px;
height: 284px;
padding: 24px 64px 36px;
font-size: 0;
overflow-x: hidden;
white-space: nowrap;
}
.datepicker-popup__panel {
float: right;
width: 262px;
min-height: 284px;
background-color: #f9f9f9;
border-left: 1px solid #f0f0f1;
}
.datepicker-popup__panel-top {
padding: 16px 20px 12px;
border-bottom: 1px solid #f0f0f1;
}
.datepicker-popup__period-item {
position: relative;
display: block;
min-height: 28px;
transition: 0.2s ease all;
cursor: pointer;
}
.datepicker-popup__period-input {
position: absolute;
top: 0;
right: 0;
opacity: 0;
}
.datepicker-popup__period-input:checked ~ .datepicker-popup__period-text {
background-color: #e6e6e7;
}
.datepicker-popup__period-text {
display: inline-block;
vertical-align: top;
font-size: 16px;
padding: 5px 8px;
border: 1px solid transparent;
transition: 0.2s ease all;
}
.datepicker-popup__period-text:hover {
border-color: #9ba3b5;
}
.datepicker-popup__range {
font-size: 0;
margin-bottom: 20px;
}
.datepicker-popup__range-text {
display: inline-block;
vertical-align: top;
font-size: 16px;
line-height: 22px;
margin: 0 4px;
}
.datepicker-popup__panel-bottom {
padding: 16px 20px;
}
.datepicker-popup__month {
width: 224px;
height: 224px;
display: inline-block;
vertical-align: top;
margin-right: 40px;
}
.datepicker-popup__month thead,
.datepicker-popup__month tbody {
display: block;
}
.datepicker-popup__year {
display: block;
height: 28px;
text-align: center;
margin-bottom: 14px;
}
.datepicker-popup__year-name {
display: block;
font-size: 16px;
line-height: 24px;
color: #232839;
font-weight: 400;
}
.datepicker-popup__weekday {
font-size: 0;
}
.datepicker-popup__weekday-name {
display: inline-block;
vertical-align: top;
width: 32px;
font-size: 14px;
line-height: 20px;
color: #9ba3b5;
font-weight: 400;
text-align: center;
}
.datepicker-popup__day-row {
font-size: 0;
}
.datepicker-popup__day-number {
display: inline-block;
vertical-align: top;
width: 32px;
font-size: 16px;
line-height: 32px;
color: #232839;
font-weight: 400;
text-align: center;
cursor: pointer;
border: 1px solid transparent;
}
.datepicker-popup__day-number:hover {
border-color: #9ba3b5;
}
.datepicker-popup__day-current {
border-color: #f7bd50;
}
.datepicker-popup__day-number_selected {
background-color: #f0f0f1;
}
.datepicker-popup__day-number_selected_first {
background-color: #f7bd50;
}
.datepicker-popup__day-number_selected_last {
background-color: #f7bd50;
}
.datepicker-popup__day-number_empty {
cursor: default;
}
.datepicker-popup__day-number_empty:hover {
border-color: transparent;
cursor: default;
}
.datepicker-popup__day-number_disabled {
color: #9ba3b5;
}
.datepicker-popup__day-number_disabled:hover {
border-color: transparent;
cursor: default;
}
.datepicker-popup__nav-left,
.datepicker-popup__nav-right {
position: absolute;
top: 20px;
display: inline-block;
vertical-align: middle;
text-align: center;
border-radius: 2px;
border: 1px solid #e7e7e7;
width: 32px;
height: 32px;
cursor: pointer;
}
.datepicker-popup__nav-left:before,
.datepicker-popup__nav-right:before {
display: inline-block;
vertical-align: middle;
content: '';
height: 100%;
}
.datepicker-popup__nav-left svg,
.datepicker-popup__nav-right svg {
display: inline-block;
vertical-align: middle;
}
.datepicker-popup__nav-left {
left: 24px;
}
.datepicker-popup__nav-right {
right: 24px;
}
.datepicker-range {
position: relative;
display: block;
cursor: pointer;
}
.datepicker-range__btn {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.datepicker-range__label-name {
position: relative;
font-size: 16px;
line-height: 24px;
color: #232839;
padding-right: 25px;
}
.datepicker-range__label-name:before {
content: '';
position: absolute;
top: 50%;
right: 8px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlVJLUtpdCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJhcnJvd19kcm9wZG93bjIweDIwIiBmaWxsPSIjMjMyODM5Ij4NCiAgICAgICAgICAgIDxnIGlkPSJhcnJvdyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS4wMDAwMDAsIDguMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlRyaWFuZ2xlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjAwMDAwMCwgMy4wMDAwMDApIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC01LjAwMDAwMCwgLTMuMDAwMDAwKSAiIHBvaW50cz0iMCA2IDEwIDYgNSAwIj48L3BvbHlnb24+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4NCg==") center center no-repeat;
width: 10px;
height: 10px;
}
.datepicker-range__icon {
margin-right: 8px;
}
.datepicker-range__popup {
position: absolute;
top: 100%;
right: 0;
opacity: 0;
visibility: hidden;
transition: all ease 0.2s;
margin-top: 8px;
}
.datepicker-range_open .datepicker-range__popup {
opacity: 1;
visibility: visible;
}
.datepicker {
display: block;
}
.dropdown {
position: relative;
display: block;
width: 205px;
}
.dropdown:hover .dropdown__selected,
.dropdown:hover .dropdown__selected-arrow {
border-color: #788194;
}
.dropdown__selected {
display: block;
height: 40px;
border: 1px solid rgba(120,129,148,0.5);
background-color: #232839;
border-radius: 3px;
padding-left: 8px;
font-size: 0;
overflow: hidden;
transition: 0.2s ease all;
cursor: pointer;
}
.dropdown__selected-name {
display: inline-block;
vertical-align: top;
position: relative;
padding-left: 30px;
font-weight: 600;
font-size: 16px;
line-height: 38px;
color: #fff;
white-space: nowrap;
transition: 0.2s ease all;
}
.dropdown__selected-name:before {
width: 24px;
height: 24px;
content: '';
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
display: block;
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+DQo8cGF0aCBmaWxsPSIjNzg4Mjk1IiBkPSJNMTIsMkM2LjQ4NiwyLDIsNi40ODYsMiwxMnM0LjQ4NiwxMCwxMCwxMHMxMC00LjQ4NiwxMC0xMFMxNy41MTQsMiwxMiwyeiBNMTIsMy41MzgNCgljMi42MjksMCw0Ljk4MiwxLjIwNiw2LjUzNSwzLjA5M2wtMC40MDQsMC44MUMxOC4wMyw3LjY0MywxNy44MjYsNy43NjksMTcuNiw3Ljc2OWgtNC42MjdjLTAuOTEsMC0xLjcyMSwwLjU3OS0yLjAxNywxLjQ0MQ0KCWwtMS43NzIsNS4xNzdjLTAuMDgyLDAuMjQtMC4zMDgsMC40MDEtMC41NjEsMC40MDFjLTAuMjg4LDAtMC41MzQtMC4yMDYtMC41ODQtMC40ODlsLTAuNDY3LTIuNjM3DQoJYy0wLjE4LTEuMDItMS4wNjMtMS43Ni0yLjA5OS0xLjc2SDMuODEyQzQuNzQ5LDYuMjUsOC4wNiwzLjUzOCwxMiwzLjUzOHogTTMuNTM4LDEyYzAtMC4xODksMC4wMTYtMC4zNzQsMC4wMjgtMC41NmgxLjkwNg0KCWMwLjI4OCwwLDAuNTM0LDAuMjA2LDAuNTg0LDAuNDg5bDAuNDY3LDIuNjM3YzAuMTgsMS4wMiwxLjA2MywxLjc2LDIuMDk5LDEuNzZjMC45MSwwLDEuNzIxLTAuNTc5LDIuMDE3LTEuNDQxbDEuNzcyLTUuMTc3DQoJYzAuMDgyLTAuMjQsMC4zMDgtMC40MDEsMC41NjEtMC40MDFIMTcuNmMwLjgxMywwLDEuNTQ0LTAuNDUyLDEuOTA3LTEuMTc5bDAuMDA0LTAuMDA5YzAuNjA0LDEuMTY0LDAuOTUxLDIuNDgxLDAuOTUxLDMuODgNCgljMCwwLjY5NC0wLjA5MywxLjM2NC0wLjI1MSwyLjAxbC0yLjI2Ni0wLjM3NWMtMS4zNDItMC4yMTktMi42MzksMC42NDEtMi45NTQsMS45NjNsLTAuMTcxLDAuNzE5DQoJYy0wLjI5MSwxLjIyMSwwLjM1LDIuNDU5LDEuNDcsMi45NjRjLTEuMjYsMC43NDUtMi43MjMsMS4xOC00LjI4OSwxLjE4QzcuMzM0LDIwLjQ2MiwzLjUzOCwxNi42NjYsMy41MzgsMTJ6IE0xNy43NzYsMTguMTY2DQoJbC0wLjc0NS0wLjIzNWMtMC41MjktMC4xNjYtMC44NDItMC43MTktMC43MTQtMS4yNThsMC4xNzEtMC43MTljMC4xMjgtMC41NCwwLjY1NS0wLjg5NiwxLjIwNi0wLjgwMWwyLjAwOCwwLjMzMg0KCUMxOS4yMzksMTYuNTAzLDE4LjU4MiwxNy40MTEsMTcuNzc2LDE4LjE2NnoiLz4NCjwvc3ZnPg0K") center center no-repeat;
background-size: auto 100%;
}
.dropdown__selected-arrow {
position: absolute;
width: 40px;
height: 40px;
top: 0;
right: 0;
border: 1px solid rgba(120,129,148,0.5);
background-color: #232839;
cursor: pointer;
text-align: center;
border-radius: 0 3px 3px 0;
transition: 0.2s ease all;
}
.dropdown__selected-arrow:before {
content: '';
display: block;
width: 38px;
height: 38px;
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQo8cG9seWdvbiBmaWxsPSIjRjdCRDUwIiBwb2ludHM9IjMsNSA4LDExIDEzLDUgIi8+DQo8L3N2Zz4NCg==") center center no-repeat;
}
.dropdown__body {
position: absolute;
top: 100%;
display: block;
width: 520px;
height: 264px;
margin-top: -1px;
padding: 16px 0;
background-color: #fff;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease;
border-radius: 0 3px 3px 3px;
border: 1px solid #f0f0f1;
box-shadow: 0 17px 16px 0 #e6e6e7;
z-index: 5;
}
.dropdown__item {
display: block;
height: 40px;
}
.dropdown__item-name {
display: block;
height: 40px;
line-height: 40px;
padding: 0 30px;
cursor: pointer;
transition: 0.2s ease all;
}
.dropdown__item-name:hover {
background-color: #f9f9f9;
}
.dropdown__item-input {
display: none;
}
.dropdown__item-list {
display: none;
position: absolute;
top: 0;
right: 0;
width: 260px;
height: 262px;
padding: 16px;
background-color: #fff;
border-left: 1px solid #f0f0f1;
}
.dropdown__item-input:checked ~ .dropdown__item-name {
background-color: #f0f0f1;
}
.dropdown__item-input:checked ~ .dropdown__item-list {
display: block;
}
.dropdown__list {
width: 260px;
}
.dropdown__setting-panel {
position: relative;
display: block;
height: 40px;
line-height: 40px;
margin-bottom: 0;
}
.dropdown__setting-panel-title {
color: #788295;
font-size: 16px;
}
.dropdown__setting-icon {
width: 20px;
height: 20px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
display: block;
}
.dropdown__setting-icon svg {
fill: #ccd2dc;
transition: 0.2s fill ease;
}
.dropdown__setting-icon:hover svg {
fill: #9ba3b5;
}
.dropdown__setting-icon:active svg {
fill: #232839;
}
.dropdown__camp-links {
display: block;
}
.dropdown__camp-links-name {
display: block;
margin-bottom: 8px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #232839;
}
.dropdown_state_open .dropdown__selected {
background-color: #fff;
border: 1px solid #f0f0f1;
border-radius: 3px 3px 0 0;
}
.dropdown_state_open .dropdown__selected-name {
color: #3d3f46;
}
.dropdown_state_open .dropdown__selected-arrow {
border: 1px solid #f7bd50;
background-color: #f7bd50;
border-radius: 0 3px 0 0;
}
.dropdown_state_open .dropdown__selected-arrow:before {
top: 50%;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.dropdown_state_open .dropdown__selected-arrow:before {
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQo8cG9seWdvbiBmaWxsPSIjM0QzRjQ2IiBwb2ludHM9IjMsNSA4LDExIDEzLDUgIi8+DQo8L3N2Zz4NCg==") center center no-repeat;
}
.dropdown_state_open .dropdown__body {
opacity: 1;
visibility: visible;
}
.dropdown_state_open:hover .dropdown__selected {
border-color: #f0f0f1;
}
.dropdown_state_open:hover .dropdown__selected-arrow {
border-color: #f7bd50;
}
.dropdown.disabled .dropdown__setting-icon svg,
.dropdown_disabled .dropdown__setting-icon svg {
fill: #d6d6d6;
}
.filename {
border: none;
width: 100%;
font-size: 14px;
line-height: 1.428571428571429;
color: #6f7273;
background-color: transparent;
display: none;
}
.file-upload {
position: relative;
overflow: hidden;
height: 34px;
border-radius: 3px;
padding: 12px 4px;
color: #fff;
text-align: left;
}
.file-upload input[type='file'] {
display: none;
}
.file-upload label {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.file-upload__comment {
display: inline-block;
vertical-align: baseline;
margin-left: 16px;
font-size: 12px;
line-height: 1.666666666666667;
color: #6f7273;
}
.filter-dropdown-menu {
top: 100%;
left: 0;
position: absolute;
display: block;
transition: 0.3s ease all;
transition-delay: 100ms;
width: 440px;
background: #fff;
box-shadow: 0 14px 16px 0 rgba(0,0,0,0.06);
border-radius: 3px;
z-index: 5;
}
.filter-dropdown-menu_open {
opacity: 1;
visibility: visible;
}
.filter-dropdown-menu__header {
position: relative;
padding: 12px 16px 12px 24px;
border-bottom: 1px solid #f0f0f1;
}
.filter-dropdown-menu__header-title {
font-size: 20px;
line-height: 1.4;
font-weight: 600;
color: #232839;
}
.filter-dropdown-menu__header-btn-close {
position: absolute;
top: 0;
right: 0;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 52px;
height: 52px;
cursor: pointer;
}
.filter-dropdown-menu__main {
padding: 16px 16px 16px 24px;
}
.filter-dropdown-menu__main-nav {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 12px;
}
.filter-dropdown-menu__footer {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 16px 16px 20px 24px;
border-top: 1px solid #f0f0f1;
}
.filter-dropdown-menu__btn-select {
text-decoration: none;
color: #0383e9;
font-weight: 400;
transition: all ease 0.2s;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-size: 14px;
line-height: 1.428571428571429;
margin-left: 16px;
}
.filter-dropdown-menu__btn-select:hover {
color: #075fa4;
}
.filter-dropdown-menu__btn-select:hover u {
border-bottom-color: inherit;
}
.filter-dropdown-menu__btn-select:hover svg {
fill: #075fa4;
}
.filter-dropdown-menu__btn-select:active {
color: #075fa4;
}
.filter-dropdown-menu__btn-select:active u {
border-bottom-color: transparent;
}
.filter-dropdown-menu__btn-select:active svg {
fill: #075fa4;
}
.filter-dropdown-menu__btn-select svg {
fill: #0383e9;
transition: fill 0.2s ease;
}
.filter-dropdown-menu__btn-select u {
border-bottom: 1px solid transparent;
text-decoration: none;
transition: all 0.2s ease;
cursor: pointer;
}
.filter-dropdown {
display: block;
font-size: 0;
}
.filter-dropdown__label {
display: inline-block;
vertical-align: top;
border: 1px solid #cbd2db;
cursor: pointer;
border-radius: 2px;
transition: 0.2s all ease;
}
.filter-dropdown__label:hover {
border-color: #788295;
}
.filter-dropdown__item {
display: inline-block;
vertical-align: top;
}
.filter-dropdown__icon {
display: block;
width: 36px;
height: 32px;
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9Im5vbmUiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIvPg0KPHBhdGggZmlsbD0iIzIzMjgzOSIgZD0iTTIwLDYuNjAxSDkuODczYy0wLjIzMi0wLjUyOS0wLjc1OS0wLjktMS4zNzMtMC45cy0xLjE0MiwwLjM3MS0xLjM3MywwLjlINGMtMC4zMzIsMC0wLjYsMC4yNjktMC42LDAuNg0KCXMwLjI2OSwwLjYsMC42LDAuNmgzLjEyN2MwLjIzMiwwLjUyOSwwLjc1OSwwLjksMS4zNzMsMC45czEuMTQxLTAuMzcxLDEuMzczLTAuOUgyMGMwLjMzMSwwLDAuNi0wLjI2OSwwLjYtMC42DQoJUzIwLjMzMSw2LjYwMSwyMCw2LjYwMXoiLz4NCjxwYXRoIGZpbGw9IiMyMzI4MzkiIGQ9Ik0xOCwxMS42MDFoLTIuMTI3Yy0wLjIzMi0wLjUyOS0wLjc1OS0wLjktMS4zNzMtMC45cy0xLjE0MiwwLjM3MS0xLjM3MywwLjlINmMtMC4zMzIsMC0wLjYsMC4yNjktMC42LDAuNg0KCXMwLjI2OSwwLjYsMC42LDAuNmg3LjEyN2MwLjIzMiwwLjUyOSwwLjc1OSwwLjksMS4zNzMsMC45czEuMTQxLTAuMzcxLDEuMzczLTAuOUgxOGMwLjMzMSwwLDAuNi0wLjI2OSwwLjYtMC42DQoJUzE4LjMzMSwxMS42MDEsMTgsMTEuNjAxeiIvPg0KPHBhdGggZmlsbD0iIzIzMjgzOSIgZD0iTTE2LDE2LjYwMmgtNC4xMjZjLTAuMjMyLTAuNTMtMC43NTktMC45MDEtMS4zNzQtMC45MDFzLTEuMTQyLDAuMzcxLTEuMzc0LDAuOTAxSDgNCgljLTAuMzMyLDAtMC42LDAuMjY5LTAuNiwwLjZzMC4yNjksMC42LDAuNiwwLjZoMS4xMjdjMC4yMzIsMC41MjksMC43NTksMC45LDEuMzczLDAuOXMxLjE0Mi0wLjM3MSwxLjM3My0wLjlIMTYNCgljMC4zMzEsMCwwLjYtMC4yNjksMC42LTAuNlMxNi4zMzEsMTYuNjAyLDE2LDE2LjYwMnoiLz4NCjwvc3ZnPg0K") center center no-repeat;
}
.filter-dropdown__title {
display: inline-block;
vertical-align: middle;
margin-right: 12px;
font-size: 14px;
line-height: 25px;
color: #788295;
}
.filter-dropdown__list {
display: inline-block;
vertical-align: middle;
}
.filter-dropdown__item {
position: relative;
margin-right: 4px;
}
.filter-dropdown__item.filter-dropdown__item_open .filter-dropdown__label {
background-color: #f0f0f1;
border: 1px solid #cbd2db;
}
.filter-dropdown__item.filter-dropdown__item_open .filter-dropdown__menu {
opacity: 1;
visibility: visible;
}
.filter-dropdown__item:last-child {
margin-right: 0;
}
.filter-dropdown__menu {
opacity: 0;
visibility: hidden;
}
.filter-dropdown__name {
display: block;
height: 32px;
padding: 0 16px;
font-size: 14px;
line-height: 32px;
font-weight: 600;
}
.index {
padding: 80px 100px;
min-height: 100vh;
font-size: 0;
text-align: left;
}
.index__content {
padding-top: 148px;
}
.index__text {
font-size: 16px;
font-weight: 300;
line-height: 22px;
color: #000;
}
.index__title {
font-size: 24px;
line-height: 1.333333333333333;
font-weight: 600;
margin-bottom: 20px;
}
.index__list {
margin-bottom: 20px;
}
.index__item {
margin-bottom: 20px;
}
.index__name {
font-size: 20px;
line-height: 1.4;
font-weight: 600;
display: inline-block;
overflow: hidden;
vertical-align: top;
text-overflow: ellipsis;
color: #000;
transition: 0.1s ease all;
}
.input-group {
display: block;
font-size: 0;
}
.input-group__icon {
margin: 0 4px;
font-size: 16px;
}
.input-group_size_xx_small .input-group__icon {
line-height: 28px;
}
.input-search {
display: inline-block;
vertical-align: top;
position: relative;
background: transparent;
font-weight: 400;
font-size: 14px;
line-height: 24px;
text-align: left;
}
.input-search__inner {
position: relative;
display: block;
}
.input-search__field {
display: inline-block;
vertical-align: top;
position: relative;
width: 264px;
height: 26px;
padding: 0 40px 0 32px;
border: none;
border-bottom: 1px solid #cbd2db;
border-radius: 2px;
text-align: left;
background-color: transparent;
box-shadow: none;
-webkit-appearance: none;
transition: all 0.2s ease;
}
.input-search__field::-webkit-input-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-search__field:-moz-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-search__field::-moz-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-search__field:-ms-input-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-search__field:hover {
border-color: #8890a0;
}
.input-search__field:focus {
border-color: #f5b73b;
}
.input-search__field:focus::-webkit-input-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-search__field:focus:-moz-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-search__field:focus::-moz-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-search__field:focus:-ms-input-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-search__field:active {
border-color: #f5b73b;
}
.input-search__field:disabled,
.input-search__field.disabled {
opacity: 0.5;
}
.input-search__field:disabled:focus,
.input-search__field.disabled:focus,
.input-search__field:disabled:hover,
.input-search__field.disabled:hover,
.input-search__field:disabled:active,
.input-search__field.disabled:active {
border-color: #cbd2db;
}
.input-search__clear {
width: 40px;
height: 48px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
display: block;
cursor: pointer;
opacity: 0;
z-index: 2;
transition: all 0.3s ease;
}
.input-search__clear:active,
.input-search__clear:focus {
opacity: 1;
}
.input-search__clear:before {
width: 16px;
height: 16px;
content: '';
display: block;
border-radius: 50%;
position: absolute;
top: 50%;
right: 12px;
background-color: #f0f0f1;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
transition: 0.2s all ease;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgMTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwIDEwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBzdHlsZT0iZmlsbDpub25lOyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIi8+DQo8cGF0aCBzdHlsZT0iZmlsbDojOUJBM0I1OyIgZD0iTTUuOCw0LjhsMy41LTMuNWMwLjMtMC4zLDAuMy0wLjgsMC0xLjFDOS0wLjEsOC41LTAuMSw4LjIsMC4yTDQuOCwzLjdMMS4zLDAuMkMxLTAuMSwwLjUtMC4xLDAuMiwwLjINCgljLTAuMywwLjMtMC4zLDAuOCwwLDEuMWwzLjUsMy41TDAuMiw4LjJjLTAuMywwLjMtMC4zLDAuOCwwLDEuMWMwLjEsMC4xLDAuMywwLjIsMC41LDAuMmMwLjIsMCwwLjQtMC4xLDAuNS0wLjJsMy41LTMuNWwzLjUsMy41DQoJYzAuMSwwLjEsMC4zLDAuMiwwLjUsMC4yYzAuMiwwLDAuNC0wLjEsMC41LTAuMmMwLjMtMC4zLDAuMy0wLjgsMC0xLjFMNS44LDQuOHoiLz4NCjwvc3ZnPg0K");
background-position: center center;
background-repeat: no-repeat;
background-size: 8px;
}
.input-search__clear:hover:before {
background-color: #e6e6e7;
}
.input-search__clear_visibility_visible {
opacity: 1;
}
.input-search__field:active ~ .input-txt__clear,
.input-search__field:focus ~ .input-txt__clear {
opacity: 1;
}
.input-length-count {
display: inline-block;
vertical-align: middle;
height: 48px;
margin-left: 5px;
font-size: 16px;
line-height: 48px;
color: #9ba3b5;
}
.input-length-count_size_small {
height: 40px;
font-size: 14px;
line-height: 40px;
}
.input-length-count.color_error {
color: #f10000;
}
.input-txt {
display: inline-block;
vertical-align: top;
position: relative;
background: transparent;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: left;
}
.input-txt__inner {
position: relative;
display: block;
}
.input-txt__inner.input-txt__inner_filled .input-txt__clear {
opacity: 1;
}
.input-txt__inner.input-txt__inner_filled .input-txt__field {
border-color: #cbd2db;
}
.input-txt__field {
display: inline-block;
vertical-align: top;
position: relative;
width: 396px;
height: 48px;
padding: 0 40px 0 20px;
border: 1px solid;
border-radius: 2px;
border-color: #cbd2db;
box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.04);
text-align: left;
background: #fff;
font-size: 12px;
-webkit-appearance: none;
transition: all 0.2s ease;
}
.input-txt__field::-webkit-input-placeholder {
color: #9ba3b5;
font-size: 16px;
transition: 0.2s all ease;
}
.input-txt__field:-moz-placeholder {
color: #9ba3b5;
font-size: 16px;
transition: 0.2s all ease;
}
.input-txt__field::-moz-placeholder {
color: #9ba3b5;
font-size: 16px;
transition: 0.2s all ease;
}
.input-txt__field:-ms-input-placeholder {
color: #9ba3b5;
font-size: 16px;
transition: 0.2s all ease;
}
.input-txt__field:hover {
border-color: #8890a0;
}
.input-txt__field:focus {
border-color: #f5b73b;
}
.input-txt__field:focus::-webkit-input-placeholder {
color: #9ba3b5;
font-size: 12px;
transition: 0.2s all ease;
}
.input-txt__field:focus:-moz-placeholder {
color: #9ba3b5;
font-size: 12px;
transition: 0.2s all ease;
}
.input-txt__field:focus::-moz-placeholder {
color: #9ba3b5;
font-size: 12px;
transition: 0.2s all ease;
}
.input-txt__field:focus:-ms-input-placeholder {
color: #9ba3b5;
font-size: 12px;
transition: 0.2s all ease;
}
.input-txt__field:active {
border-color: #f5b73b;
}
.input-txt__field:disabled,
.input-txt__field.disabled {
opacity: 0.5;
}
.input-txt__field:disabled:focus,
.input-txt__field.disabled:focus,
.input-txt__field:disabled:hover,
.input-txt__field.disabled:hover,
.input-txt__field:disabled:active,
.input-txt__field.disabled:active {
border-color: #cbd2db;
}
.input-txt__field_area {
resize: vertical;
height: 120px;
font-size: 15px;
line-height: 22px;
border: 1px solid;
border-color: #c9cccc;
}
.input-txt__field_office_size {
width: 94px !important;
padding-right: 36px !important;
}
.input-txt__group {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.input-txt__group .input-txt__inner + .input-txt__inner {
margin-left: 4px;
}
.input-txt__label_block {
display: block;
height: auto !important;
}
.input-txt__error {
font-size: 14px;
line-height: 24px;
display: block;
color: #f10000;
}
.input-txt__tip {
font-size: 14px;
line-height: 24px;
display: block;
color: #9ba3b5;
}
.input-txt_size_full {
display: block;
}
.input-txt_size_full .input-txt__field {
width: 100%;
}
.input-txt_size_x_large {
font-size: 22px;
line-height: 28px;
}
.input-txt_size_x_large .input-txt__field {
width: 480px;
height: 64px;
padding: 0 40px 0 20px;
}
.input-txt_size_x_large .input-txt__label {
display: inline-block;
vertical-align: middle;
height: 64px;
margin-right: 33px;
}
.input-txt_size_x_large .input-txt__label:before {
display: inline-block;
vertical-align: middle;
content: '';
height: 100%;
}
.input-txt_size_x_large .input-txt__clear {
height: 64px;
}
.input-txt_size_large {
font-size: 18px;
line-height: 24px;
}
.input-txt_size_large .input-txt__field {
width: 480px;
height: 56px;
padding: 0 40px 0 16px;
}
.input-txt_size_large .input-txt__label {
display: inline-block;
vertical-align: middle;
height: 56px;
margin-right: 43px;
}
.input-txt_size_large .input-txt__label:before {
display: inline-block;
vertical-align: middle;
content: '';
height: 100%;
}
.input-txt_size_large .input-txt__clear {
height: 56px;
}
.input-txt_size_large .input-txt__field_area {
height: 120px;
padding: 8px 16px;
}
.input-txt_size_small {
font-size: 14px;
line-height: 20px;
}
.input-txt_size_small .input-txt__field {
width: 352px;
height: 40px;
padding: 0 40px 0 14px;
}
.input-txt_size_small .input-txt__field::-webkit-input-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-txt_size_small .input-txt__field:-moz-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-txt_size_small .input-txt__field::-moz-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-txt_size_small .input-txt__field:-ms-input-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-txt_size_small .input-txt__clear {
height: 40px;
}
.input-txt_size_small .input-txt__label_block {
margin-bottom: 0;
}
.input-txt_size_x_small {
font-size: 14px;
line-height: 20px;
}
.input-txt_size_x_small .input-txt__field {
width: 264px;
height: 32px;
padding: 0 8px;
}
.input-txt_size_x_small .input-txt__field::-webkit-input-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-txt_size_x_small .input-txt__field:-moz-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-txt_size_x_small .input-txt__field::-moz-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-txt_size_x_small .input-txt__field:-ms-input-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-txt_size_x_small .input-txt__clear {
height: 32px;
}
.input-txt_size_xx_small {
font-size: 14px;
}
.input-txt_size_xx_small .input-txt__field {
width: 128px;
height: 28px;
padding: 0 26px 0 8px;
}
.input-txt_size_xx_small .input-txt__field::-webkit-input-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-txt_size_xx_small .input-txt__field:-moz-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-txt_size_xx_small .input-txt__field::-moz-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-txt_size_xx_small .input-txt__field:-ms-input-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-txt_size_xx_small .input-txt__clear {
height: 24px;
width: 24px;
}
.input-txt_size_xx_small .input-txt__clear:before {
top: 50%;
right: 6px;
}
.input-txt_size_extra_small {
font-size: 14px;
}
.input-txt_size_extra_small .input-txt__field {
width: 64px;
height: 24px;
padding: 0 18px 0 6px;
}
.input-txt_size_extra_small .input-txt__field::-webkit-input-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-txt_size_extra_small .input-txt__field:-moz-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-txt_size_extra_small .input-txt__field::-moz-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-txt_size_extra_small .input-txt__field:-ms-input-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-txt_size_extra_small .input-txt__clear {
width: 18px;
height: 16px;
}
.input-txt_size_extra_small .input-txt__clear:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
top: 0;
right: 2px;
}
.input-txt_vertical_align_middle {
vertical-align: middle;
}
.input-txt_state_error .input-txt__field {
border-color: #f10000;
}
.input-txt_state_error .input-txt__field:focus,
.input-txt_state_error .input-txt__field:hover,
.input-txt_state_error .input-txt__field:active {
border-color: #f10000;
}
.input-txt_type_search .input-txt__field {
padding-right: 45px;
}
.input-txt_type_search .input-txt__search_btn {
width: 40px;
height: 24px;
position: absolute;
top: 0;
right: 0;
display: block;
cursor: pointer;
}
.input-txt_type_search .input-txt__search_btn:before {
width: 24px;
height: 24px;
content: '';
position: absolute;
top: 50%;
right: 16px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 1;
}
.input-txt_type_small_search {
font-size: 14px;
line-height: 24px;
}
.input-txt_type_small_search .input-txt__search_btn:hover ~ .input-txt__inner .input-txt__field {
border-color: #cbd2db;
}
.input-txt_type_small_search .input-txt__search_btn:hover ~ .input-txt__inner .input-txt__field::-webkit-input-placeholder {
color: #9ba3b5;
font-size: 12px;
transition: 0.2s all ease;
}
.input-txt_type_small_search .input-txt__search_btn:hover ~ .input-txt__inner .input-txt__field:-moz-placeholder {
color: #9ba3b5;
font-size: 12px;
transition: 0.2s all ease;
}
.input-txt_type_small_search .input-txt__search_btn:hover ~ .input-txt__inner .input-txt__field::-moz-placeholder {
color: #9ba3b5;
font-size: 12px;
transition: 0.2s all ease;
}
.input-txt_type_small_search .input-txt__search_btn:hover ~ .input-txt__inner .input-txt__field:-ms-input-placeholder {
color: #9ba3b5;
font-size: 12px;
transition: 0.2s all ease;
}
.input-txt_type_small_search .input-txt__inner {
position: relative;
display: block;
}
.input-txt_type_small_search .input-txt__field {
display: inline-block;
vertical-align: top;
position: relative;
width: 264px;
height: 22px;
border: none;
border-bottom: 1px solid transparent;
border-radius: 2px;
box-shadow: none;
text-align: left;
background-color: transparent;
transition: all 0.2s ease;
}
.input-txt_type_small_search .input-txt__field::-webkit-input-placeholder {
color: transparent;
font-size: 12px;
transition: 0.2s all ease;
}
.input-txt_type_small_search .input-txt__field:-moz-placeholder {
color: transparent;
font-size: 12px;
transition: 0.2s all ease;
}
.input-txt_type_small_search .input-txt__field::-moz-placeholder {
color: transparent;
font-size: 12px;
transition: 0.2s all ease;
}
.input-txt_type_small_search .input-txt__field:-ms-input-placeholder {
color: transparent;
font-size: 12px;
transition: 0.2s all ease;
}
.input-txt_type_small_search .input-txt__field:active,
.input-txt_type_small_search .input-txt__field:focus {
border-color: #cbd2db;
}
.input-txt_type_small_search .input-txt__field:focus::-webkit-input-placeholder {
color: #9ba3b5;
font-size: 12px;
transition: 0.2s all ease;
}
.input-txt_type_small_search .input-txt__field:focus:-moz-placeholder {
color: #9ba3b5;
font-size: 12px;
transition: 0.2s all ease;
}
.input-txt_type_small_search .input-txt__field:focus::-moz-placeholder {
color: #9ba3b5;
font-size: 14px;
transition: 0.2s all ease;
}
.input-txt_type_small_search .input-txt__field:focus:-ms-input-placeholder {
color: #9ba3b5;
font-size: 12px;
transition: 0.2s all ease;
}
.input-txt_type_small_search .input-txt__search_btn {
width: 32px;
height: 24px;
position: absolute;
bottom: 0;
left: 0;
display: block;
cursor: pointer;
}
.input-txt_type_small_search .input-txt__search_btn:before {
width: 24px;
height: 24px;
position: absolute;
line-height: 20px;
color: #375D81;
left: 0;
z-index: 1;
}
.input-txt_type_small_search .input-txt__clear {
width: 30px;
height: 36px;
}
.input-txt_type_small_search .input-txt__clear:before {
right: 0;
top: auto;
bottom: 8px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.input-txt_type_literal_limited .input-txt__field {
padding-right: 40px;
}
.input-txt__clear {
width: 40px;
height: 48px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
display: block;
cursor: pointer;
opacity: 0;
z-index: 2;
transition: all 0.3s ease;
color: #375D81;
}
.input-txt__clear:active,
.input-txt__clear:focus {
opacity: 1;
}
.input-txt__clear:before {
width: 16px;
height: 16px;
display: block;
position: absolute;
top: 50%;
right: 12px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
transition: 0.2s all ease;
background-position: center center;
background-repeat: no-repeat;
background-size: 8px;
}
.input-txt__clear:hover:before {
}
.input-txt__field:active ~ .input-txt__clear,
.input-txt__field:focus ~ .input-txt__clear {
opacity: 1;
}
.layout-analytics {
display: block;
}
.layout-create {
display: block;
}
.link-group {
display: block;
font-size: 0;
margin-bottom: 12px;
}
.link-group__item {
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: inherit;
margin-right: 16px;
}
.link-group_mr_small .link-group__item {
margin-right: 6px;
font-size: 14px;
line-height: inherit;
}
.link {
text-decoration: none;
color: #788295;
font-weight: 400;
transition: all ease 0.2s;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
cursor: pointer;
}
.link:hover {
color: #0383e9;
}
.link:hover svg {
fill: #0383e9;
}
.link:active {
color: #075fa4;
}
.link:active svg {
fill: #075fa4;
}
.link u {
border-bottom: 1px solid transparent;
text-decoration: none;
transition: all 0.2s ease;
cursor: pointer;
}
.link svg {
fill: #788295;
}
.link .link__name {
font-size: 16px;
line-height: 1;
}
.link_color_blue {
color: #0383e9;
}
.link_color_blue:hover {
color: #075fa4;
}
.link_color_blue:hover u {
border-bottom-color: inherit;
}
.link_color_blue:hover svg {
fill: #075fa4;
}
.link_color_blue:active {
color: #075fa4;
}
.link_color_blue:active u {
border-bottom-color: transparent;
}
.link_color_blue:active svg {
fill: #075fa4;
}
.link_color_blue svg {
fill: #0383e9;
transition: fill 0.2s ease;
}
.link_color_black {
color: #232839;
}
.link_color_black:hover {
color: #0284ea;
}
.link_color_black:hover u {
border-bottom-color: inherit;
}
.link_color_black:hover svg {
fill: #0284ea;
}
.link_color_black:active {
color: #075fa4;
}
.link_color_black:active u {
border-bottom-color: transparent;
}
.link_color_black:active svg {
fill: #075fa4;
}
.link_color_black svg {
fill: #232839;
transition: fill 0.2s ease;
}
.link_text_x_large .link__name {
font-size: 24px;
line-height: 1.333333333333333;
}
.link_text_x_large.link_icon {
height: 40px;
line-height: 40px;
}
.link_text_large .link__name {
font-size: 20px;
line-height: 1.4;
}
.link_text_large.link_icon {
height: 36px;
line-height: 36px;
}
.link_text_small .link__name {
font-size: 14px;
line-height: 1.428571428571429;
}
.link_text_small.link_icon {
height: 20px;
line-height: 20px;
}
.link_icon {
display: inline-block;
vertical-align: baseline;
height: 24px;
line-height: 24px;
}
.link_icon .link__name {
display: inline-block;
vertical-align: baseline;
line-height: inherit;
}
.link_icon svg {
vertical-align: top;
}
.link_icon_left {
font-size: 0 !important;
}
.link_icon_left .link__name {
margin-left: 4px;
line-height: inherit;
}
.link_icon_right {
font-size: 0 !important;
}
.link_icon_right .link__name {
margin-right: 4px;
}
.page-header {
display: block;
}
.pagination {
display: block;
font-size: 0;
}
.pagination__link {
width: 56px;
height: 56px;
display: inline-block;
vertical-align: top;
padding: 0;
border-radius: 2px;
border: 1px solid #e6e6e7;
font-size: 0;
text-align: center;
background-color: #fff;
transition: all 0.2s ease;
}
.pagination__link_alone {
width: 56px;
height: 48px;
background-color: transparent;
border: 1px solid rgba(120,129,148,0.5);
}
.pagination__link_alone svg {
fill: rgba(120,129,148,0.5);
transition: 0.2s all ease;
}
.pagination__link_alone:hover {
border-color: #788295 !important;
}
.pagination__link_alone:hover svg {
fill: #fff;
}
.pagination__link_alone:active {
border-color: #788295;
background-color: rgba(120,130,149,0.5);
}
.pagination__link_alone:active svg {
fill: #fff;
}
.pagination__link_size_small.pagination__link {
width: 48px;
height: 40px;
}
.pagination__link_size_x_small.pagination__link {
width: 40px;
height: 32px;
}
.pagination__link:before {
display: inline-block;
vertical-align: middle;
content: '';
height: 100%;
}
.pagination__link svg {
display: inline-block;
vertical-align: middle;
}
.pagination__link:hover {
border-color: #b4b9c3;
}
.pagination__list {
display: inline-block;
vertical-align: middle;
height: 56px;
margin: 0 24px;
}
.pagination__list:before {
display: inline-block;
vertical-align: middle;
content: '';
height: 100%;
}
.pagination__item {
display: inline-block;
vertical-align: middle;
width: 40px;
height: 40px;
margin-right: 8px;
border-radius: 50%;
text-align: center;
cursor: pointer;
transition: all 0.2s ease;
border: 1px solid transparent;
}
.pagination__item-name {
font-size: 20px;
line-height: 40px;
font-weight: 400;
color: #b4b9c3;
text-decoration: none;
}
.pagination__item.active,
.pagination__item_active {
background-color: #f0f0f1;
}
.pagination__item.active .pagination__item-name,
.pagination__item_active .pagination__item-name {
color: #171b26;
}
.pagination__item:last-child {
margin-right: 0;
}
.pagination__item:hover {
border-color: #9ba3b5;
}
.pagination__item:hover .pagination__item-name {
color: #171b26;
}
.product-selection-menu {
display: block;
margin-bottom: 16px;
background: #fff;
border: 1px solid #f0f0f1;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.04);
border-radius: 4px;
}
.product-selection-menu__item {
border-bottom: 1px solid #f0f0f1;
}
.product-selection-menu__item:last-child {
border-bottom: none;
}
.product-selection-menu__item.opened .product-selection-menu__header,
.product-selection-menu__item.product-selection-menu__item--opened .product-selection-menu__header {
padding-top: 24px;
padding-bottom: 16px;
}
.product-selection-menu__item.opened .product-selection-menu__header .product-selection-menu__header-right,
.product-selection-menu__item.product-selection-menu__item--opened .product-selection-menu__header .product-selection-menu__header-right {
opacity: 0;
}
.product-selection-menu__item.opened .product-selection-menu__content,
.product-selection-menu__item.product-selection-menu__item--opened .product-selection-menu__content {
display: block;
}
.product-selection-menu__header {
padding: 24px 48px;
height: 88px;
transition: 0.2s all;
}
.product-selection-menu__header-right {
float: right;
opacity: 1;
transition: 0.2s ease opacity;
}
.product-selection-menu__header-name {
font-size: 24px;
line-height: 1.333333333333333;
font-weight: 600;
line-height: 40px;
}
.product-selection-menu__header-text {
font-size: 16px;
line-height: 40px;
font-weight: 400;
color: #a4abbb;
margin-right: 20px;
}
.product-selection-menu__header-icon {
width: 40px;
height: 40px;
display: inline-block;
vertical-align: top;
position: relative;
border: 1px solid #e6e6e7;
border-radius: 50%;
cursor: pointer;
transition: 0.2s ease all;
}
.product-selection-menu__header-icon:hover {
background: #fff;
border-color: #9ba3b5;
}
.product-selection-menu__header-icon:active {
background: #f0f0f1;
border-color: #e7e7e7;
}
.product-selection-menu__header-icon:before {
width: 16px;
height: 16px;
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMjMyODM5IiBkPSJNOCwxMS45OUwxLjUwNSw1LjQ5NWMtMC4yNzMtMC4yNzMtMC4yNzMtMC43MTcsMC0wLjk5czAuNzE3LTAuMjczLDAuOTksMEw4LDEwLjAxbDUuNTA1LTUuNTA1DQoJCWMwLjI3My0wLjI3MywwLjcxNy0wLjI3MywwLjk5LDBzMC4yNzMsMC43MTcsMCwwLjk5TDgsMTEuOTl6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==") center center no-repeat;
}
.product-selection-menu__content {
display: none;
padding: 0 48px 24px;
}
.product-selection-menu__input-group {
display: block;
margin-bottom: 8px;
}
.product-selection {
display: block;
margin-bottom: 55px;
}
.product-selection__title {
font-size: 32px;
line-height: 1.25;
font-weight: 600;
text-align: center;
margin: 0 0 16px;
}
.product-selection__group {
display: block;
font-size: 0;
text-align: center;
margin-bottom: 16px;
}
.product-selection__group-item {
display: inline-block;
vertical-align: top;
margin-right: 16px;
font-size: 16px;
line-height: 32px;
}
.radio {
display: inline-block;
position: relative;
cursor: default;
color: #232839;
}
.radio__input {
position: absolute;
opacity: 0;
}
.radio__input:checked ~ .radio__icon {
border-color: #f5b73b;
}
.radio__input:checked ~ .radio__icon::before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.radio__input:disabled ~ .radio__icon {
cursor: default;
opacity: 0.5;
border-color: #cbd2db !important;
background-color: #f0f0f1;
}
.radio__input:disabled ~ .radio__text {
cursor: default;
opacity: 0.5;
}
.radio__icon {
display: inline-block;
vertical-align: top;
position: relative;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: transparent;
border: 1px solid #a4abbb;
margin: 0 6px 0 0;
transition: all 0.3s ease;
cursor: pointer;
}
.radio__icon::before {
content: '';
display: inline-block;
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
left: 50%;
top: 50%;
margin: -6px 0 0 -6px;
box-sizing: border-box;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
transition: all 0.3s ease;
background: #f5b73b;
}
.radio__text {
cursor: pointer;
color: inherit;
line-height: 20px;
font-size: 16px;
transition: 0.2s all ease;
}
.radio_size_large {
font-size: 20px;
}
.radio_size_small .radio__icon {
width: 16px;
height: 16px;
}
.radio_size_small .radio__icon::before {
width: 8px;
height: 8px;
margin: -4px 0 0 -4px;
}
.radio:hover .radio__icon {
border-color: #f5b73b;
}
.radio.radio_state_error .radio__icon {
border: 1px solid #f10000;
}
.radio.radio_state_error .radio__text {
color: #f10000;
}
.range-group {
display: block;
}
.range-group__main {
display: block;
position: relative;
margin: 12px 0;
white-space: nowrap;
}
.range-group__bottom {
display: block;
}
.range-group__bottom-text {
font-size: 14px;
line-height: 1;
font-weight: 400;
color: #788295;
}
.range-group__input-wrap {
position: relative;
display: block;
margin: 0 auto;
}
.range-group__dot {
width: 8px;
height: 8px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
content: '';
display: block;
background-color: #ffa038;
border-radius: 50%;
z-index: 10;
}
.range-group__dot_left {
left: 0;
}
.range-group__dot_right {
left: initial;
right: 0;
}
.range-group__item {
display: block;
width: 100%;
height: 32px;
outline: none;
background-repeat: no-repeat;
-webkit-appearance: none;
background-color: transparent;
z-index: 5;
}
.range-group__item:active + .loader {
transition: opacity 300ms;
opacity: 0;
}
.range-group__item:active ~ .loader {
transition: opacity 300ms;
opacity: 0;
}
.range-group__item::-moz-focus-outer {
border: none;
}
.range-group__item::-webkit-slider-runnable-track {
border-radius: 3px;
height: 2px;
background: #8890a0;
z-index: 9;
}
.range-group__item::-ms-slider-runnable-track {
border-radius: 3px;
}
.range-group__item::-moz-slider-runnable-track {
border-radius: 3px;
}
.range-group__item::-moz-range-track {
background-color: #8890a0;
z-index: 9;
}
.range-group__item::-webkit-slider-thumb {
width: 18px;
height: 18px;
position: relative;
box-shadow: 0 0 0 2px #232839;
border-radius: 50%;
background: #fff;
cursor: pointer;
-webkit-appearance: none;
border-color: transparent;
margin-top: -8px;
z-index: 25;
}
.range-group__item::-ms-thumb {
width: 18px;
height: 18px;
position: relative;
border-radius: 50%;
box-shadow: 0 0 0 2px #232839;
background-color: #fff;
cursor: pointer;
z-index: 25;
}
.range-group__item::-moz-range-thumb {
width: 18px;
height: 18px;
position: relative;
z-index: 25;
border-radius: 50%;
border: none;
box-shadow: 0 0 0 2px #232839;
background: #fff;
cursor: pointer;
}
.range-group__item::-webkit-slider-thumb:active {
box-shadow: 0 0 0 2px rgba(255,255,255,0.5);
}
.range-group__item::-ms-thumb:active {
box-shadow: 0 0 0 2px rgba(255,255,255,0.5);
}
.range-group__item::-moz-range-thumb:active {
box-shadow: 0 0 0 2px rgba(255,255,255,0.5);
}
.ruble {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-family: 'ALSRubl-Regular', Helvetica-Neue, Arial, sans-serif;
font-size: inherit;
color: inherit;
line-height: inherit;
font-weight: inherit;
}
.select-group {
display: block;
font-size: 0;
}
.select-group__item {
display: inline-block;
vertical-align: top;
}
.select-group__item + .select-group__item {
margin-left: 16px;
}
.settings-extension {
display: block;
}
.settings-extension__header {
display: block;
height: 32px;
margin-bottom: 16px;
}
.settings-extension__header-text {
font-size: 16px;
line-height: 32px;
font-weight: 400;
color: #232839;
margin-right: 13px;
}
.settings-extension__header-icon {
width: 32px;
height: 32px;
display: inline-block;
vertical-align: top;
position: relative;
border: 1px solid #e6e6e7;
background-color: #fff;
border-radius: 50%;
cursor: pointer;
box-shadow: 0 3px 3px 0 rgba(0,0,0,0.04);
transition: 0.2s all ease;
margin-left: 6px;
}
.settings-extension__header-icon:hover {
background: #fff;
border-color: #788295;
}
.settings-extension__header-icon:active,
.settings-extension__header-icon_active {
background: #f0f0f1;
box-shadow: none;
border-color: #232839;
}
.settings-extension__header-icon:before {
width: 30px;
height: 30px;
content: '';
position: absolute;
top: 0;
left: 0;
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMjMyODM5IiBkPSJNOCwxMS45OUwxLjUwNSw1LjQ5NWMtMC4yNzMtMC4yNzMtMC4yNzMtMC43MTcsMC0wLjk5czAuNzE3LTAuMjczLDAuOTksMEw4LDEwLjAxbDUuNTA1LTUuNTA1DQoJCWMwLjI3My0wLjI3MywwLjcxNy0wLjI3MywwLjk5LDBzMC4yNzMsMC43MTcsMCwwLjk5TDgsMTEuOTl6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==") center center no-repeat;
transition: all linear 0.1s;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.settings-extension__content {
display: none;
}
.settings-extension__cost-from {
margin: 0 4px 0 0;
}
.settings-extension__cost-to {
margin: 0 4px;
}
.settings-extension__cost-input {
width: 64px;
}
.settings-extension__content-title {
margin-bottom: 4px;
}
.settings-extension__additional-text {
font-size: 14px;
line-height: 20px;
color: #a4abbb;
margin-bottom: 12px;
}
.settings-extension__service-section {
margin-bottom: 24px;
}
.settings-extension__input-group {
display: block;
margin-bottom: 12px;
}
.settings-extension__item.opened .settings-extension__header-icon:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sidenav {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-top: none;
}
.sidenav_type_analytics {
}
.sidenav__item {
position: relative;
display: block;
width: 100%;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
transition: 0.2s all ease;
}
.sidenav__item.active {
border-top: 1px solid #C4D7ED;
border-bottom: 1px solid #C4D7ED;
background: #375D81;
color: #fff;
}
.sidenav__item:first-child {
border-top: none;
}
.sidenav__item:hover {
color: #fff;
background-color: #375D81;
}
.sidenav__item:hover .sidenav__item-name {
color: #fff;
}
.sidenav__item-name {
display: block;
padding: 5px 15px;
line-height: 24px;
}
.sidenav__item.active .sidenav__item-name {
color: #fff;
background-color: #375D81;
font-weight: 600;
}
.sidenav__inner {
background-color: #fff;
border: 1px solid #ABC8E2;
}
.sort-nav {
display: block;
font-size: 0;
margin-right: 24px;
}
.sort-nav__item {
display: inline-block;
vertical-align: top;
background-color: #fff;
border: 1px solid #e7e7e7;
border-right: 1px solid transparent;
transition: all 0.2s;
}
.sort-nav__item + .sort-nav__item {
margin-left: -1px;
}
.sort-nav__item-icon {
width: 38px;
height: 30px;
position: relative;
display: block;
opacity: 0.6;
}
.sort-nav__item-icon:before {
width: 24px;
height: 24px;
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9Im5vbmUiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIvPg0KPHBhdGggZmlsbD0iIzIzMjgzOSIgZD0iTTE3LjUsOS4xaC04Yy0wLjMzMiwwLTAuNi0wLjI2OS0wLjYtMC42czAuMjY5LTAuNiwwLjYtMC42aDhjMC4zMzEsMCwwLjYsMC4yNjksMC42LDAuNg0KCVMxNy44MzEsOS4xLDE3LjUsOS4xeiIvPg0KPGNpcmNsZSBmaWxsPSIjMjMyODM5IiBjeD0iNi41IiBjeT0iOC41IiByPSIxIi8+DQo8cGF0aCBmaWxsPSIjMjMyODM5IiBkPSJNMTcuNSwxMy4xaC04Yy0wLjMzMiwwLTAuNi0wLjI2OC0wLjYtMC42czAuMjY5LTAuNiwwLjYtMC42aDhjMC4zMzEsMCwwLjYsMC4yNjksMC42LDAuNg0KCVMxNy44MzEsMTMuMSwxNy41LDEzLjF6Ii8+DQo8Y2lyY2xlIGZpbGw9IiMyMzI4MzkiIGN4PSI2LjUiIGN5PSIxMi41IiByPSIxIi8+DQo8cGF0aCBmaWxsPSIjMjMyODM5IiBkPSJNMTcuNSwxNy4xaC04Yy0wLjMzMiwwLTAuNi0wLjI2OS0wLjYtMC42czAuMjY5LTAuNiwwLjYtMC42aDhjMC4zMzEsMCwwLjYsMC4yNjksMC42LDAuNg0KCVMxNy44MzEsMTcuMSwxNy41LDE3LjF6Ii8+DQo8Y2lyY2xlIGZpbGw9IiMyMzI4MzkiIGN4PSI2LjUiIGN5PSIxNi41IiByPSIxIi8+DQo8L3N2Zz4NCg==") center center no-repeat;
}
.sort-nav__item:first-child {
border-radius: 2px 0 0 2px;
}
.sort-nav__item:last-child {
border-radius: 0 2px 2px 0;
border-right: 1px solid #e7e7e7;
}
.sort-nav__item:hover {
border-color: #788295;
}
.sort-nav__item:hover + .sort-nav__item {
border-left: 1px solid #788295;
}
.sort-nav__item_type_increase .sort-nav__item-icon:before {
width: 24px;
height: 24px;
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iIzIzMjgzOSIgZD0iTTE4LjIsOC4xaC0xMGMtMC4zMzIsMC0wLjYtMC4yNjktMC42LTAuNnMwLjI2OS0wLjYsMC42LTAuNmgxMGMwLjMzMSwwLDAuNiwwLjI2OSwwLjYsMC42DQoJCQlTMTguNTMxLDguMSwxOC4yLDguMXoiLz4NCgk8L2c+DQoJPGNpcmNsZSBmaWxsPSIjMjMyODM5IiBjeD0iNS4yIiBjeT0iNy41IiByPSIxIi8+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiMyMzI4MzkiIGQ9Ik0xOC4yLDEyLjFoLTdjLTAuMzMyLDAtMC42LTAuMjY5LTAuNi0wLjZjMC0wLjMzMiwwLjI2OS0wLjYsMC42LTAuNmg3YzAuMzMxLDAsMC42LDAuMjY5LDAuNiwwLjYNCgkJCUMxOC44LDExLjgzMSwxOC41MzEsMTIuMSwxOC4yLDEyLjF6Ii8+DQoJPC9nPg0KCTxjaXJjbGUgZmlsbD0iIzIzMjgzOSIgY3g9IjguMiIgY3k9IjExLjUiIHI9IjEiLz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iIzIzMjgzOSIgZD0iTTE4LjIsMTYuMWgtNGMtMC4zMzEsMC0wLjYtMC4yNjktMC42LTAuNnMwLjI2OS0wLjYsMC42LTAuNmg0YzAuMzMxLDAsMC42LDAuMjY5LDAuNiwwLjYNCgkJCVMxOC41MzEsMTYuMSwxOC4yLDE2LjF6Ii8+DQoJPC9nPg0KCTxjaXJjbGUgZmlsbD0iIzIzMjgzOSIgY3g9IjExLjIiIGN5PSIxNS41IiByPSIxIi8+DQo8L2c+DQo8cmVjdCB5PSIwIiBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4NCjwvc3ZnPg0K") center center no-repeat;
}
.sort-nav__item_active,
.sort-nav__item .active {
background-color: #f0f0f1;
}
.sort-nav__item_active .sort-nav__item-icon {
opacity: 1;
}
.active .sort-nav__item-icon {
opacity: 1;
}
.status-panel {
display: block;
height: 192px;
}
.status-panel__inner {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
box-shadow: 0 -2px 6px 0 rgba(0,0,0,0.06);
}
.status-panel__top {
text-align: center;
font-size: 0;
height: 40px;
line-height: 40px;
background-color: #fff;
}
.status-panel__top-title {
display: inline-block;
vertical-align: top;
margin-right: 15px;
font-size: 16px;
line-height: inherit;
font-weight: 400;
color: #a4abbb;
}
.status-panel__top-value {
display: inline-block;
vertical-align: top;
font-size: 16px;
line-height: inherit;
font-weight: 400;
color: #232839;
}
.status-panel__main {
height: 152px;
padding: 26px 0 16px;
background-color: #232839;
}
.status-panel__main-title {
display: block;
margin-bottom: 6px;
font-size: 0;
}
.status-panel__main-title-name {
font-size: 16px;
line-height: 24px;
color: #788295;
}
.status-panel__main-value {
font-size: 24px;
line-height: 34px;
font-weight: 400;
color: #fff;
}
.status-panel__main-text {
display: block;
font-size: 14px;
line-height: 24px;
color: #788295;
}
.status-panel__main-text svg {
opacity: 0.6;
}
.status-panel__main-right {
padding-top: 24px;
}
.status-panel__main-right:before {
content: '';
position: absolute;
bottom: 0;
left: 40px;
display: block;
width: 1px;
height: 88px;
background-color: rgba(136,144,160,0.23);
}
.status-panel__range-input {
display: inline-block;
vertical-align: top;
width: 72px;
height: 32px;
padding: 1px 6px 0 0;
text-align: right;
background-color: transparent;
border: 1px solid;
border-color: #3b4256;
border-radius: 3px;
color: #fff;
}
.status-panel__column {
padding-left: 12px;
padding-right: 12px;
position: relative;
}
.status-panel__column_left {
padding-left: 0;
}
.status-panel__column_right {
height: 96px;
padding-right: 0;
text-align: right;
padding-top: 4px;
padding-left: 40px;
}
.status-panel__column_assessment {
padding-left: 68px;
}
.status-panel__limit-set {
display: none;
}
.status-panel__limit-set_show {
display: block;
}
.status-panel_size_small {
height: 96px;
}
.status-panel_size_small .status-panel__main {
height: 96px;
padding: 0;
}
.status-panel_size_small .status-panel__main-right:before {
height: 96px;
}
.status-panel_size_small .status-panel__column_left,
.status-panel_size_small .status-panel__column {
height: 96px;
width: 100%;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.status-panel_size_small .status-panel__column_right {
display: block;
padding-top: 0;
}
.switch {
display: inline-block;
vertical-align: middle;
width: 64px;
height: 32px;
}
.switch__input {
display: none;
}
.switch__input + .switch__label {
display: inline-block;
vertical-align: middle;
width: 64px;
height: 32px;
position: relative;
border-radius: 40px;
border: 1px solid #e6e6e7;
box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.08);
cursor: pointer;
text-align: left;
font-family: inherit;
transition: all 0.1s ease-in-out;
background-image: none;
background-color: #f9f9f9;
opacity: 0.9;
}
.switch__input + .switch__label:before {
top: 50%;
display: block;
margin: 0;
overflow: hidden;
color: #fff;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
transition: all 0.2s ease-in-out;
}
.switch__input + .switch__label:after {
width: 32px;
height: 24px;
content: '';
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 3px;
background-color: #fff;
transition: all 0.2s ease-in-out;
border-radius: 36px;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.16);
}
.switch__input:checked + .switch__label {
border: 1px solid #bc903c;
background-color: rgba(245,183,59,0.9);
box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.08);
border-radius: 40px;
}
.switch__input:checked + .switch__label:before::-moz-selection {
background-color: transparent;
}
.switch__input:checked + .switch__label:before::selection {
background-color: transparent;
}
.switch__input:checked + .switch__label:after {
left: 26px;
background-color: #fff;
border: 1px solid rgba(0,0,0,0.16);
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
border-radius: 36px;
}
.switch__input:checked + .switch__label:after::-moz-selection {
background-color: transparent;
}
.switch__input:checked + .switch__label:after::selection {
background-color: transparent;
}
.switch__input + .switch__label:hover {
border: 1px solid #dddde1;
box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.08);
border-radius: 40px;
opacity: 0.9;
background: #f0f0f1;
}
.switch__input:checked + .switch__label:hover {
background-color: #e8b14b;
border: 1px solid #d39c36;
box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.08);
}
.switch__input:checked + .switch__label:after {
background: #fff;
border: 1px solid #bc903c;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
border-radius: 36px;
}
.tabs {
text-align: left;
margin: 0;
font-size: 0;
}
.tabs__item {
display: inline-block;
vertical-align: top;
}
.tabs__item + .tabs__item {
margin-left: -1px;
}
.tabs__item:first-child {
border-radius: 3px;
margin-left: 0 !important;
}
.tabs__item:first-child .tabs__item-name {
border-radius: 3px 0 0 3px;
}
.tabs__item:last-child .tabs__item-name {
border-radius: 0 3px 3px 0;
}
.tabs__item:hover .tabs__item-name {
background: #fff;
border-color: #788295;
border-left: 1px solid #788295;
border-right: 1px solid #788295;
color: #3b4256;
}
.tabs__item:hover + .tabs__item .tabs__item-name {
border-left: 1px solid #788295;
}
.tabs__item-name {
padding-left: 16px;
padding-right: 16px;
z-index: 4;
display: block;
height: 32px;
border-width: 1px;
border-style: solid;
text-decoration: none;
font-size: 14px;
line-height: 32px;
letter-spacing: 0;
text-align: center;
white-space: nowrap;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #fff;
border-color: #cbd2db;
color: #3b4256;
transition: all 0.2s;
}
.tabs__item.active:hover .tabs__item-name {
background: #f0f0f1;
}
.active .tabs__item-name {
z-index: 5;
color: #3b4256;
border-color: #cbd2db;
background-color: #f0f0f1;
}
.tabs_type_inline-block {
display: inline-block;
vertical-align: top;
}
.tabs_type_inline-block + .tab-content {
margin-left: 16px;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .tab-pane.active {
display: block;
}
.tab-content__item {
margin-bottom: 12px;
}
.tab-content__checkbox-list {
height: 190px;
padding-top: 6px;
overflow-y: scroll;
}
.tab-content__item {
font-size: 16px;
}
.fade {
opacity: 0;
transition: opacity 0.2s linear;
}
.fade.in {
opacity: 1;
}
.table-settings-menu {
top: 100%;
right: 0;
position: absolute;
display: block;
transition: 0.2s ease all;
transition-delay: 100ms;
width: 264px;
background: #fff;
box-shadow: 0 14px 16px 0 rgba(0,0,0,0.06);
border-radius: 3px;
z-index: 4;
}
.table-settings-menu__header {
position: relative;
padding: 12px 16px 12px 24px;
border-bottom: 1px solid #f0f0f1;
}
.table-settings-menu__header-title {
font-size: 16px;
line-height: 1.5;
font-weight: 600;
color: #232839;
}
.table-settings-menu__header-btn-close {
position: absolute;
top: 0;
right: 0;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 50px;
height: 50px;
cursor: pointer;
}
.table-settings-menu__main {
border: none;
padding-top: 4px;
padding-bottom: 16px;
margin: 0;
}
.table-settings-menu__item {
position: relative;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
min-height: 36px;
padding: 8px 16px 8px 24px;
background-color: #fff;
transition: 0.2s all ease;
cursor: -webkit-grab;
cursor: grab;
}
.table-settings-menu__item:before {
content: '';
position: absolute;
top: 50%;
right: 16px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
display: block;
width: 16px;
height: 16px;
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgNSAxNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQxICgzNTMyNikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPHRpdGxlPkdyb3VwIDE4PC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9ItCh0YLQsNGC0LjRgdGC0LjQutCwIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9ItCh0YLQsNGC0LjRgdGC0LjQutCwLeKAky3QoNC10LPQuNC+0L3Riy3QodC/0LjRgdC+0LpAMngiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjgzLjAwMDAwMCwgLTM3My4wMDAwMDApIj4NCiAgICAgICAgICAgIDxnIGlkPSJwb3B1cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA0Ni4wMDAwMDAsIDI3NS4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0iZHJhZy1uLWRyb3AiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA2Mi4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzIuMDAwMDAwLCAzNi4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS4wMDAwMDAsIDAuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0zLUNvcHkiIGZpbGw9IiM5QUE0QjUiIHg9IjIiIHk9IjIiIHdpZHRoPSIxIiBoZWlnaHQ9IjExIj48L3JlY3Q+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS01IiBmaWxsPSIjOTlBNUI1IiBwb2ludHM9IjIuNTIwMzkyNDcgMCA1IDMgMCAzIj48L3BvbHlnb24+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS01IiBmaWxsPSIjOTlBNUI1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUwMDAwMCwgMTMuNTAwMDAwKSByb3RhdGUoMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC0yLjUwMDAwMCwgLTEzLjUwMDAwMCkgIiBwb2ludHM9IjIuNTIwMzkyNDcgMTIgNSAxNSAwIDE1Ij48L3BvbHlnb24+DQogICAgICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=") center center no-repeat;
transition: 0.2s all ease;
opacity: 0;
}
.table-settings-menu__item:hover {
background-color: #f9f9f9;
}
.table-settings-menu__item:hover:before {
opacity: 1;
}
.table-settings-menu__checkbox-list {
font-size: 16px;
}
.table-settings {
position: relative;
display: block;
font-size: 0;
}
.table-settings__label {
display: inline-block;
vertical-align: top;
border: 1px solid #cbd2db;
background-color: #fff;
cursor: pointer;
border-radius: 2px;
transition: 0.2s all ease;
}
.table-settings__label:hover {
border-color: #788295;
}
.table-right-button {
display: block;
width: 20px;
height: 20px;
}
.table-settings__menu {
opacity: 0;
visibility: hidden;
margin-top: 6px;
}
.table-settings_open .table-settings__label {
background-color: #f0f0f1;
border: 1px solid #cbd2db;
}
.table-settings_open .table-settings__menu {
opacity: 1;
visibility: visible;
}
.table {
display: table !important;
width: 100%;
max-width: 100%;
font-size: 12px;
}
.table_size_small .table__thead-row {
height: 32px;
}
.table_size_small .table__cell_head:first-child {
width: auto;
text-align: left;
padding-left: 24px;
}
.table_size_small .table__cell_head:last-child {
padding-right: 24px;
}
.table_size_small .table__cell_head {
width: 80px;
font-size: 12px;
line-height: 20px;
font-weight: 400;
color: #a4abbb;
text-align: right;
padding: 0 16px 12px;
}
.table_size_small .table__cell_body:first-child {
width: auto;
text-align: left;
padding-left: 24px;
}
.table_size_small .table__cell_body:last-child {
padding-right: 24px;
}
.table_size_small .table__cell_body {
width: 80px;
text-align: right;
padding: 13px 16px 14px;
font-size: 12px;
line-height: 20px;
font-weight: 400;
color: #232839;
border-bottom: 1px solid #f6f5f4;
}
.table__thead-row {
height: 40px;
}
.table__cell_head:first-child {
width: auto;
text-align: left;
padding-left: 32px;
}
.table__cell_head:last-child {
padding-right: 32px;
}
.table__cell_head {
width: 55px;
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #a4abbb;
text-align: right;
padding: 0 12px 12px;
white-space: nowrap;
}
.table__cell_head .table__cell-name {
font-size: 16px;
}
.table__cell_head_current {
position: relative;
color: #232839;
padding-left: 16px;
}
.table__cell_head_current:before {
position: absolute;
top: 0;
left: 0;
content: '';
display: block;
width: 8px;
height: 24px;
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSI3cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDcgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MSAoMzUzMjYpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5Hcm91cCAxNzwvdGl0bGU+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxnIGlkPSLQodGC0LDRgtC40YHRgtC40LrQsCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSLQodGC0LDRgtC40YHRgtC40LrQsC3igJMt0KDQtdCz0LjQvtC90Yst0Lgt0JrQsNC80L/QsNC90LjQuEAyeCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc3OC4wMDAwMDAsIC0zMTUuMDAwMDAwKSIgZmlsbD0iIzIzMjgzOSI+DQogICAgICAgICAgICA8ZyBpZD0iVGFibGVfMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUzLjAwMDAwMCwgMjg3LjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTI1LjAwMDAwMCwgMjQuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxnIGlkPSIxIj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xMSI+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE3Ij4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAuMzQ0NzI2NTYyLDE2LjE0MDYyNSBMMC4zNDQ3MjY1NjIsMTUuNDcyNjU2MiBDMS4wNDE5OTU2NywxNS44MTgzNjExIDEuNTI4MzE4OTQsMTYuMDc5MTAwNyAxLjgwMzcxMDk0LDE2LjI1NDg4MjggQzIuMDc5MTAyOTQsMTYuNDMwNjY0OSAyLjQ5ODA0NDA2LDE2Ljc0MTIwODcgMy4wNjA1NDY4OCwxNy4xODY1MjM0IEwzLjA2MDU0Njg4LDQuMjMxNDQ1MzEgTDMuOTQ4MjQyMTksNC4yMzE0NDUzMSBMMy45NDgyNDIxOSwxNy4xODY1MjM0IEM0LjU4MTA1Nzg1LDE2LjU4MzAwNDggNS40ODYzMjIyNCwxNi4wMDU4NjIxIDYuNjY0MDYyNSwxNS40NTUwNzgxIEw2LjY2NDA2MjUsMTYuMTMxODM1OSBDNS44MjAzMDgyOCwxNi44ODc2OTkxIDUuMTgwMTc3OTYsMTcuNTM4MDgzMiA0Ljc0MzY1MjM0LDE4LjA4MzAwNzggQzQuMzA3MTI2NzIsMTguNjI3OTMyNCAzLjk1MTE3MzI1LDE5LjE5MDQyNjggMy42NzU3ODEyNSwxOS43NzA1MDc4IEwzLjI3MTQ4NDM4LDE5Ljc3MDUwNzggQzMuMDU0Njg2NDIsMTkuMjY2NTk5IDIuNzI1MDk5ODcsMTguNzMwNDcxNiAyLjI4MjcxNDg0LDE4LjE2MjEwOTQgQzEuODQwMzI5ODIsMTcuNTkzNzQ3MiAxLjE5NDM0MDE5LDE2LjkxOTkyNTggMC4zNDQ3MjY1NjIsMTYuMTQwNjI1IEwwLjM0NDcyNjU2MiwxNi4xNDA2MjUgWiIgaWQ9IuKGkyI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==") center center no-repeat;
}
.table__cell_body:first-child {
width: auto;
text-align: left;
}
.table__cell_body:last-child {
}
.table__cell_body {
width: 50px;
text-align:left;
padding: 6px 3px 6px 3px;
font-size: 12px;
font-weight: bold;
color: #232839;
white-space: nowrap;
}
.table__cell.table__cell_sort_status_10 {
background-color: #E1E6FA;
}
.table__cell.table__cell_sort_status_0 {
background-color: #fff;
}
.table__cell.table__cell_border_right {
border-right: 1px solid #f0f0f1;
}
.table__cell.table__cell_disabled .table__cell-name {
opacity: 0.5;
}
.table__cell.table__cell_summary {
font-size: 20px;
line-height: 28px;
border-color: transparent;
padding-top: 20px;
padding-bottom: 10px;
}
.table__cell.table__cell_state_show_more {
padding-top: 4px;
padding-bottom: 4px;
background-color: #fdfdfd;
}
.table__cell.table__cell_sub {
padding: 14px 10px 8px 48px;
}
.table__tbody-row:first-child .table__cell_body {
border-top: 1px solid #f6f5f4;
}
.toggle-checkbox {
margin-bottom: 16px;
}
.toggle-checkbox__item {
display: block;
margin-bottom: 16px;
}
.toggle-checkbox__body {
display: none;
opacity: 0;
transition: 0s ease-in-out opacity;
}
.tooltip {
display: inline-block;
vertical-align: baseline;
width: 20px;
height: 20px;
position: relative;
}
.tooltip::-moz-selection {
background-color: transparent;
}
.tooltip::selection {
background-color: transparent;
}
.tooltip.opened .tooltip__content {
opacity: 1;
visibility: visible;
}
.tooltip__name {
width: 20px;
height: 20px;
display: block;
border-radius: 100%;
border: 1px solid #0383e9;
font-weight: 500;
font-size: 16px;
line-height: 20px;
text-align: center;
background-color: transparent;
color: #0383e9;
transition: 0.2s ease all;
cursor: pointer;
}
.tooltip__name:hover {
color: #fff;
background-color: #0383e9;
}
.tooltip__text {
margin-bottom: 0;
}
.tooltip__content {
position: absolute;
bottom: 30px;
left: -20px;
width: 512px;
padding: 10px 44px 10px 12px;
border: none;
border-radius: 8px;
box-shadow: 0 4px 6px 0 rgba(0,0,0,0.16);
background-image: linear-gradient(228deg, #079ae0, #4684e6 100%);
font-size: 14px;
line-height: 20px;
text-align: left;
color: #fff;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: 0.2s ease;
transition-delay: 0ms;
opacity: 0;
visibility: hidden;
white-space: initial;
z-index: 20;
}
.tooltip__content:before {
content: '';
position: absolute;
top: 100%;
left: 21px;
border: solid rgba(255,255,255,0);
height: 0;
width: 0;
pointer-events: none;
border-top-color: #4684e6;
border-width: 8px;
}
.tooltip__content_size_small {
width: 360px;
}
.tooltip__close {
width: 16px;
height: 16px;
position: absolute;
top: 8px;
right: 8px;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #fff;
border-radius: 50%;
cursor: pointer;
background-color: transparent;
transition: 0.2s ease all;
}
.tooltip__close svg {
fill: #fff;
transition: 0.2s ease all;
}
.tooltip__close:hover {
background-color: #fff;
}
.tooltip__close:hover svg {
fill: #1295e0;
}
.tooltip_text_left {
margin-left: 8px;
}
.tooltip_text_right {
margin-right: 8px;
}
.tooltip_on_hover:hover .tooltip__content {
opacity: 1;
visibility: visible;
}
.tooltip_color_orange .tooltip__name {
border-color: #9ba3b5;
color: #9ba3b5;
}
.tooltip_color_orange .tooltip__content {
background-image: none;
background-color: #fff;
color: #232839;
box-shadow: 0 4px 6px 0 rgba(0,0,0,0.16);
}
.tooltip_color_orange .tooltip__content:before {
border-top-color: #fff;
}
.tooltip_color_orange:hover .tooltip__name {
border-color: #f7bd50;
background-color: #f7bd50;
color: #232839;
}
.tooltip_color_none .tooltip__name {
border-color: transparent;
color: transparent;
}
.tooltip_color_none .tooltip__content {
background-image: none;
background-color: #fff;
color: #232839;
box-shadow: 0 4px 6px 0 rgba(0,0,0,0.16);
}
.tooltip_color_none .tooltip__content:before {
border-top-color: #fff;
}
.tooltip_color_none:hover .tooltip__name {
border-color: transparent;
background-color: transparent;
color: transparent;
}
.tooltip_content_right .tooltip__content {
left: initial;
right: -20px;
}
.tooltip_content_right .tooltip__content:before {
content: '';
position: absolute;
top: 100%;
left: initial;
right: 21px;
}
.tooltip_content_center .tooltip__content {
left: initial;
right: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.tooltip_content_center .tooltip__content:before {
content: '';
position: absolute;
right: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
left: initial;
}
.tooltip_vertical_align_middle {
vertical-align: middle;
}
.trapezoid {
width: 100%;
height: 184px;
}
.trapezoid-small {
font-size: 0;
}
.trapezoid-small__inner {
position: relative;
display: inline-block;
vertical-align: top;
width: 180px;
height: 60px;
}
.trapezoid-small__value {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 16px;
}
.trapezoid-small__data {
display: inline-block;
vertical-align: top;
position: relative;
height: 60px;
}
.trapezoid-small__name {
font-size: 16px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
color: #a4abbb;
font-weight: 400;
}
.trapezoid-small__percent-value {
position: absolute;
bottom: -9px;
font-size: 16px;
line-height: 18px;
}
.trapezoid-small_figure-first .trapezoid-small__data {
margin-left: 8px;
}
.trapezoid-small_figure-first .trapezoid-small__percent-value {
margin-left: -12px;
}
.trapezoid-small_figure-first .trapezoid-small__inner:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-top: 60px solid #fff5cc;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
height: 0;
width: 145px;
}
.trapezoid-small_figure-first .trapezoid-small__inner:after {
content: '';
display: block;
width: 7px;
height: 1px;
background-color: #808080;
position: absolute;
right: 10px;
bottom: -1px;
}
.trapezoid-small_figure-second .trapezoid-small__data {
margin-left: -8px;
}
.trapezoid-small_figure-second .trapezoid-small__percent-value {
margin-left: -12px;
}
.trapezoid-small_figure-second .trapezoid-small__inner:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-top: 60px solid #ffe066;
border-left: 19px solid transparent;
border-right: 19px solid transparent;
height: 0;
width: 108px;
}
.trapezoid-small_figure-second .trapezoid-small__inner:after {
content: '';
display: block;
width: 8px;
height: 1px;
background-color: #808080;
position: absolute;
right: 28px;
bottom: -1px;
}
.trapezoid-small_figure-third .trapezoid-small__data {
margin-left: -24px;
}
.trapezoid-small_figure-third .trapezoid-small__inner:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-top: 60px solid #fc0;
border-left: 19px solid transparent;
border-right: 19px solid transparent;
height: 0;
width: 70px;
}
.trapezoid-small:last-child .trapezoid-small__percent-value {
font-size: 0;
}
.widget-grid {
list-style: none;
/*margin: 0 0 0 -12px; */
padding: 0;
font-size: 0;
}
.widget-grid__item {
display: inline-block;
vertical-align: top;
/*padding-left: 12px;*/
}
.widget-preview {
display: block;
}
.widget {
margin-bottom: 16px;
background: #fff;
border-top: 1px solid #E1E6FA;
border-bottom: 1px solid #E1E6FA;
}
.widget__header {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 24px;
margin-bottom: 24px;
}
.widget__title {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0;
color: #9ba3b5;
font-weight: 400;
}
.widget_size_full {
padding: 32px 14px 16px 12px;
}
.widget_size_one_half {
padding: 16px 24px 32px;
}
.widget_type_multiline {
padding-top: 24px;
cursor: default;
}
.widget_type_multiline:hover {
background-color: #fff;
border-color: #f0f0f1;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.04);
}
.widget_type_multiline .widget__header {
padding: 0 20px;
}
.widget_type_table {
}
.widget_type_table .widget__header {
margin-bottom: 0;
}
.widget_type_table_big,
.widget_padding_size_l {
}
.widget_type_pie {
min-height: 380px;
padding-bottom: 26px;
}
.widget_type_pie .widget__preview {
height: 200px;
margin-bottom: 16px;
}
.widget_type_trapezoid {
min-height: 380px;
padding-bottom: 48px;
}
.widget_type_trapezoid .widget__header {
margin-bottom: 44px;
}
.widget_type_trapezoid .widget__preview {
padding: 0 16px 0 32px;
margin-bottom: 6px;
}
@media only screen and (max-width: 1366px) {
.widget_type_trapezoid .widget__preview {
padding: 0 12px;
}
}
.widget_type_trapezoid .widget__summary {
padding: 0 16px 0 32px;
line-height: 40px;
font-size: 0;
}
.widget_type_trapezoid .widget__summary-title {
display: inline-block;
vertical-align: top;
margin-right: 8px;
font-size: 14px;
font-weight: 400;
color: #232839;
}
.widget_type_trapezoid .widget__summary-value {
display: inline-block;
vertical-align: top;
font-size: 24px;
font-weight: 400;
color: #232839;
}
.widget__select {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 16px;
}
.widget__select select {
border: 1px solid #dde0e0;
background-color: #fff;
outline: none;
text-decoration: none;
}
.widget .selectric,
.widget .selectric-wrapper {
width: auto;
border: none;
background-color: transparent;
}
.widget .selectric .label {
color: #788295;
line-height: 28px;
height: 28px;
margin: 0 32px 0 0;
}
.widget .selectric-items {
min-width: 160px;
box-shadow: 0 4px 12px 0 rgba(0,0,0,0.08);
border: none;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.widget .selectric-open:after,
.widget .selectric-open:before {
content: '';
bottom: 0;
left: 50%;
border: solid rgba(210,213,213,0);
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.widget .selectric-open:before {
border-bottom-color: #ededed;
border-width: 6px;
margin-left: -6px;
}
.widget .selectric-open:after {
border-color: rgba(255,255,255,0);
border-bottom-color: #fff;
border-width: 5px;
margin-left: -5px;
}
.widget .selectric-open .label {
color: #0284ea;
}
.widget .selectric-above.selectric-open:after,
.widget .selectric-above.selectric-open:before {
top: 1px;
bottom: initial;
}
.widget .selectric-above.selectric-open:before {
border: solid rgba(210,213,213,0);
border-top-color: #ededed;
border-width: 6px;
margin-left: -6px;
}
.widget .selectric-above.selectric-open:after {
border-color: rgba(255,255,255,0);
border-top-color: #fff;
border-width: 5px;
margin-left: -5px;
}
.widget .selectric-scroll li {
padding-left: 16px;
padding-right: 16px;
}
.widget .selectric .button {
width: 28px;
height: 28px;
}
.widget .selectric .button:after {
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlVJLUtpdCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJhcnJvd19kcm9wZG93bjIweDIwIiBmaWxsPSIjMjMyODM5Ij4NCiAgICAgICAgICAgIDxnIGlkPSJhcnJvdyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS4wMDAwMDAsIDguMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlRyaWFuZ2xlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjAwMDAwMCwgMy4wMDAwMDApIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC01LjAwMDAwMCwgLTMuMDAwMDAwKSAiIHBvaW50cz0iMCA2IDEwIDYgNSAwIj48L3BvbHlnb24+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4NCg==") center center no-repeat;
}
.sk-cube-grid {
width: 40px;
height: 40px;
margin-top: 25%;
margin-left: 50%;
}
.sk-cube-grid .sk-cube {
width: 33%;
height: 33%;
background-color: #375D81;
float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
-webkit-animation-delay: 0s;
animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
@-webkit-keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
} 35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
} 35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}