article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
.app__aside,
.app__content,
.btn.btn--block,
.dialog__content,
.dialog__footer,
.dialog__header,
.input-toggle .input-toggle__toggle:after,
.wrapper,
.wrapper--tight,
.wrapper--wide,
.dropdown-menu,
.user-img,
.user-img--large {
  display: block;
}
*,
*:after,
*:before,
button,
input,
select,
textarea,
.form__element.form__element--icon .form__icon,
.input-toggle .input-toggle__toggle {
  box-sizing: border-box;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
b,
strong {
  font-weight: 700;
}
audio,
canvas,
video,
.btn,
.menu__item {
  display: inline-block;
}
.dialog {
  visibility: hidden;
}
audio:not([controls]),
[hidden],
template,
.popup,
.popup-modal {
  display: none;
}
a:focus,
a:active,
a:hover,
.btn {
  outline: 0;
}
body,
button,
input,
select,
textarea,
p,
.p,
.form__element.form__element--icon .form__icon,
.input-toggle .input-toggle__toggle {
  margin: 0;
}
input[type="checkbox"],
input[type="radio"],
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
}
.btn,
.input-range::-webkit-slider-runnable-track,
.input-range::-webkit-slider-thumb,
.input-range::-moz-range-track,
.input-range::-moz-range-thumb,
.input-range::-ms-track,
.input-range::-ms-thumb,
.navbar__link {
  cursor: pointer;
}
.dialog--visible {
  visibility: visible;
}
.card__header {
  background-size: cover;
  background-position: center;
  background-repeat: repeat-none;
}
.input-toggle .input-toggle__toggle:after {
  content: '';
}
.baloon--top .baloon__triangle:after {
  z-index: -10;
}
.app__aside {
  z-index: 10;
}
.baloon-wrapper .baloon {
  z-index: 20;
}
.dialog-overlay {
  z-index: 30;
}
.dialog {
  z-index: 40;
}
.popup-modal {
  z-index: 80;
}
.dialog--visible,
.popup {
  z-index: 90;
}
a,
.link--black,
.link--blue,
.link--gray,
.link--green,
.link--orange,
.link--purple,
.link--red,
.link--white,
.link--yellow {
  text-decoration: none;
}
.form__block.form__block--list .form__block.form__block--inline {
  white-space: normal;
}
.form__block.form__block--list {
  white-space: nowrap;
}
audio:not([controls]) {
  height: 0;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: 1px dotted;
}
dfn {
  font-style: italic;
}
hr {
  box-sizing: content-box;
  height: 0;
}
mark {
  background-color: #f00;
  color: #000;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
sup,
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.25em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
button,
input,
select,
textarea,
.form__element.form__element--icon .form__icon,
.input-toggle .input-toggle__toggle {
  font-family: inherit;
  font-size: 100%;
}
button,
input,
.form__element.form__element--icon .form__icon,
.input-toggle .input-toggle__toggle {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
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: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.app__aside--black,
.app__toolbar--black,
.baloon--black .baloon__header,
.btn--black,
.btn.btn--black.btn--hollow,
.dialog--black .dialog__header,
.input-radio.input-radio--black span:after,
.input-range--black,
.input-toggle--black input:checked + .input-toggle__toggle,
.navbar--black,
.navbar--black .navbar__logo,
.navbar--black .navbar__link,
.notification.notification--black,
.popup--black {
  background-color: #4a4a4a;
  color: #f4f5f5;
}
.btn.btn--black.btn--hollow,
.notification.notification--black.notification.notification--hollow {
  border-color: #4a4a4a;
  color: #4a4a4a;
}
.app__title--black,
.btn--black:hover,
.btn.btn--black.btn--hollow:hover,
.card__header--black,
.navbar--black .navbar__link:hover {
  background-color: #605f5f;
  color: #f4f5f5;
}
.app__content--black,
.btn--black:active,
.btn.btn--black.btn--hollow:active,
.navbar--black .navbar__link:active {
  background-color: #292929;
  color: #f4f5f5;
}
.app__aside--blue,
.app__toolbar--blue,
.baloon__header,
.btn--blue,
.btn.btn--blue.btn--hollow,
.card__header--blue,
.dialog--blue .dialog__header,
.input-radio span:after,
.input-radio.input-radio--blue span:after,
.input-range--blue,
.input-toggle--blue input:checked + .input-toggle__toggle,
.navbar--blue,
.navbar--blue .navbar__logo,
.navbar--blue .navbar__link,
.notification.notification--blue,
.popup--blue {
  background-color: #388cbf;
  color: #f4f5f5;
}
.btn.btn--blue.btn--hollow,
.notification.notification--blue.notification.notification--hollow {
  border-color: #388cbf;
  color: #388cbf;
}
.app__title--blue,
.btn--blue:hover,
.btn.btn--blue.btn--hollow:hover,
.navbar--blue .navbar__link:hover {
  background-color: #5bb2e7;
  color: #f4f5f5;
}
.app__content--blue,
.btn--blue:active,
.btn.btn--blue.btn--hollow:active,
.navbar--blue .navbar__link:active {
  background-color: #216995;
  color: #f4f5f5;
}
.btn--disabled,
.btn.btn--disabled.btn--hollow {
  background-color: #d7d7d7;
  color: #8a8a8a;
}
.btn.btn--disabled.btn--hollow {
  border-color: #d7d7d7;
  color: #d7d7d7;
}
.app__aside--gray,
.app__toolbar--gray,
.baloon--gray .baloon__header,
.btn--gray,
.btn.btn--gray.btn--hollow,
.card__header--gray,
.dialog--gray .dialog__header,
.input-radio.input-radio--gray span:after,
.input-range--gray,
.input-toggle--gray input:checked + .input-toggle__toggle,
.navbar--gray,
.navbar--gray .navbar__logo,
.navbar--gray .navbar__link,
.notification.notification--gray,
.popup--gray {
  background-color: #e2e8ec;
  color: #4a4a4a;
}
.btn.btn--gray.btn--hollow,
.input-checkbox span:before,
.input-radio span:before,
.notification.notification--gray.notification.notification--hollow {
  border-color: #e2e8ec;
}
.app__content--white,
.app__title--gray,
.btn--gray:hover,
.btn.btn--gray.btn--hollow:hover,
.navbar--gray .navbar__link:hover,
.user-img,
.user-img--large,
.user-img__icon {
  background-color: #f3f3f3;
  color: #626262;
}
.app__content--gray,
.btn--gray:active,
.btn.btn--gray.btn--hollow:active,
.navbar--gray .navbar__link:active {
  background-color: #dfdfdf;
  color: #626262;
}
.app__aside--green,
.app__toolbar--green,
.baloon--green .baloon__header,
.btn--green,
.btn.btn--green.btn--hollow,
.card__header--green,
.dialog--green .dialog__header,
.input-radio.input-radio--green span:after,
.input-range--green,
.input-toggle--green input:checked + .input-toggle__toggle,
.navbar--green,
.navbar--green .navbar__logo,
.navbar--green .navbar__link,
.notification.notification--green,
.popup--green {
  background-color: #5ee6a5;
  color: #408665;
}
.btn.btn--green.btn--hollow,
.notification.notification--green.notification.notification--hollow {
  border-color: #5ee6a5;
  color: #5ee6a5;
}
.app__title--green,
.btn--green:hover,
.btn.btn--green.btn--hollow:hover,
.navbar--green .navbar__link:hover {
  background-color: #96f5c7;
  color: #3b7d5e;
}
.app__content--green,
.btn--green:active,
.btn.btn--green.btn--hollow:active,
.navbar--green .navbar__link:active {
  background-color: #4fd695;
  color: #2b694c;
}
.app__aside--orange,
.app__toolbar--orange,
.baloon--orange .baloon__header,
.btn--orange,
.btn.btn--orange.btn--hollow,
.card__header--orange,
.dialog--orange .dialog__header,
.input-radio.input-radio--orange span:after,
.input-range--orange,
.input-toggle--orange input:checked + .input-toggle__toggle,
.navbar--orange,
.navbar--orange .navbar__logo,
.navbar--orange .navbar__link,
.notification.notification--orange,
.popup--orange {
  background-color: #ffbc89;
  color: #b5792b;
}
.btn.btn--orange.btn--hollow,
.notification.notification--orange.notification.notification--hollow {
  border-color: #ffbc89;
  color: #ffbc89;
}
.app__title--orange,
.btn--orange:hover,
.btn.btn--orange.btn--hollow:hover,
.navbar--orange .navbar__link:hover {
  background-color: #ffc794;
  color: #b5792b;
}
.app__content--orange,
.btn--orange:active,
.btn.btn--orange.btn--hollow:active,
.navbar--orange .navbar__link:active {
  background-color: #fba05a;
  color: #8a5817;
}
.app__aside--purple,
.app__toolbar--purple,
.baloon--purple .baloon__header,
.btn--purple,
.btn.btn--purple.btn--hollow,
.card__header--purple,
.dialog--purple .dialog__header,
.input-radio.input-radio--purple span:after,
.input-range--purple,
.input-toggle--purple input:checked + .input-toggle__toggle,
.navbar--purple,
.navbar--purple .navbar__logo,
.navbar--purple .navbar__link,
.notification.notification--purple,
.popup--purple {
  background-color: #d08bfa;
  color: #3f0658;
}
.btn.btn--purple.btn--hollow,
.notification.notification--purple.notification.notification--hollow {
  border-color: #d08bfa;
  color: #d08bfa;
}
.app__title--purple,
.btn--purple:hover,
.btn.btn--purple.btn--hollow:hover,
.navbar--purple .navbar__link:hover {
  background-color: #ddaff9;
  color: #2c063e;
}
.app__content--purple,
.btn--purple:active,
.btn.btn--purple.btn--hollow:active,
.navbar--purple .navbar__link:active {
  background-color: #ca89f2;
  color: #340f45;
}
.app__aside--red,
.app__toolbar--red,
.baloon--red .baloon__header,
.btn--red,
.btn.btn--red.btn--hollow,
.card__header--red,
.dialog--red .dialog__header,
.input-radio.input-radio--red span:after,
.input-range--red,
.input-toggle--red input:checked + .input-toggle__toggle,
.navbar--red,
.navbar--red .navbar__logo,
.navbar--red .navbar__link,
.notification.notification--red,
.popup--red {
  background-color: #e32d2d;
  color: #ffe3e3;
}
.btn.btn--red.btn--hollow,
.notification.notification--red.notification.notification--hollow {
  border-color: #e32d2d;
  color: #e32d2d;
}
.app__title--red,
.btn--red:hover,
.btn.btn--red.btn--hollow:hover,
.navbar--red .navbar__link:hover {
  background-color: #e84a4a;
  color: #ffe3e3;
}
.app__content--red,
.btn--red:active,
.btn.btn--red.btn--hollow:active,
.navbar--red .navbar__link:active {
  background-color: #c22828;
  color: #ffe3e3;
}
.app__aside--yellow,
.app__toolbar--yellow,
.baloon--yellow .baloon__header,
.btn--yellow,
.btn.btn--yellow.btn--hollow,
.card__header--yellow,
.dialog--yellow .dialog__header,
.input-radio.input-radio--yellow span:after,
.input-range--yellow,
.input-toggle--yellow input:checked + .input-toggle__toggle,
.navbar--yellow,
.navbar--yellow .navbar__logo,
.navbar--yellow .navbar__link,
.notification.notification--yellow,
.popup--yellow {
  background-color: #fffba4;
  color: #7d7945;
}
.btn.btn--yellow.btn--hollow,
.notification.notification--yellow.notification.notification--hollow {
  border-color: #fffba4;
  color: #fffba4;
}
.app__title--yellow,
.btn--yellow:hover,
.btn.btn--yellow.btn--hollow:hover,
.navbar--yellow .navbar__link:hover {
  background-color: #fffcbd;
  color: #847e37;
}
.app__content--yellow,
.btn--yellow:active,
.btn.btn--yellow.btn--hollow:active,
.navbar--yellow .navbar__link:active {
  background-color: #fffba3;
  color: #7d7945;
}
.app__aside--white,
.app__title--white,
.app__toolbar--white,
.baloon__content,
.btn--white,
.btn.btn--white.btn--hollow,
.card__content,
.card__footer,
.card__header--white,
.dialog,
input,
input[type="image"],
input[type="checkbox"],
input[type="radio"],
select,
textarea,
.form__element.form__element--icon .form__icon,
.input-toggle .input-toggle__toggle,
.input-toggle .input-toggle__toggle:after,
.popup--white {
  background-color: #fff;
  color: #949494;
}
.btn.btn--white.btn--hollow {
  border-color: #fff;
  color: #fff;
}
.btn--white:hover,
.btn.btn--white.btn--hollow:hover {
  background-color: #fff;
  color: #2f2f2f;
}
.btn--white:active,
.btn.btn--white.btn--hollow:active {
  background-color: #fafafa;
  color: #2f2f2f;
}
.btn.btn--black.btn--hollow,
.btn.btn--blue.btn--hollow,
.btn.btn--disabled.btn--hollow,
.btn.btn--gray.btn--hollow,
.btn.btn--green.btn--hollow,
.btn.btn--orange.btn--hollow,
.btn.btn--purple.btn--hollow,
.btn.btn--red.btn--hollow,
.btn.btn--yellow.btn--hollow,
.btn.btn--white.btn--hollow,
.input-checkbox span:before,
.input-radio span:before,
.notification.notification--black.notification.notification--hollow,
.notification.notification--blue.notification.notification--hollow,
.notification.notification--gray.notification.notification--hollow,
.notification.notification--green.notification.notification--hollow,
.notification.notification--orange.notification.notification--hollow,
.notification.notification--purple.notification.notification--hollow,
.notification.notification--red.notification.notification--hollow,
.notification.notification--yellow.notification.notification--hollow {
  background-color: transparent;
}
.app__aside,
.card__b-img,
.input-checkbox input,
.input-checkbox span:after,
.input-radio input,
.input-radio span:after,
.input-toggle .input-toggle__toggle:after {
  position: absolute;
  top: 0;
  left: 0;
}
.navbar--flex .navbar__title {
  -ms-flex: 1;
  flex: 1;
}
.navbar--flex {
  -ms-flex-align: center;
  align-items: center;
}
.card__b-img,
.input-range,
.input-range::-webkit-slider-runnable-track,
.input-range::-moz-range-track,
.input-range::-ms-track,
table {
  width: 100%;
}
.input-toggle input {
  position: absolute;
  top: -9999em;
  left: -9999em;
}
.app,
.baloon-wrapper,
.card__header,
.input-checkbox,
.input-radio,
.form__element.form__element--icon,
.form__element.form__element--icon input,
.input-toggle .input-toggle__toggle,
.list--vertical .list__item,
.dropdown-menu,
.user-img-wrapper {
  position: relative;
}
.navbar__link {
  text-decoration: none;
}
.baloon__triangle,
.btn,
.input-checkbox span:after,
.input-checkbox span:before,
.input-radio span:after,
.input-radio span:before,
.popup,
.text--center-xs {
  text-align: center;
}
.btn.btn--right,
.navbar--flex .navbar__title,
.text--right-xs {
  text-align: right;
}
.btn.btn--left,
td,
th,
.text--left-xs {
  text-align: left;
}
.baloon__triangle,
.baloon__content,
.baloon__header,
.card__content,
.card__footer,
.card__header,
.dialog-overlay.dialog-overlay--visible,
.input-checkbox span:before,
.input-radio span:before,
.form,
.form__block,
input,
input[type="image"],
input[type="checkbox"],
input[type="radio"],
select,
textarea,
.form__element.form__element--icon .form__icon,
.input-toggle .input-toggle__toggle,
.list,
.notification,
.popup-modal--visible,
.popup--visible,
.text--ellipsis,
.user,
.block--xs {
  display: block;
}
td,
th {
  font-weight: 300;
}
.input-checkbox span:after,
.input-radio span:after {
  font-weight: 700;
}
.app__title,
.app__toolbar,
.dialog--full-size,
.icon-list,
.list--vertical,
.navbar--flex,
.toolbar {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
}
.text-size--small,
.text-size--medium,
.text-size--large,
.text-size--green {
  display: inline;
}
.baloon__triangle:before,
.baloon--top .baloon__triangle:after,
.input-checkbox,
.input-checkbox span:before,
.input-radio,
.input-radio span:before,
.form__block.form__block--inline,
input[type="image"],
input[type="checkbox"],
input[type="radio"],
.input-toggle,
.input-toggle .input-toggle__text,
.input-toggle .input-toggle__toggle,
.list__item,
.navbar__link,
.inline-block--xs {
  display: inline-block;
}
.baloon,
.input-checkbox input,
.input-radio input,
.input-toggle input,
.invisible--xs {
  visibility: hidden;
}
.dialog-overlay,
.notification.notification--hidden,
.hidden--xs {
  display: none;
}
.list--vertical,
.navbar__title,
.navbar__logo {
  margin: 0;
}
.card__content.card__content--unpadded,
.card__footer.card__footer--unpadded,
.input-range,
.list--vertical {
  padding: 0;
}
.input-checkbox,
.input-radio,
.input-toggle {
  cursor: pointer;
}
.datagrid,
.datagrid__footer,
.datagrid__header,
.table--xs {
  display: table;
}
.baloon--visible,
.baloon-wrapper.baloon-wrapper--on-over:hover .baloon,
.visible--xs {
  visibility: visible;
}
.input-checkbox span:before,
.input-radio span:before {
  content: '';
}
.form__element.form__element--icon .form__icon {
  z-index: -10;
}
.form__element.form__element--icon input {
  z-index: 10;
}
@media (min-width: 768px) {
  .text--center-sm {
    text-align: center;
  }
  .text--right-sm {
    text-align: right;
  }
  .text--left-sm {
    text-align: left;
  }
  .block--sm {
    display: block;
  }
  .inline-block--sm {
    display: inline-block;
  }
  .invisible--sm {
    visibility: hidden;
  }
  .hidden--sm {
    display: none;
  }
  .table--sm {
    display: table;
  }
  .visible--sm {
    visibility: visible;
  }
}
@media (min-width: 1100px) {
  .text--center-md {
    text-align: center;
  }
  .text--right-md {
    text-align: right;
  }
  .text--left-md {
    text-align: left;
  }
  .block--md {
    display: block;
  }
  .inline-block--md {
    display: inline-block;
  }
  .invisible--md {
    visibility: hidden;
  }
  .hidden--md {
    display: none;
  }
  .table--md {
    display: table;
  }
  .visible--md {
    visibility: visible;
  }
}
@media (min-width: 1440px) {
  .text--center-lg {
    text-align: center;
  }
  .text--right-lg {
    text-align: right;
  }
  .text--left-lg {
    text-align: left;
  }
  .block--lg {
    display: block;
  }
  .inline-block--lg {
    display: inline-block;
  }
  .invisible--lg {
    visibility: hidden;
  }
  .hidden--lg {
    display: none;
  }
  .table--lg {
    display: table;
  }
  .visible--lg {
    visibility: visible;
  }
}
@media (min-width: 1600px) {
  .text--center-xl {
    text-align: center;
  }
  .text--right-xl {
    text-align: right;
  }
  .text--left-xl {
    text-align: left;
  }
  .block--xl {
    display: block;
  }
  .inline-block--xl {
    display: inline-block;
  }
  .invisible--xl {
    visibility: hidden;
  }
  .hidden--xl {
    display: none;
  }
  .table--xl {
    display: table;
  }
  .visible--xl {
    visibility: visible;
  }
}
.col {
  float: left;
}
[class*="col-xs"] {
  margin: 0;
  padding: 1em;
}
.col-xs-1 {
  width: 8.333333333333334%;
}
.col-xs-2 {
  width: 16.666666666666668%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-4 {
  width: 33.333333333333336%;
}
.col-xs-5 {
  width: 41.66666666666667%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-7 {
  width: 58.333333333333336%;
}
.col-xs-8 {
  width: 66.66666666666667%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-10 {
  width: 83.33333333333334%;
}
.col-xs-11 {
  width: 91.66666666666667%;
}
.col-xs-12 {
  width: 100%;
}
.offset-left-xs-1 {
  margin-left: 8.333333333333334%;
}
.offset-left-xs-2 {
  margin-left: 16.666666666666668%;
}
.offset-left-xs-3 {
  margin-left: 25%;
}
.offset-left-xs-4 {
  margin-left: 33.333333333333336%;
}
.offset-left-xs-5 {
  margin-left: 41.66666666666667%;
}
.offset-left-xs-6 {
  margin-left: 50%;
}
.offset-left-xs-7 {
  margin-left: 58.333333333333336%;
}
.offset-left-xs-8 {
  margin-left: 66.66666666666667%;
}
.offset-left-xs-9 {
  margin-left: 75%;
}
.offset-left-xs-10 {
  margin-left: 83.33333333333334%;
}
.offset-left-xs-11 {
  margin-left: 91.66666666666667%;
}
.offset-left-xs-0 {
  margin-left: 0%;
}
.offset-right-xs-1 {
  margin-right: 8.333333333333334%;
}
.offset-right-xs-2 {
  margin-right: 16.666666666666668%;
}
.offset-right-xs-3 {
  margin-right: 25%;
}
.offset-right-xs-4 {
  margin-right: 33.333333333333336%;
}
.offset-right-xs-5 {
  margin-right: 41.66666666666667%;
}
.offset-right-xs-6 {
  margin-right: 50%;
}
.offset-right-xs-7 {
  margin-right: 58.333333333333336%;
}
.offset-right-xs-8 {
  margin-right: 66.66666666666667%;
}
.offset-right-xs-9 {
  margin-right: 75%;
}
.offset-right-xs-10 {
  margin-right: 83.33333333333334%;
}
.offset-right-xs-11 {
  margin-right: 91.66666666666667%;
}
.offset-right-xs-0 {
  margin-right: 0%;
}
[class*="pull-xs"],
[class*="push-xs"] {
  position: relative;
}
.pull-xs-1 {
  left: -8.333333333333334%;
}
.pull-xs-2 {
  left: -16.666666666666668%;
}
.pull-xs-3 {
  left: -25%;
}
.pull-xs-4 {
  left: -33.333333333333336%;
}
.pull-xs-5 {
  left: -41.66666666666667%;
}
.pull-xs-6 {
  left: -50%;
}
.pull-xs-7 {
  left: -58.333333333333336%;
}
.pull-xs-8 {
  left: -66.66666666666667%;
}
.pull-xs-9 {
  left: -75%;
}
.pull-xs-10 {
  left: -83.33333333333334%;
}
.pull-xs-11 {
  left: -91.66666666666667%;
}
.pull-xs-12 {
  left: -100%;
}
.push-xs-1 {
  left: 8.333333333333334%;
}
.push-xs-2 {
  left: 16.666666666666668%;
}
.push-xs-3 {
  left: 25%;
}
.push-xs-4 {
  left: 33.333333333333336%;
}
.push-xs-5 {
  left: 41.66666666666667%;
}
.push-xs-6 {
  left: 50%;
}
.push-xs-7 {
  left: 58.333333333333336%;
}
.push-xs-8 {
  left: 66.66666666666667%;
}
.push-xs-9 {
  left: 75%;
}
.push-xs-10 {
  left: 83.33333333333334%;
}
.push-xs-11 {
  left: 91.66666666666667%;
}
.push-xs-12 {
  left: 100%;
}
.pull-xs-0 {
  left: 0%;
}
.pull-xs-0,
.push-xs-0,
.pull-sm-0,
.push-sm-0,
.pull-md-0,
.push-md-0,
.pull-lg-0,
.push-lg-0,
.pull-xl-0,
.push-xl-0 {
  position: relative;
}
.push-xs-0 {
  left: 0%;
}
.row:after,
.row:before {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 768px) {
  [class*="col-sm"] {
    margin: 0;
    padding: 1em;
  }
  .col-sm-1 {
    width: 8.333333333333334%;
  }
  .col-sm-2 {
    width: 16.666666666666668%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.333333333333336%;
  }
  .col-sm-5 {
    width: 41.66666666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.333333333333336%;
  }
  .col-sm-8 {
    width: 66.66666666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333333333334%;
  }
  .col-sm-11 {
    width: 91.66666666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .offset-left-sm-1 {
    margin-left: 8.333333333333334%;
  }
  .offset-left-sm-2 {
    margin-left: 16.666666666666668%;
  }
  .offset-left-sm-3 {
    margin-left: 25%;
  }
  .offset-left-sm-4 {
    margin-left: 33.333333333333336%;
  }
  .offset-left-sm-5 {
    margin-left: 41.66666666666667%;
  }
  .offset-left-sm-6 {
    margin-left: 50%;
  }
  .offset-left-sm-7 {
    margin-left: 58.333333333333336%;
  }
  .offset-left-sm-8 {
    margin-left: 66.66666666666667%;
  }
  .offset-left-sm-9 {
    margin-left: 75%;
  }
  .offset-left-sm-10 {
    margin-left: 83.33333333333334%;
  }
  .offset-left-sm-11 {
    margin-left: 91.66666666666667%;
  }
  .offset-left-sm-0 {
    margin-left: 0%;
  }
  .offset-right-sm-1 {
    margin-right: 8.333333333333334%;
  }
  .offset-right-sm-2 {
    margin-right: 16.666666666666668%;
  }
  .offset-right-sm-3 {
    margin-right: 25%;
  }
  .offset-right-sm-4 {
    margin-right: 33.333333333333336%;
  }
  .offset-right-sm-5 {
    margin-right: 41.66666666666667%;
  }
  .offset-right-sm-6 {
    margin-right: 50%;
  }
  .offset-right-sm-7 {
    margin-right: 58.333333333333336%;
  }
  .offset-right-sm-8 {
    margin-right: 66.66666666666667%;
  }
  .offset-right-sm-9 {
    margin-right: 75%;
  }
  .offset-right-sm-10 {
    margin-right: 83.33333333333334%;
  }
  .offset-right-sm-11 {
    margin-right: 91.66666666666667%;
  }
  .offset-right-sm-0 {
    margin-right: 0%;
  }
  [class*="pull-sm"],
  [class*="push-sm"] {
    position: relative;
  }
  .pull-sm-1 {
    left: -8.333333333333334%;
  }
  .pull-sm-2 {
    left: -16.666666666666668%;
  }
  .pull-sm-3 {
    left: -25%;
  }
  .pull-sm-4 {
    left: -33.333333333333336%;
  }
  .pull-sm-5 {
    left: -41.66666666666667%;
  }
  .pull-sm-6 {
    left: -50%;
  }
  .pull-sm-7 {
    left: -58.333333333333336%;
  }
  .pull-sm-8 {
    left: -66.66666666666667%;
  }
  .pull-sm-9 {
    left: -75%;
  }
  .pull-sm-10 {
    left: -83.33333333333334%;
  }
  .pull-sm-11 {
    left: -91.66666666666667%;
  }
  .pull-sm-12 {
    left: -100%;
  }
  .push-sm-1 {
    left: 8.333333333333334%;
  }
  .push-sm-2 {
    left: 16.666666666666668%;
  }
  .push-sm-3 {
    left: 25%;
  }
  .push-sm-4 {
    left: 33.333333333333336%;
  }
  .push-sm-5 {
    left: 41.66666666666667%;
  }
  .push-sm-6 {
    left: 50%;
  }
  .push-sm-7 {
    left: 58.333333333333336%;
  }
  .push-sm-8 {
    left: 66.66666666666667%;
  }
  .push-sm-9 {
    left: 75%;
  }
  .push-sm-10 {
    left: 83.33333333333334%;
  }
  .push-sm-11 {
    left: 91.66666666666667%;
  }
  .push-sm-12 {
    left: 100%;
  }
  .pull-sm-0 {
    left: 0%;
  }
  .push-sm-0 {
    left: 0%;
  }
}
@media (min-width: 1100px) {
  [class*="col-md"] {
    margin: 0;
    padding: 1em;
  }
  .col-md-1 {
    width: 8.333333333333334%;
  }
  .col-md-2 {
    width: 16.666666666666668%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.333333333333336%;
  }
  .col-md-5 {
    width: 41.66666666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.333333333333336%;
  }
  .col-md-8 {
    width: 66.66666666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333333333334%;
  }
  .col-md-11 {
    width: 91.66666666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .offset-left-md-1 {
    margin-left: 8.333333333333334%;
  }
  .offset-left-md-2 {
    margin-left: 16.666666666666668%;
  }
  .offset-left-md-3 {
    margin-left: 25%;
  }
  .offset-left-md-4 {
    margin-left: 33.333333333333336%;
  }
  .offset-left-md-5 {
    margin-left: 41.66666666666667%;
  }
  .offset-left-md-6 {
    margin-left: 50%;
  }
  .offset-left-md-7 {
    margin-left: 58.333333333333336%;
  }
  .offset-left-md-8 {
    margin-left: 66.66666666666667%;
  }
  .offset-left-md-9 {
    margin-left: 75%;
  }
  .offset-left-md-10 {
    margin-left: 83.33333333333334%;
  }
  .offset-left-md-11 {
    margin-left: 91.66666666666667%;
  }
  .offset-left-md-0 {
    margin-left: 0%;
  }
  .offset-right-md-1 {
    margin-right: 8.333333333333334%;
  }
  .offset-right-md-2 {
    margin-right: 16.666666666666668%;
  }
  .offset-right-md-3 {
    margin-right: 25%;
  }
  .offset-right-md-4 {
    margin-right: 33.333333333333336%;
  }
  .offset-right-md-5 {
    margin-right: 41.66666666666667%;
  }
  .offset-right-md-6 {
    margin-right: 50%;
  }
  .offset-right-md-7 {
    margin-right: 58.333333333333336%;
  }
  .offset-right-md-8 {
    margin-right: 66.66666666666667%;
  }
  .offset-right-md-9 {
    margin-right: 75%;
  }
  .offset-right-md-10 {
    margin-right: 83.33333333333334%;
  }
  .offset-right-md-11 {
    margin-right: 91.66666666666667%;
  }
  .offset-right-md-0 {
    margin-right: 0%;
  }
  [class*="pull-md"],
  [class*="push-md"] {
    position: relative;
  }
  .pull-md-1 {
    left: -8.333333333333334%;
  }
  .pull-md-2 {
    left: -16.666666666666668%;
  }
  .pull-md-3 {
    left: -25%;
  }
  .pull-md-4 {
    left: -33.333333333333336%;
  }
  .pull-md-5 {
    left: -41.66666666666667%;
  }
  .pull-md-6 {
    left: -50%;
  }
  .pull-md-7 {
    left: -58.333333333333336%;
  }
  .pull-md-8 {
    left: -66.66666666666667%;
  }
  .pull-md-9 {
    left: -75%;
  }
  .pull-md-10 {
    left: -83.33333333333334%;
  }
  .pull-md-11 {
    left: -91.66666666666667%;
  }
  .pull-md-12 {
    left: -100%;
  }
  .push-md-1 {
    left: 8.333333333333334%;
  }
  .push-md-2 {
    left: 16.666666666666668%;
  }
  .push-md-3 {
    left: 25%;
  }
  .push-md-4 {
    left: 33.333333333333336%;
  }
  .push-md-5 {
    left: 41.66666666666667%;
  }
  .push-md-6 {
    left: 50%;
  }
  .push-md-7 {
    left: 58.333333333333336%;
  }
  .push-md-8 {
    left: 66.66666666666667%;
  }
  .push-md-9 {
    left: 75%;
  }
  .push-md-10 {
    left: 83.33333333333334%;
  }
  .push-md-11 {
    left: 91.66666666666667%;
  }
  .push-md-12 {
    left: 100%;
  }
  .pull-md-0 {
    left: 0%;
  }
  .push-md-0 {
    left: 0%;
  }
}
@media (min-width: 1440px) {
  [class*="col-lg"] {
    margin: 0;
    padding: 1em;
  }
  .col-lg-1 {
    width: 8.333333333333334%;
  }
  .col-lg-2 {
    width: 16.666666666666668%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.333333333333336%;
  }
  .col-lg-5 {
    width: 41.66666666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.333333333333336%;
  }
  .col-lg-8 {
    width: 66.66666666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333333333334%;
  }
  .col-lg-11 {
    width: 91.66666666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .offset-left-lg-1 {
    margin-left: 8.333333333333334%;
  }
  .offset-left-lg-2 {
    margin-left: 16.666666666666668%;
  }
  .offset-left-lg-3 {
    margin-left: 25%;
  }
  .offset-left-lg-4 {
    margin-left: 33.333333333333336%;
  }
  .offset-left-lg-5 {
    margin-left: 41.66666666666667%;
  }
  .offset-left-lg-6 {
    margin-left: 50%;
  }
  .offset-left-lg-7 {
    margin-left: 58.333333333333336%;
  }
  .offset-left-lg-8 {
    margin-left: 66.66666666666667%;
  }
  .offset-left-lg-9 {
    margin-left: 75%;
  }
  .offset-left-lg-10 {
    margin-left: 83.33333333333334%;
  }
  .offset-left-lg-11 {
    margin-left: 91.66666666666667%;
  }
  .offset-left-lg-0 {
    margin-left: 0%;
  }
  .offset-right-lg-1 {
    margin-right: 8.333333333333334%;
  }
  .offset-right-lg-2 {
    margin-right: 16.666666666666668%;
  }
  .offset-right-lg-3 {
    margin-right: 25%;
  }
  .offset-right-lg-4 {
    margin-right: 33.333333333333336%;
  }
  .offset-right-lg-5 {
    margin-right: 41.66666666666667%;
  }
  .offset-right-lg-6 {
    margin-right: 50%;
  }
  .offset-right-lg-7 {
    margin-right: 58.333333333333336%;
  }
  .offset-right-lg-8 {
    margin-right: 66.66666666666667%;
  }
  .offset-right-lg-9 {
    margin-right: 75%;
  }
  .offset-right-lg-10 {
    margin-right: 83.33333333333334%;
  }
  .offset-right-lg-11 {
    margin-right: 91.66666666666667%;
  }
  .offset-right-lg-0 {
    margin-right: 0%;
  }
  [class*="pull-lg"],
  [class*="push-lg"] {
    position: relative;
  }
  .pull-lg-1 {
    left: -8.333333333333334%;
  }
  .pull-lg-2 {
    left: -16.666666666666668%;
  }
  .pull-lg-3 {
    left: -25%;
  }
  .pull-lg-4 {
    left: -33.333333333333336%;
  }
  .pull-lg-5 {
    left: -41.66666666666667%;
  }
  .pull-lg-6 {
    left: -50%;
  }
  .pull-lg-7 {
    left: -58.333333333333336%;
  }
  .pull-lg-8 {
    left: -66.66666666666667%;
  }
  .pull-lg-9 {
    left: -75%;
  }
  .pull-lg-10 {
    left: -83.33333333333334%;
  }
  .pull-lg-11 {
    left: -91.66666666666667%;
  }
  .pull-lg-12 {
    left: -100%;
  }
  .push-lg-1 {
    left: 8.333333333333334%;
  }
  .push-lg-2 {
    left: 16.666666666666668%;
  }
  .push-lg-3 {
    left: 25%;
  }
  .push-lg-4 {
    left: 33.333333333333336%;
  }
  .push-lg-5 {
    left: 41.66666666666667%;
  }
  .push-lg-6 {
    left: 50%;
  }
  .push-lg-7 {
    left: 58.333333333333336%;
  }
  .push-lg-8 {
    left: 66.66666666666667%;
  }
  .push-lg-9 {
    left: 75%;
  }
  .push-lg-10 {
    left: 83.33333333333334%;
  }
  .push-lg-11 {
    left: 91.66666666666667%;
  }
  .push-lg-12 {
    left: 100%;
  }
  .pull-lg-0 {
    left: 0%;
  }
  .push-lg-0 {
    left: 0%;
  }
}
@media (min-width: 1600px) {
  [class*="col-xl"] {
    margin: 0;
    padding: 1em;
  }
  .col-xl-1 {
    width: 8.333333333333334%;
  }
  .col-xl-2 {
    width: 16.666666666666668%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-4 {
    width: 33.333333333333336%;
  }
  .col-xl-5 {
    width: 41.66666666666667%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-7 {
    width: 58.333333333333336%;
  }
  .col-xl-8 {
    width: 66.66666666666667%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-10 {
    width: 83.33333333333334%;
  }
  .col-xl-11 {
    width: 91.66666666666667%;
  }
  .col-xl-12 {
    width: 100%;
  }
  .offset-left-xl-1 {
    margin-left: 8.333333333333334%;
  }
  .offset-left-xl-2 {
    margin-left: 16.666666666666668%;
  }
  .offset-left-xl-3 {
    margin-left: 25%;
  }
  .offset-left-xl-4 {
    margin-left: 33.333333333333336%;
  }
  .offset-left-xl-5 {
    margin-left: 41.66666666666667%;
  }
  .offset-left-xl-6 {
    margin-left: 50%;
  }
  .offset-left-xl-7 {
    margin-left: 58.333333333333336%;
  }
  .offset-left-xl-8 {
    margin-left: 66.66666666666667%;
  }
  .offset-left-xl-9 {
    margin-left: 75%;
  }
  .offset-left-xl-10 {
    margin-left: 83.33333333333334%;
  }
  .offset-left-xl-11 {
    margin-left: 91.66666666666667%;
  }
  .offset-left-xl-0 {
    margin-left: 0%;
  }
  .offset-right-xl-1 {
    margin-right: 8.333333333333334%;
  }
  .offset-right-xl-2 {
    margin-right: 16.666666666666668%;
  }
  .offset-right-xl-3 {
    margin-right: 25%;
  }
  .offset-right-xl-4 {
    margin-right: 33.333333333333336%;
  }
  .offset-right-xl-5 {
    margin-right: 41.66666666666667%;
  }
  .offset-right-xl-6 {
    margin-right: 50%;
  }
  .offset-right-xl-7 {
    margin-right: 58.333333333333336%;
  }
  .offset-right-xl-8 {
    margin-right: 66.66666666666667%;
  }
  .offset-right-xl-9 {
    margin-right: 75%;
  }
  .offset-right-xl-10 {
    margin-right: 83.33333333333334%;
  }
  .offset-right-xl-11 {
    margin-right: 91.66666666666667%;
  }
  .offset-right-xl-0 {
    margin-right: 0%;
  }
  [class*="pull-xl"],
  [class*="push-xl"] {
    position: relative;
  }
  .pull-xl-1 {
    left: -8.333333333333334%;
  }
  .pull-xl-2 {
    left: -16.666666666666668%;
  }
  .pull-xl-3 {
    left: -25%;
  }
  .pull-xl-4 {
    left: -33.333333333333336%;
  }
  .pull-xl-5 {
    left: -41.66666666666667%;
  }
  .pull-xl-6 {
    left: -50%;
  }
  .pull-xl-7 {
    left: -58.333333333333336%;
  }
  .pull-xl-8 {
    left: -66.66666666666667%;
  }
  .pull-xl-9 {
    left: -75%;
  }
  .pull-xl-10 {
    left: -83.33333333333334%;
  }
  .pull-xl-11 {
    left: -91.66666666666667%;
  }
  .pull-xl-12 {
    left: -100%;
  }
  .push-xl-1 {
    left: 8.333333333333334%;
  }
  .push-xl-2 {
    left: 16.666666666666668%;
  }
  .push-xl-3 {
    left: 25%;
  }
  .push-xl-4 {
    left: 33.333333333333336%;
  }
  .push-xl-5 {
    left: 41.66666666666667%;
  }
  .push-xl-6 {
    left: 50%;
  }
  .push-xl-7 {
    left: 58.333333333333336%;
  }
  .push-xl-8 {
    left: 66.66666666666667%;
  }
  .push-xl-9 {
    left: 75%;
  }
  .push-xl-10 {
    left: 83.33333333333334%;
  }
  .push-xl-11 {
    left: 91.66666666666667%;
  }
  .push-xl-12 {
    left: 100%;
  }
  .pull-xl-0 {
    left: 0%;
  }
  .push-xl-0 {
    left: 0%;
  }
}
.app__aside,
.app__content {
  min-height: 100vh;
}
.app__aside,
.app__content {
  margin: 0;
}
.app__aside,
.app__content {
  width: 100%;
}
.app__aside {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  left: -100%;
  transition: 0.4181s left ease-out;
}
@media (min-width: 1100px) {
  .app__aside,
  .app__content {
    margin: 0;
  }
  .app__aside {
    width: 37.5%;
  }
}
@media (min-width: 1440px) {
  .app__aside {
    left: 0%;
  }
  .app__aside,
  .app__content {
    margin: 0;
  }
  .app__aside {
    width: 31.25%;
  }
}
@media (min-width: 1600px) {
  .app__aside,
  .app__content {
    margin: 0;
  }
  .app__aside {
    width: 18.75%;
  }
}
.app__aside--expanded {
  left: 0%;
}
@media (min-width: 1100px) {
  .app__content {
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .app__content {
    left: 31.25%;
  }
  .app__content {
    width: 68.75%;
  }
  .app__content {
    position: relative;
  }
}
@media (min-width: 1600px) {
  .app__content {
    left: 18.75%;
  }
  .app__content {
    width: 81.25%;
  }
  .app__content {
    position: relative;
  }
}
.app__title,
.app__toolbar {
  height: 54px;
  line-height: 1;
}
.app__title,
.app__toolbar {
  padding: 1.5em 2em;
}
body {
  font-size: 14px;
}
h1,
.h--h1 {
  font-size: 2em;
  line-height: 1.1;
  margin: 0;
}
h2,
.h--h2 {
  font-size: 1.8em;
  line-height: 1.1;
  margin: 0 0 0.22em;
}
h3,
.h--h3 {
  font-size: 1.7em;
  line-height: 1.1;
  margin: 0 0 0.33em;
}
h4,
.h--h4 {
  font-size: 1.6em;
  line-height: 1.1;
  margin: 0 0 0.44em;
}
h5,
.h--h5 {
  font-size: 1.5em;
  line-height: 1.1;
  margin: 0 0 0.55em;
}
h6,
.h--h6 {
  font-size: 1.4em;
  line-height: 1.1;
  margin: 0 0 0.66em;
}
p,
.p {
  font-size: 1em;
  line-height: 1.51;
  margin: 0 0 0.755em;
}
small {
  font-size: 0.625em;
}
h1,
.h--h1,
h2,
.h--h2,
h3,
.h--h3,
h4,
.h--h4,
h5,
.h--h5,
h6,
.h--h6 {
  margin-top: 2em;
}
a {
  color: #6c6c6e;
}
a:hover {
  color: #8b8b8d;
}
a:active {
  color: #9b9b9d;
}
a:visited {
  color: #bababb;
}
.h--reset {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: inherit;
}
.baloon {
  min-width: 380px;
  max-width: 380px;
  opacity: 0;
  transition: all 0.21s ease-out;
  transform: translateY(35%);
}
.baloon-wrapper .baloon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(35%);
  width: 100%;
}
.baloon__triangle {
  line-height: 0;
}
.baloon__triangle:before,
.baloon--top .baloon__triangle:after {
  border: 14px solid transparent;
  content: '';
}
.baloon--bottom .baloon__triangle:before {
  border-bottom-color: #388cbf;
}
.baloon--bottom.baloon--black .baloon__triangle:before {
  border-bottom-color: #4a4a4a;
}
.baloon--bottom.baloon--green .baloon__triangle:before {
  border-bottom-color: #5ee6a5;
}
.baloon--bottom.baloon--gray .baloon__triangle:before {
  border-bottom-color: #e2e8ec;
}
.baloon--bottom.baloon--orange .baloon__triangle:before {
  border-bottom-color: #ffbc89;
}
.baloon--bottom.baloon--purple .baloon__triangle:before {
  border-bottom-color: #d08bfa;
}
.baloon--bottom.baloon--red .baloon__triangle:before {
  border-bottom-color: #e32d2d;
}
.baloon--bottom.baloon--yellow .baloon__triangle:before {
  border-bottom-color: #fffba4;
}
.baloon__content {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0 10px 10px -5px rgba(0,0,0,0.1);
  border: 1px solid #dfdfdf;
  border-top-width: 0;
  padding: 1em;
}
.baloon__header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 1em;
}
.baloon--top {
  bottom: 100%;
}
.baloon--top .baloon__triangle:before,
.baloon--top .baloon__triangle:after {
  margin-top: -1px;
}
.baloon--top .baloon__triangle:before {
  border-top-color: #fff;
}
.baloon--top .baloon__triangle:after {
  position: absolute;
  left: 50%;
  border-width: 16.8px;
  border-top-color: rgba(0,0,0,0.05);
  transform: translateX(-50%);
}
.baloon--top.baloon--black .baloon__triangle:before {
  border-top-color: #4a4a4a;
}
.baloon--top.baloon--gray .baloon__triangle:before {
  border-top-color: #e2e8ec;
}
.baloon--top.baloon--green .baloon__triangle:before {
  border-top-color: #5ee6a5;
}
.baloon--top.baloon--orange .baloon__triangle:before {
  border-top-color: #ffbc89;
}
.baloon--top.baloon--purple .baloon__triangle:before {
  border-top-color: #d08bfa;
}
.baloon--top.baloon--red .baloon__triangle:before {
  border-top-color: #e32d2d;
}
.baloon--top.baloon--yellow .baloon__triangle:before {
  border-top-color: #fffba4;
}
.baloon--visible,
.baloon-wrapper.baloon-wrapper--on-over:hover .baloon {
  opacity: 1;
  transform: translateY(0);
}
.baloon-wrapper .baloon--visible,
.baloon-wrapper .baloon-wrapper.baloon-wrapper--on-over:hover .baloon,
.baloon-wrapper.baloon-wrapper--on-over:hover .baloon {
  transform: translateX(-50%) translateY(0);
}
.btn {
  border: 2px solid transparent;
  cursor: pointer;
  line-height: 1;
  transition: background-color 0.25s cubic-bezier(0.13, 0.55, 0.55, 1), color 0.25s cubic-bezier(0.13, 0.55, 0.55, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn {
  vertical-align: middle;
}
.btn {
  padding: 0.5em 1em;
}
.btn.btn--icon {
  padding: 0;
}
.btn__icon {
  margin-right: 0.5em;
  min-width: 32px;
  vertical-align: baseline;
}
.btn.btn--rounded {
  border-radius: 1em/50%;
}
.btn--disabled,
.btn.btn--disabled.btn--hollow {
  cursor: default;
}
.card__content,
.card__footer,
.card__header {
  padding: 1em;
}
.card {
  box-shadow: 0 0 3px 1px rgba(0,0,0,0.08);
  border-radius: 3px/5px;
  overflow: hidden;
  transition: 0.3s box-shadow ease-out;
}
.card:hover {
  box-shadow: 0 0 5px 1px rgba(0,0,0,0.13);
}
.card__b-img {
  transform: translate(-50%);
}
.card__header.card__header--tall {
  border-radius: 5px;
  min-height: 15vw;
}
.card__header.card__header--unpadded {
  padding: 0;
}
.dialog {
  border-radius: 8px/3px;
  box-shadow: 0 8px 21px -8px rgba(0,0,0,0.21), 0 0 3px 1px rgba(0,0,0,0.13);
  max-height: 90vh;
  max-width: 640px;
  min-width: 380px;
  opacity: 0;
  position: fixed;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
  transition: 0.4s ease-in-out;
}
.dialog--full-size {
  -ms-flex-flow: column;
  flex-flow: column;
  max-width: none;
  height: 90vh;
  width: 90vw;
}
.dialog-overlay {
  background-color: rgba(0,0,0,0.21);
  position: fixed;
  top: 0;
  left: 0;
}
.dialog-overlay,
.popup-modal {
  height: 100%;
  width: 100%;
}
.dialog--visible {
  opacity: 1;
}
.dialog--bottom {
  bottom: 0;
}
.dialog--center {
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.dialog--top {
  top: 0;
}
.dialog__content {
  overflow-y: scroll;
}
.dialog__content,
.dialog__footer,
.dialog__header,
.wrapper,
.wrapper--tight,
.wrapper--wide,
.list--vertical .list__item {
  padding: 1em;
}
.dialog--full-size .dialog__content {
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.input-checkbox,
.input-radio {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input-checkbox input:checked + span:after,
.input-radio input:checked + span:after {
  transform: scale(1);
}
.input-checkbox span:after,
.input-radio span:after,
.input-checkbox span:before,
.input-radio span:before {
  vertical-align: middle;
}
.input-checkbox span:after,
.input-radio span:after,
.input-checkbox span:before,
.input-radio span:before {
  height: 1em;
  width: 1em;
}
.input-checkbox span:after,
.input-radio span:after {
  content: '\2713 ';
  color: #388cbf;
  line-height: 1.5;
  transform: scale(0);
  transition: 0.25s border-color ease-out, 0.15s transform ease-out;
}
.input-checkbox span:before,
.input-radio span:before {
  border-radius: 0.3em;
  border-style: solid;
  border-width: 1px;
}
.input-checkbox--black span:after {
  color: #4a4a4a;
}
.input-checkbox--blue span:after {
  color: #388cbf;
}
.input-checkbox--gray span:after {
  color: #e2e8ec;
}
.input-checkbox--green span:after {
  color: #5ee6a5;
}
.input-checkbox--orange span:after {
  color: #ffbc89;
}
.input-checkbox--purple span:after {
  color: #d08bfa;
}
.input-checkbox--red span:after {
  color: #e32d2d;
}
.input-checkbox--yellow span:after {
  color: #fffba4;
}
.input-radio input:checked + span:after {
  transform: scale(0.5) translateY(-90%);
}
.input-radio span:after,
.input-radio span:before {
  border-radius: 50%;
}
.input-radio span:after {
  content: '';
  top: 50%;
  transform: scale(0) translateY(-90%);
}
.form__block {
  border: 0 none;
  margin: 0;
  padding: 0;
}
.form__block + .form__block {
  margin: 1em 0 0;
}
.form__block.form__block--inline {
  vertical-align: middle;
}
.form__block.form__block--inline + .form__block.form__block--inline {
  margin: 0;
}
input,
input[type="image"],
input[type="checkbox"],
input[type="radio"],
select,
textarea,
.form__element.form__element--icon .form__icon,
.input-toggle .input-toggle__toggle {
  border: 1px solid #dfdfdf;
  padding: 0.5em 1em;
  transition: 0.3s box-shadow ease-out, 0.2s color ease-out, 0.33s border-color ease-out;
  width: 100%;
}
input.form__element--rounded,
input[type="image"].form__element--rounded,
input[type="checkbox"].form__element--rounded,
input[type="radio"].form__element--rounded,
select.form__element--rounded,
textarea.form__element--rounded,
.form__element.form__element--icon .form__icon.form__element--rounded,
.input-toggle .input-toggle__toggle.form__element--rounded,
.form__element--rounded input,
.form__element--rounded input[type="image"],
.form__element--rounded input[type="checkbox"],
.form__element--rounded input[type="radio"],
.form__element--rounded select,
.form__element--rounded textarea,
.form__element--rounded .form__element.form__element--icon .form__icon,
.form__element--rounded .input-toggle .input-toggle__toggle {
  border-radius: 1em/50%;
}
input:focus,
input[type="image"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus,
.form__element.form__element--icon .form__icon:focus,
.input-toggle .input-toggle__toggle:focus {
  box-shadow: 0 0 5px 1px #d7d7d7;
  outline: 0 none;
}
input[disabled],
input[type="image"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][disabled],
select[disabled],
textarea[disabled],
.form__element.form__element--icon .form__icon[disabled],
.input-toggle .input-toggle__toggle[disabled] {
  border-color: #dfdfdf;
  background-color: #d7d7d7;
  color: #8a8a8a;
}
input[type="image"] {
  padding: 0;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  vertical-align: middle;
  width: auto;
}
.form__element--invalid,
input[type="number"]:out-of-range {
  border-color: #e32d2d;
  box-shadow: 0 0 5px 1px #e84a4a;
}
.form__element.form__element--icon .form__icon {
  position: absolute;
  top: 0;
  right: 0;
  border-color: transparent;
  line-height: inherit;
  transition: 0s all;
  width: auto;
}
.input-range::-webkit-slider-runnable-track,
.input-range::-webkit-slider-thumb,
.input-range::-moz-range-track,
.input-range::-moz-range-thumb,
.input-range::-ms-fill-lower,
.input-range::-ms-fill-upper,
.input-range::-ms-thumb {
  box-shadow: 0 0 5px 1px rgba(0,0,0,0.21);
}
.input-range:focus {
  outline: 0 none;
}
.input-range {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 9px;
  height: 1em;
  margin: 18px 0;
}
.input-range:focus {
  box-shadow: 0 0 0 transparent;
}
.input-range::-webkit-slider-runnable-track {
  animate: 0.2s;
  border-radius: 0.25em;
  height: 0.55em;
}
.input-range--black::-webkit-slider-runnable-track {
  background-color: #4a4a4a;
}
.input-range--black::-moz-range-track {
  background-color: #4a4a4a;
}
.input-range--black::-ms-track,
.input-range--black::-ms-fill-lower,
.input-range--black::-ms-fill-upper,
.input-range--black:focus::-webkit-slider-runnable-track {
  background-color: #4a4a4a;
}
.input-range--black:focus::-moz-range-track {
  background-color: #4a4a4a;
}
.input-range--black:focus::-ms-track,
.input-range--black:focus::-ms-fill-lower,
.input-range--black:focus::-ms-fill-upper {
  background-color: #4a4a4a;
}
.input-range--blue::-webkit-slider-runnable-track {
  background-color: #388cbf;
}
.input-range--blue::-moz-range-track {
  background-color: #388cbf;
}
.input-range--blue::-ms-track,
.input-range--blue::-ms-fill-lower,
.input-range--blue::-ms-fill-upper,
.input-range--blue:focus::-webkit-slider-runnable-track {
  background-color: #388cbf;
}
.input-range--blue:focus::-moz-range-track {
  background-color: #388cbf;
}
.input-range--blue:focus::-ms-track,
.input-range--blue:focus::-ms-fill-lower,
.input-range--blue:focus::-ms-fill-upper {
  background-color: #388cbf;
}
.input-range--gray::-webkit-slider-runnable-track {
  background-color: #e2e8ec;
}
.input-range--gray::-moz-range-track {
  background-color: #e2e8ec;
}
.input-range--gray::-ms-track,
.input-range--gray::-ms-fill-lower,
.input-range--gray::-ms-fill-upper,
.input-range--gray:focus::-webkit-slider-runnable-track {
  background-color: #e2e8ec;
}
.input-range--gray:focus::-moz-range-track {
  background-color: #e2e8ec;
}
.input-range--gray:focus::-ms-track,
.input-range--gray:focus::-ms-fill-lower,
.input-range--gray:focus::-ms-fill-upper {
  background-color: #e2e8ec;
}
.input-range--green::-webkit-slider-runnable-track {
  background-color: #5ee6a5;
}
.input-range--green::-moz-range-track {
  background-color: #5ee6a5;
}
.input-range--green::-ms-track,
.input-range--green::-ms-fill-lower,
.input-range--green::-ms-fill-upper,
.input-range--green:focus::-webkit-slider-runnable-track {
  background-color: #5ee6a5;
}
.input-range--green:focus::-moz-range-track {
  background-color: #5ee6a5;
}
.input-range--green:focus::-ms-track,
.input-range--green:focus::-ms-fill-lower,
.input-range--green:focus::-ms-fill-upper {
  background-color: #5ee6a5;
}
.input-range--orange::-webkit-slider-runnable-track {
  background-color: #ffbc89;
}
.input-range--orange::-moz-range-track {
  background-color: #ffbc89;
}
.input-range--orange::-ms-track,
.input-range--orange::-ms-fill-lower,
.input-range--orange::-ms-fill-upper,
.input-range--orange:focus::-webkit-slider-runnable-track {
  background-color: #ffbc89;
}
.input-range--orange:focus::-moz-range-track {
  background-color: #ffbc89;
}
.input-range--orange:focus::-ms-track,
.input-range--orange:focus::-ms-fill-lower,
.input-range--orange:focus::-ms-fill-upper {
  background-color: #ffbc89;
}
.input-range--purple::-webkit-slider-runnable-track {
  background-color: #d08bfa;
}
.input-range--purple::-moz-range-track {
  background-color: #d08bfa;
}
.input-range--purple::-ms-track,
.input-range--purple::-ms-fill-lower,
.input-range--purple::-ms-fill-upper,
.input-range--purple:focus::-webkit-slider-runnable-track {
  background-color: #d08bfa;
}
.input-range--purple:focus::-moz-range-track {
  background-color: #d08bfa;
}
.input-range--purple:focus::-ms-track,
.input-range--purple:focus::-ms-fill-lower,
.input-range--purple:focus::-ms-fill-upper {
  background-color: #d08bfa;
}
.input-range--red::-webkit-slider-runnable-track {
  background-color: #e32d2d;
}
.input-range--red::-moz-range-track {
  background-color: #e32d2d;
}
.input-range--red::-ms-track,
.input-range--red::-ms-fill-lower,
.input-range--red::-ms-fill-upper,
.input-range--red:focus::-webkit-slider-runnable-track {
  background-color: #e32d2d;
}
.input-range--red:focus::-moz-range-track {
  background-color: #e32d2d;
}
.input-range--red:focus::-ms-track,
.input-range--red:focus::-ms-fill-lower,
.input-range--red:focus::-ms-fill-upper {
  background-color: #e32d2d;
}
.input-range--yellow::-webkit-slider-runnable-track {
  background-color: #fffba4;
}
.input-range--yellow::-moz-range-track {
  background-color: #fffba4;
}
.input-range--yellow::-ms-track,
.input-range--yellow::-ms-fill-lower,
.input-range--yellow::-ms-fill-upper,
.input-range--yellow:focus::-webkit-slider-runnable-track {
  background-color: #fffba4;
}
.input-range--yellow:focus::-moz-range-track {
  background-color: #fffba4;
}
.input-range--yellow:focus::-ms-track,
.input-range--yellow:focus::-ms-fill-lower,
.input-range--yellow:focus::-ms-fill-upper {
  background-color: #fffba4;
}
.input-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #fff;
  border-radius: 0.25em;
  border: 1px solid rgba(0,0,0,0.21);
  height: 1.5em;
  margin-top: -0.5em;
  width: 0.75em;
}
.input-range::-moz-range-track {
  animate: 0.2s;
  border-radius: 1.3px;
  height: 0.55em;
}
.input-range::-moz-range-thumb {
  background: #fff;
  border-radius: 0.25em;
  border: 1px solid rgba(0,0,0,0.21);
  height: 1.5em;
  width: 0.75em;
}
.input-range::-ms-track {
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
  height: 0.55em;
}
.input-range::-ms-fill-lower {
  border-radius: 0.25em;
}
.input-range::-ms-fill-upper {
  border-radius: 0.25em;
}
.input-range::-ms-thumb {
  background: #fff;
  border-radius: 0.25em;
  border: 1px solid rgba(0,0,0,0.21);
  height: 1.5em;
  width: 0.75em;
}
.input-toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input-toggle input:checked + .input-toggle__toggle:after {
  left: 100%;
  transform: translateX(-100%);
}
.input-toggle .input-toggle__text {
  margin-right: 0.5em;
}
.input-toggle .input-toggle__toggle + .input-toggle__text {
  margin-right: 0.5em;
  margin-left: 0;
}
.input-toggle .input-toggle__toggle {
  border-radius: 21px;
  transition: 0.3s all ease-out;
  vertical-align: middle;
}
.input-toggle .input-toggle__toggle {
  height: 21px;
  width: 36px;
}
.input-toggle .input-toggle__toggle:after {
  box-shadow: 0 0 0 1px rgba(0,0,0,0.2) inset;
  border-radius: 50%;
  transition: 0.3s all ease-out;
  transform: translateX(0%);
}
.input-toggle .input-toggle__toggle:after {
  height: 19px;
  width: 19px;
}
hr {
  border-top: 0;
}
.icon-list--right {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.icon-list__icon {
  padding: 0 0.5em;
}
img {
  max-width: 100%;
}
.layout-columns {
  page-break-inside: avoid;
  break-inside: avoid-column;
}
.layout-columns--four-xs {
  -moz-column-count: 4;
  column-count: 4;
}
@media (min-width: 768px) {
  .layout-columns--four-sm {
    -moz-column-count: 4;
    column-count: 4;
  }
}
@media (min-width: 1100px) {
  .layout-columns--four-md {
    -moz-column-count: 4;
    column-count: 4;
  }
}
@media (min-width: 1440px) {
  .layout-columns--four-lg {
    -moz-column-count: 4;
    column-count: 4;
  }
}
@media (min-width: 1600px) {
  .layout-columns--four-xl {
    -moz-column-count: 4;
    column-count: 4;
  }
}
.layout-columns--six-xs {
  -moz-column-count: 6;
  column-count: 6;
}
@media (min-width: 768px) {
  .layout-columns--six-sm {
    -moz-column-count: 6;
    column-count: 6;
  }
}
@media (min-width: 1100px) {
  .layout-columns--six-md {
    -moz-column-count: 6;
    column-count: 6;
  }
}
@media (min-width: 1440px) {
  .layout-columns--six-lg {
    -moz-column-count: 6;
    column-count: 6;
  }
}
@media (min-width: 1600px) {
  .layout-columns--six-xl {
    -moz-column-count: 6;
    column-count: 6;
  }
}
.layout-columns--three-xs {
  -moz-column-count: 3;
  column-count: 3;
}
@media (min-width: 768px) {
  .layout-columns--three-sm {
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media (min-width: 1100px) {
  .layout-columns--three-md {
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media (min-width: 1440px) {
  .layout-columns--three-lg {
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media (min-width: 1600px) {
  .layout-columns--three-xl {
    -moz-column-count: 3;
    column-count: 3;
  }
}
.layout-columns--two-xs {
  -moz-column-count: 2;
  column-count: 2;
}
@media (min-width: 768px) {
  .layout-columns--two-sm {
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 1100px) {
  .layout-columns--two-md {
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 1440px) {
  .layout-columns--two-lg {
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 1600px) {
  .layout-columns--two-xl {
    -moz-column-count: 2;
    column-count: 2;
  }
}
.wrapper {
  max-width: 1100px;
}
.wrapper,
.wrapper--tight,
.wrapper--wide,
.user-img,
.user-img--large {
  margin-right: auto;
  margin-left: auto;
}
.wrapper--tight {
  max-width: 768px;
}
.wrapper--wide {
  max-width: 1440px;
}
.list {
  margin: 1em 0 0;
  padding: 0;
}
.list--unpadded,
.list__item--unpadded,
.list--vertical .list__item--unpadded {
  margin: 0;
  padding: 0;
}
.list--vertical {
  -ms-flex-direction: column;
  flex-direction: column;
}
.list--indented {
  padding: 0 0 0 1em;
}
.list--vertical .list__item {
  line-height: 1;
}
.navbar {
  padding: 0 1em;
}
.navbar__title,
.navbar__logo {
  line-height: 1;
}
.navbar__link {
  padding: 1em;
}
.navbar__link {
  transition: 0.2s ease-out;
}
.navbar__logo {
  max-height: 100%;
}
.notification {
  border: 2px solid transparent;
  padding: 0.5em 1em;
}
.notification + .notification {
  margin-top: 1em;
}
.notification.notification--rounded {
  border-radius: 3px/5px;
}
.popup {
  box-shadow: 0 10px 10px -5px rgba(0,0,0,0.1), 0 0 3px 1px rgba(0,0,0,0.1);
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 380px;
  min-width: 380px;
  padding: 0;
  transform: translateX(-50%) translateY(-50%);
}
.popup-modal {
  background-color: rgba(0,0,0,0.21);
  position: fixed;
  top: 0;
  left: 0;
}
.popup--rounded {
  border-radius: 3px/5px;
  overflow: hidden;
}
.popup__text {
  padding: 1em;
}
.popup__text + .popup__text {
  padding: 0 1em 1em;
}
.push-notifications {
  position: fixed;
}
.push-notifications--bottom-left {
  bottom: 1em;
  left: 1em;
}
.push-notifications--bottom-right {
  bottom: 1em;
  right: 1em;
}
.push-notifications--top-left {
  left: 1em;
  top: 1em;
}
.push-notifications--top-right {
  right: 1em;
  top: 1em;
}
table {
  border-collapse: collapse;
}
.text--capitalize {
  text-transform: capitalize;
}
.text--italic {
  font-style: italic;
}
.text--lowercase {
  text-transform: lowercase;
}
.text--uppercase {
  text-transform: uppercase;
}
.link--black {
  color: #4a4a4a;
}
.link--black:hover {
  color: #707070;
}
.link--black:active {
  color: #848484;
}
.link--black:visited {
  color: #aaa;
}
.link--blue {
  color: #388cbf;
}
.link--blue:hover {
  color: #5ea5d0;
}
.link--blue:active {
  color: #75b2d6;
}
.link--blue:visited {
  color: #9fc9e3;
}
.link--gray {
  color: #e2e8ec;
}
.link--gray:hover {
  color: #a7bac6;
}
.link--gray:active {
  color: #89a1b1;
}
.link--gray:visited {
  color: #567183;
}
.link--green {
  color: #5ee6a5;
}
.link--green:hover {
  color: #23dd84;
}
.link--green:active {
  color: #1ebf72;
}
.link--green:visited {
  color: #14844f;
}
.link--orange {
  color: #ffbc89;
}
.link--orange:hover {
  color: #ff8d37;
}
.link--orange:active {
  color: #ff750c;
}
.link--orange:visited {
  color: #b85000;
}
.link--purple {
  color: #d08bfa;
}
.link--purple:hover {
  color: #b03df7;
}
.link--purple:active {
  color: #a014f5;
}
.link--purple:visited {
  color: #7008af;
}
.link--red {
  color: #e32d2d;
}
.link--red:hover {
  color: #be1919;
}
.link--red:active {
  color: #a31616;
}
.link--red:visited {
  color: #710f0f;
}
.link--white {
  color: #fbfbfb;
}
.link--white:hover {
  color: #c6c6c6;
}
.link--white:active {
  color: #ababab;
}
.link--white:visited {
  color: #767676;
}
.link--yellow {
  color: #fffba4;
}
.link--yellow:hover {
  color: #fff74c;
}
.link--yellow:active {
  color: #fff51e;
}
.link--yellow:visited {
  color: #c5bc00;
}
.text-size--small {
  font-size: 0.8;
  line-height: 1.5;
  margin: 0;
}
.text-size--medium {
  font-size: 0.9;
  line-height: 1.5;
  margin: 0;
}
.text-size--large {
  font-size: 1.1;
  line-height: 1.5;
  margin: 0;
}
.text-size--green {
  font-size: 1.3;
  line-height: 1.5;
  margin: 0;
}
.text--ellipsis {
  overflow: hidden;
}
.text--ellipsis {
  text-overflow: ellipsis;
}
.text--ellipsis {
  white-space: nowrap;
}
.toolbar__item {
  -ms-flex: 1;
  flex: 1;
}
.user-img,
.user-img--large {
  box-shadow: 0 3px 8px -3px rgba(0,0,0,0.21);
}
.user-img,
.user-img--large,
.user-img__icon {
  border-radius: 50%;
}
.user-img {
  height: 3em;
  width: 3em;
}
.user-img--large {
  height: 6em;
  width: 6em;
}
.user-img__icon {
  position: absolute;
  bottom: 0;
  right: 15%;
  box-shadow: 0 0 3px 1px rgba(0,0,0,0.13);
  padding: 0.25em;
  line-height: 1;
}
.user-img__icon {
  height: auto;
  width: auto;
}
.user--v-spaced {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}