@charset "UTF-8";
/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
/* Main section */
/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  width: 100%;
  height: 100%;
  display: block; }

.dialogs-item__inner, .acm-table-row, .acm-table-row__block, .acm-table-row__cell, .acm-table-row__contestant *, .acm-table-cell, .acm-table-footer, .acm-table-footer__block, .acm-table-footer__pagination-control {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/**
 * Usage example:
 *
 * @include bem(block) {
 *   background: #faf;
 *   @include bem($element: element) {
 *     color: #8496F3;
 *     @include bem($modifier: modifier_key_value) {
 *       border: 1px solid #f5f;
 *       &:hover {
 *         background: #000;
 *       }
 *     }
 *   }
 * }
 */
/**
 * Extended mixin taken from angular-material (@see )
 * @param {string} $color - color for input placeholder
 * @param {:hover|:active|:focus|null} $target-pseudo - parent pseudo-class
 * E.g.: @include input-placeholder-color(#faf);
 * E.g.: @include input-placeholder-color(#faf, (hover: #ff0));
 * E.g.: @include input-placeholder-color(#faf, (hover: #ff0, active: #0ff), false) {
 *    transition: all .2s ease;
 * }
 */
/**
 * Four points:
 * ----------------
 * xs: 600px
 * sm: 1024px
 * md: 1280px
 * lg or xl: 1920px
 * ----------------
 *
 * xs
 * lt-xs
 * gt-xs
 * sm
 * lt-sm
 * gt-sm
 * md
 * lt-md
 * gt-md
 * lg
 * lt-lg
 * gt-lg
 * xl
 * gt-xl
 */
.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  width: 100%;
  height: 100%;
  display: block; }

.dialogs-item__inner, .acm-table-row, .acm-table-row__block, .acm-table-row__cell, .acm-table-row__contestant *, .acm-table-cell, .acm-table-footer, .acm-table-footer__block, .acm-table-footer__pagination-control {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Italic */
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(/fonts/GoogleSans-Italic.ttf) format("truetype"); }

/* Regular */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Google Sans"), local("GoogleSans-Regular"), url(/fonts/GoogleSans-Regular.ttf) format("truetype"); }

/* Medium */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(/fonts/GoogleSans-Medium.ttf) format("truetype"); }

/* Bold */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(/fonts/GoogleSans-Bold.ttf) format("truetype"); }

/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
/* Main section */
/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  width: 100%;
  height: 100%;
  display: block; }

.dialogs-item__inner, .acm-table-row, .acm-table-row__block, .acm-table-row__cell, .acm-table-row__contestant *, .acm-table-cell, .acm-table-footer, .acm-table-footer__block, .acm-table-footer__pagination-control {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/**
 * Usage example:
 *
 * @include bem(block) {
 *   background: #faf;
 *   @include bem($element: element) {
 *     color: #8496F3;
 *     @include bem($modifier: modifier_key_value) {
 *       border: 1px solid #f5f;
 *       &:hover {
 *         background: #000;
 *       }
 *     }
 *   }
 * }
 */
/**
 * Extended mixin taken from angular-material (@see )
 * @param {string} $color - color for input placeholder
 * @param {:hover|:active|:focus|null} $target-pseudo - parent pseudo-class
 * E.g.: @include input-placeholder-color(#faf);
 * E.g.: @include input-placeholder-color(#faf, (hover: #ff0));
 * E.g.: @include input-placeholder-color(#faf, (hover: #ff0, active: #0ff), false) {
 *    transition: all .2s ease;
 * }
 */
/**
 * Four points:
 * ----------------
 * xs: 600px
 * sm: 1024px
 * md: 1280px
 * lg or xl: 1920px
 * ----------------
 *
 * xs
 * lt-xs
 * gt-xs
 * sm
 * lt-sm
 * gt-sm
 * md
 * lt-md
 * gt-md
 * lg
 * lt-lg
 * gt-lg
 * xl
 * gt-xl
 */
.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  width: 100%;
  height: 100%;
  display: block; }

.dialogs-item__inner, .acm-table-row, .acm-table-row__block, .acm-table-row__cell, .acm-table-row__contestant *, .acm-table-cell, .acm-table-footer, .acm-table-footer__block, .acm-table-footer__pagination-control {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Italic */
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(/fonts/GoogleSans-Italic.ttf) format("truetype"); }

/* Regular */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Google Sans"), local("GoogleSans-Regular"), url(/fonts/GoogleSans-Regular.ttf) format("truetype"); }

/* Medium */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(/fonts/GoogleSans-Medium.ttf) format("truetype"); }

/* Bold */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(/fonts/GoogleSans-Bold.ttf) format("truetype"); }

.chat-app {
  position: relative; }
  .chat-app__inner {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row !important;
        flex-direction: row !important; }
  .chat-app__dialogs {
    min-width: 300px;
    max-width: 300px;
    -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    border-right: 1px solid #ccc; }
  .chat-app__messages-container {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: flex-end;
    min-height: 508px; }
  .chat-app__messages {
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: flex-end;
    position: relative;
    padding-bottom: 62px;
    background: url("/img/chat-bg.png") repeat-y;
    background-size: 150%; }
  .chat-app__dialog-input {
    position: absolute;
    bottom: 0;
    width: 100%;
    box-shadow: 0 -2px 2px 0px rgba(0, 0, 0, 0.1); }

/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
/* Main section */
/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  width: 100%;
  height: 100%;
  display: block; }

.dialogs-item__inner, .acm-table-row, .acm-table-row__block, .acm-table-row__cell, .acm-table-row__contestant *, .acm-table-cell, .acm-table-footer, .acm-table-footer__block, .acm-table-footer__pagination-control {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/**
 * Usage example:
 *
 * @include bem(block) {
 *   background: #faf;
 *   @include bem($element: element) {
 *     color: #8496F3;
 *     @include bem($modifier: modifier_key_value) {
 *       border: 1px solid #f5f;
 *       &:hover {
 *         background: #000;
 *       }
 *     }
 *   }
 * }
 */
/**
 * Extended mixin taken from angular-material (@see )
 * @param {string} $color - color for input placeholder
 * @param {:hover|:active|:focus|null} $target-pseudo - parent pseudo-class
 * E.g.: @include input-placeholder-color(#faf);
 * E.g.: @include input-placeholder-color(#faf, (hover: #ff0));
 * E.g.: @include input-placeholder-color(#faf, (hover: #ff0, active: #0ff), false) {
 *    transition: all .2s ease;
 * }
 */
/**
 * Four points:
 * ----------------
 * xs: 600px
 * sm: 1024px
 * md: 1280px
 * lg or xl: 1920px
 * ----------------
 *
 * xs
 * lt-xs
 * gt-xs
 * sm
 * lt-sm
 * gt-sm
 * md
 * lt-md
 * gt-md
 * lg
 * lt-lg
 * gt-lg
 * xl
 * gt-xl
 */
.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  width: 100%;
  height: 100%;
  display: block; }

.dialogs-item__inner, .acm-table-row, .acm-table-row__block, .acm-table-row__cell, .acm-table-row__contestant *, .acm-table-cell, .acm-table-footer, .acm-table-footer__block, .acm-table-footer__pagination-control {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Italic */
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(/fonts/GoogleSans-Italic.ttf) format("truetype"); }

/* Regular */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Google Sans"), local("GoogleSans-Regular"), url(/fonts/GoogleSans-Regular.ttf) format("truetype"); }

/* Medium */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(/fonts/GoogleSans-Medium.ttf) format("truetype"); }

/* Bold */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(/fonts/GoogleSans-Bold.ttf) format("truetype"); }

.dialog-messages {
  max-height: 508px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding-bottom: 4px; }
  .dialog-messages__typing {
    padding: 8px 12px 2px;
    font-size: .8em;
    color: rgba(125, 130, 132, 0.72); }
    .dialog-messages__typing md-icon {
      position: relative;
      top: 2px;
      color: #999; }
      .dialog-messages__typing md-icon svg {
        width: 18px;
        height: 18px; }
  .dialog-messages__no-messages {
    text-align: center;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    padding-bottom: 63px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .dialog-messages__no-messages > div {
      display: inline-block;
      max-width: 50%;
      padding: 6px 12px;
      background-color: rgba(0, 0, 0, 0.15);
      border-radius: 36px;
      color: white;
      font-size: .8em; }

/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
/* Main section */
/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  width: 100%;
  height: 100%;
  display: block; }

.dialogs-item__inner, .acm-table-row, .acm-table-row__block, .acm-table-row__cell, .acm-table-row__contestant *, .acm-table-cell, .acm-table-footer, .acm-table-footer__block, .acm-table-footer__pagination-control {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/**
 * Usage example:
 *
 * @include bem(block) {
 *   background: #faf;
 *   @include bem($element: element) {
 *     color: #8496F3;
 *     @include bem($modifier: modifier_key_value) {
 *       border: 1px solid #f5f;
 *       &:hover {
 *         background: #000;
 *       }
 *     }
 *   }
 * }
 */
/**
 * Extended mixin taken from angular-material (@see )
 * @param {string} $color - color for input placeholder
 * @param {:hover|:active|:focus|null} $target-pseudo - parent pseudo-class
 * E.g.: @include input-placeholder-color(#faf);
 * E.g.: @include input-placeholder-color(#faf, (hover: #ff0));
 * E.g.: @include input-placeholder-color(#faf, (hover: #ff0, active: #0ff), false) {
 *    transition: all .2s ease;
 * }
 */
/**
 * Four points:
 * ----------------
 * xs: 600px
 * sm: 1024px
 * md: 1280px
 * lg or xl: 1920px
 * ----------------
 *
 * xs
 * lt-xs
 * gt-xs
 * sm
 * lt-sm
 * gt-sm
 * md
 * lt-md
 * gt-md
 * lg
 * lt-lg
 * gt-lg
 * xl
 * gt-xl
 */
.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  width: 100%;
  height: 100%;
  display: block; }

.dialogs-item__inner, .acm-table-row, .acm-table-row__block, .acm-table-row__cell, .acm-table-row__contestant *, .acm-table-cell, .acm-table-footer, .acm-table-footer__block, .acm-table-footer__pagination-control {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Italic */
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(/fonts/GoogleSans-Italic.ttf) format("truetype"); }

/* Regular */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Google Sans"), local("GoogleSans-Regular"), url(/fonts/GoogleSans-Regular.ttf) format("truetype"); }

/* Medium */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(/fonts/GoogleSans-Medium.ttf) format("truetype"); }

/* Bold */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(/fonts/GoogleSans-Bold.ttf) format("truetype"); }

.dialog-messages-item {
  padding: 4px 12px;
  position: relative;
  cursor: pointer; }
  .dialog-messages-item.unread, .dialog-messages-item:hover {
    background: rgba(0, 0, 0, 0.05); }
  .dialog-messages-item__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row; }
    .dialog-messages-item__inner.peer {
      -ms-flex-pack: start;
          justify-content: flex-start; }
    .dialog-messages-item__inner.my {
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .dialog-messages-item__message {
    background: #fff;
    border-radius: 15px;
    transition: all .1s ease-in-out;
    max-width: 70%;
    padding: 12px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
    .dialog-messages-item__message-text {
      white-space: pre-line;
      padding-right: 34px;
      word-break: break-all;
      word-break: break-word; }
    .dialog-messages-item__message-time {
      float: right;
      font-size: .7em;
      line-height: .2; }
  .dialog-messages-item__inner.my .dialog-messages-item__message {
    background: #EFFDDD;
    border-top-right-radius: 5px; }
    .dialog-messages-item__inner.my .dialog-messages-item__message-time {
      color: #83C27A; }
  .dialog-messages-item__inner.peer .dialog-messages-item__message {
    border-top-left-radius: 5px; }
    .dialog-messages-item__inner.peer .dialog-messages-item__message-time {
      color: #777; }

/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
/* Main section */
/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  width: 100%;
  height: 100%;
  display: block; }

.dialogs-item__inner, .acm-table-row, .acm-table-row__block, .acm-table-row__cell, .acm-table-row__contestant *, .acm-table-cell, .acm-table-footer, .acm-table-footer__block, .acm-table-footer__pagination-control {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/**
 * Usage example:
 *
 * @include bem(block) {
 *   background: #faf;
 *   @include bem($element: element) {
 *     color: #8496F3;
 *     @include bem($modifier: modifier_key_value) {
 *       border: 1px solid #f5f;
 *       &:hover {
 *         background: #000;
 *       }
 *     }
 *   }
 * }
 */
/**
 * Extended mixin taken from angular-material (@see )
 * @param {string} $color - color for input placeholder
 * @param {:hover|:active|:focus|null} $target-pseudo - parent pseudo-class
 * E.g.: @include input-placeholder-color(#faf);
 * E.g.: @include input-placeholder-color(#faf, (hover: #ff0));
 * E.g.: @include input-placeholder-color(#faf, (hover: #ff0, active: #0ff), false) {
 *    transition: all .2s ease;
 * }
 */
/**
 * Four points:
 * ----------------
 * xs: 600px
 * sm: 1024px
 * md: 1280px
 * lg or xl: 1920px
 * ----------------
 *
 * xs
 * lt-xs
 * gt-xs
 * sm
 * lt-sm
 * gt-sm
 * md
 * lt-md
 * gt-md
 * lg
 * lt-lg
 * gt-lg
 * xl
 * gt-xl
 */
.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  width: 100%;
  height: 100%;
  display: block; }

.dialogs-item__inner, .acm-table-row, .acm-table-row__block, .acm-table-row__cell, .acm-table-row__contestant *, .acm-table-cell, .acm-table-footer, .acm-table-footer__block, .acm-table-footer__pagination-control {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Italic */
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(/fonts/GoogleSans-Italic.ttf) format("truetype"); }

/* Regular */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Google Sans"), local("GoogleSans-Regular"), url(/fonts/GoogleSans-Regular.ttf) format("truetype"); }

/* Medium */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(/fonts/GoogleSans-Medium.ttf) format("truetype"); }

/* Bold */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(/fonts/GoogleSans-Bold.ttf) format("truetype"); }

.dialog-input {
  padding: 8px 60px 8px 8px;
  box-sizing: border-box;
  background: white;
  position: relative; }
  .dialog-input__input {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 8px 16px;
    border: 0;
    outline: none; }
    .dialog-input__input:focus ::-webkit-input-placeholder {
      color: #ccc; }
  .dialog-input__send {
    position: absolute;
    right: 4px;
    top: 11px; }
    .dialog-input__send md-icon {
      position: relative;
      left: 2px; }
  .dialog-input md-input-container {
    margin: 0;
    margin-top: 12px; }
    .dialog-input md-input-container .md-errors-spacer {
      display: none; }
    .dialog-input md-input-container textarea {
      border: 0;
      max-height: 200px;
      overflow-y: auto;
      min-height: 29px; }
  .dialog-input md-input-container .md-placeholder,
  .dialog-input md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    transform: translate3d(0, 20px, 0) scale(1) !important; }
  .dialog-input md-input-container.md-input-focused label:not(.md-no-float),
  .dialog-input md-input-container.md-input-has-value label:not(.md-no-float) {
    transform: translate3d(0, 6px, 0) scale(0.75) !important; }

/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
/* Main section */
/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  width: 100%;
  height: 100%;
  display: block; }

.dialogs-item__inner, .acm-table-row, .acm-table-row__block, .acm-table-row__cell, .acm-table-row__contestant *, .acm-table-cell, .acm-table-footer, .acm-table-footer__block, .acm-table-footer__pagination-control {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/**
 * Usage example:
 *
 * @include bem(block) {
 *   background: #faf;
 *   @include bem($element: element) {
 *     color: #8496F3;
 *     @include bem($modifier: modifier_key_value) {
 *       border: 1px solid #f5f;
 *       &:hover {
 *         background: #000;
 *       }
 *     }
 *   }
 * }
 */
/**
 * Extended mixin taken from angular-material (@see )
 * @param {string} $color - color for input placeholder
 * @param {:hover|:active|:focus|null} $target-pseudo - parent pseudo-class
 * E.g.: @include input-placeholder-color(#faf);
 * E.g.: @include input-placeholder-color(#faf, (hover: #ff0));
 * E.g.: @include input-placeholder-color(#faf, (hover: #ff0, active: #0ff), false) {
 *    transition: all .2s ease;
 * }
 */
/**
 * Four points:
 * ----------------
 * xs: 600px
 * sm: 1024px
 * md: 1280px
 * lg or xl: 1920px
 * ----------------
 *
 * xs
 * lt-xs
 * gt-xs
 * sm
 * lt-sm
 * gt-sm
 * md
 * lt-md
 * gt-md
 * lg
 * lt-lg
 * gt-lg
 * xl
 * gt-xl
 */
.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  width: 100%;
  height: 100%;
  display: block; }

.dialogs-item__inner, .acm-table-row, .acm-table-row__block, .acm-table-row__cell, .acm-table-row__contestant *, .acm-table-cell, .acm-table-footer, .acm-table-footer__block, .acm-table-footer__pagination-control {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Italic */
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(/fonts/GoogleSans-Italic.ttf) format("truetype"); }

/* Regular */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Google Sans"), local("GoogleSans-Regular"), url(/fonts/GoogleSans-Regular.ttf) format("truetype"); }

/* Medium */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(/fonts/GoogleSans-Medium.ttf) format("truetype"); }

/* Bold */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(/fonts/GoogleSans-Bold.ttf) format("truetype"); }

.dialogs {
  width: 100%;
  height: 100%;
  display: block; }
  .dialogs__search {
    padding: 12px;
    border-bottom: 1px solid #ccc; }
    .dialogs__search input {
      padding: 7px 16px;
      background: #efefef;
      border: 0;
      font-weight: 100;
      font-size: .95em;
      line-height: 1.5;
      width: 100%;
      box-sizing: border-box;
      transition: all .2s ease-in-out;
      border-radius: 3px;
      outline-color: var(--theme-color); }
      .dialogs__search input:focus {
        background: white; }
  .dialogs__items {
    max-height: 509px;
    height: 509px;
    overflow-y: auto;
    overflow-x: hidden; }
  .dialogs__search-title {
    padding: 6px 12px;
    background-color: #efefef;
    color: #5d5d5d;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2; }

/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
/* Main section */
/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  width: 100%;
  height: 100%;
  display: block; }

.dialogs-item__inner, .acm-table-row, .acm-table-row__block, .acm-table-row__cell, .acm-table-row__contestant *, .acm-table-cell, .acm-table-footer, .acm-table-footer__block, .acm-table-footer__pagination-control {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/**
 * Usage example:
 *
 * @include bem(block) {
 *   background: #faf;
 *   @include bem($element: element) {
 *     color: #8496F3;
 *     @include bem($modifier: modifier_key_value) {
 *       border: 1px solid #f5f;
 *       &:hover {
 *         background: #000;
 *       }
 *     }
 *   }
 * }
 */
/**
 * Extended mixin taken from angular-material (@see )
 * @param {string} $color - color for input placeholder
 * @param {:hover|:active|:focus|null} $target-pseudo - parent pseudo-class
 * E.g.: @include input-placeholder-color(#faf);
 * E.g.: @include input-placeholder-color(#faf, (hover: #ff0));
 * E.g.: @include input-placeholder-color(#faf, (hover: #ff0, active: #0ff), false) {
 *    transition: all .2s ease;
 * }
 */
/**
 * Four points:
 * ----------------
 * xs: 600px
 * sm: 1024px
 * md: 1280px
 * lg or xl: 1920px
 * ----------------
 *
 * xs
 * lt-xs
 * gt-xs
 * sm
 * lt-sm
 * gt-sm
 * md
 * lt-md
 * gt-md
 * lg
 * lt-lg
 * gt-lg
 * xl
 * gt-xl
 */
.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  width: 100%;
  height: 100%;
  display: block; }

.dialogs-item__inner, .acm-table-row, .acm-table-row__block, .acm-table-row__cell, .acm-table-row__contestant *, .acm-table-cell, .acm-table-footer, .acm-table-footer__block, .acm-table-footer__pagination-control {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Italic */
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(/fonts/GoogleSans-Italic.ttf) format("truetype"); }

/* Regular */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Google Sans"), local("GoogleSans-Regular"), url(/fonts/GoogleSans-Regular.ttf) format("truetype"); }

/* Medium */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(/fonts/GoogleSans-Medium.ttf) format("truetype"); }

/* Bold */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(/fonts/GoogleSans-Bold.ttf) format("truetype"); }

.dialogs-item {
  width: 100%;
  display: block;
  cursor: pointer;
  text-decoration: none;
  color: #333;
  height: 68px;
  position: relative; }
  .dialogs-item__inner {
    -ms-flex-direction: row !important;
        flex-direction: row !important;
    -ms-flex-align: stretch;
        align-items: stretch;
    transition: all .1s ease-in-out;
    padding: 8px;
    box-sizing: border-box;
    position: relative; }
    .dialogs-item__inner:hover {
      background: rgba(0, 0, 0, 0.05); }
  .dialogs-item_active .dialogs-item__inner,
  .dialogs-item:active .dialogs-item__inner {
    background: var(--theme-color); }
    .dialogs-item_active .dialogs-item__inner, .dialogs-item_active .dialogs-item__inner *,
    .dialogs-item:active .dialogs-item__inner,
    .dialogs-item:active .dialogs-item__inner * {
      color: white; }
  .dialogs-item__avatar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center; }
    .dialogs-item__avatar > div {
      height: 44px;
      width: 44px;
      border-radius: 50%; }
  .dialogs-item__message {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: start;
        align-items: flex-start;
    margin-left: 12px;
    box-sizing: border-box;
    padding: 4px 0; }
    .dialogs-item__message > div {
      white-space: nowrap;
      max-width: 172px;
      overflow: hidden;
      text-overflow: ellipsis; }
  .dialogs-item__title {
    font-weight: 500;
    font-size: .95em;
    max-width: 145px !important; }
  .dialogs-item__last-message {
    font-weight: 300;
    font-size: .85em;
    margin-top: 6px;
    color: #616161; }
  .dialogs-item__time {
    position: absolute;
    right: 15px;
    top: 14px;
    width: 60px;
    font-size: .7em;
    text-align: right; }
  .dialogs-item__read-indicator {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--theme-color);
    box-shadow: 0 0 4px 0px var(--theme-color);
    display: inline-block;
    margin-left: 6px;
    margin-right: 2px;
    position: relative;
    top: -1px; }
  .dialogs-item_active .dialogs-item__read-indicator,
  .dialogs-item:active .dialogs-item__read-indicator {
    background-color: white;
    box-shadow: 0 0 4px 0px white; }

.news-item {
  background-color: #fff;
  padding: 24px;
  min-width: 900px;
  width: 964px;
  margin: 0 auto;
  border-radius: 16px;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  box-shadow: 0px 0px 2px 0px rgba(25, 146, 198, 0.05), 0px 2px 7px -4px rgba(0, 0, 0, 0.31);
  transition: box-shadow 0.2s ease; }
  .news-item__title {
    font-size: 42px;
    font-weight: 500;
    text-align: left;
    padding: 16px 22px 8px; }
  .news-item__subheader {
    color: rgba(0, 0, 0, 0.54);
    vertical-align: middle;
    padding: 0 24px; }
  .news-item__point-divider {
    margin: 0 8px; }
    .news-item__point-divider:after {
      content: '·'; }
  .news-item__subheader-text {
    color: rgba(0, 0, 0, 0.54) !important; }
    a.news-item__subheader-text {
      text-decoration: none; }
      a.news-item__subheader-text:hover {
        text-decoration: underline; }
  .news-item__content {
    padding: 0 24px;
    margin-top: 32px;
    overflow: hidden; }
    .news-item__content img {
      max-width: 100%; }

.news-form {
  background-color: #fff;
  padding: 24px;
  min-width: 900px;
  width: 964px;
  margin: 0 auto;
  border-radius: 16px;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  box-shadow: 0px 0px 2px 0px rgba(25, 146, 198, 0.05), 0px 2px 7px -4px rgba(0, 0, 0, 0.31);
  transition: box-shadow 0.2s ease; }
  .news-form__title {
    padding: 0 22px; }
  .news-form__title-input {
    font-size: 42px;
    font-weight: 500;
    text-align: left;
    padding: 16px 0 20px 0;
    width: 100%;
    border: 0 !important;
    font-family: "Google Sans", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    resize: none;
    outline: none; }
  .news-form__content {
    padding: 0 24px; }
  .news-form__submit {
    margin-top: 32px; }
    .news-form__submit .md-button {
      margin: 0; }
  .news-form .fr-box .fr-wrapper div:not(.fr-element) a {
    opacity: 0;
    height: 0;
    overflow: hidden; }

.news-list {
  background-color: #fff;
  padding: 24px;
  min-width: 900px;
  width: 964px;
  margin: 0 auto;
  border-radius: 16px;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  box-shadow: 0px 0px 2px 0px rgba(25, 146, 198, 0.05), 0px 2px 7px -4px rgba(0, 0, 0, 0.31);
  transition: box-shadow 0.2s ease; }
  .news-list__title-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center; }
  .news-list__title {
    font-size: 28px;
    font-weight: 500;
    text-align: left;
    padding: 16px 24px 20px; }
  .news-list__add-button {
    border: 1px solid #eee; }
    .news-list__add-button md-icon {
      position: relative;
      top: -1px;
      left: -1px; }

.news-list-item {
  position: relative; }
  .news-list-item:not(.mock) .news-list-item__inner {
    padding: 24px;
    background-color: white;
    border-radius: 16px;
    cursor: pointer;
    border: 1px solid transparent;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    text-transform: none;
    text-decoration: none;
    position: relative; }
    .news-list-item:not(.mock) .news-list-item__inner:hover {
      background-color: #f7fcff;
      border: 1px solid #eaeaea; }
      .news-list-item:not(.mock) .news-list-item__inner:hover:visited .news-list-item__visited {
        background-color: #f7fcff; }
    .news-list-item:not(.mock) .news-list-item__inner:visited .news-list-item__visited {
      background-color: #fff; }
  .news-list-item:not(.mock) .news-list-item__date {
    min-width: 70px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .news-list-item:not(.mock) .news-list-item__date-circle {
    border-radius: 50px;
    background-color: var(--theme-color);
    color: white;
    width: 46px;
    height: 46px;
    text-align: center;
    line-height: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  .news-list-item:not(.mock) .news-list-item__date-day {
    font-size: 18px;
    font-weight: 700; }
  .news-list-item:not(.mock) .news-list-item__date-month {
    font-size: 13px;
    font-weight: 400; }
  .news-list-item:not(.mock) .news-list-item__visited-wrapper {
    display: inline-block;
    position: absolute;
    top: 4px;
    left: -22px;
    padding: 8px; }
  .news-list-item:not(.mock) .news-list-item__visited {
    width: 8px;
    height: 8px;
    background-color: var(--theme-color);
    border-radius: 20px; }
  .news-list-item:not(.mock) .news-list-item__title {
    font-size: 24px;
    display: inline;
    color: rgba(0, 0, 0, 0.87); }
  .news-list-item:not(.mock) .news-list-item__author {
    margin-top: 6px;
    color: rgba(0, 0, 0, 0.38);
    font-size: 14px; }
    .news-list-item:not(.mock) .news-list-item__author span {
      font-weight: bold; }
  .news-list-item:not(.mock) .news-list-item__remove {
    position: absolute;
    right: 16px;
    top: calc(50% - 21px); }
  .news-list-item__remove-button {
    border: 1px solid #eee; }
    .news-list-item__remove-button md-icon {
      position: relative;
      top: -1px;
      left: -1px; }

.mock .news-list-item__inner {
  padding: 24px;
  background-color: white;
  border-radius: 16px;
  cursor: default;
  border: 1px solid transparent;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  text-transform: none;
  text-decoration: none;
  pointer-events: none; }

.mock .news-list-item__date {
  min-width: 70px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.mock .news-list-item__date-circle {
  border-radius: 50px;
  width: 46px;
  height: 46px;
  text-align: center;
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #eeeeee !important;
  color: #eeeeee; }

.mock .news-list-item__date-circle * {
  color: #eeeeee !important; }

.mock .news-list-item__date-day {
  font-size: 18px;
  font-weight: 700; }

.mock .news-list-item__date-month {
  font-size: 13px;
  font-weight: 400; }

.mock .news-list-item__visited-wrapper {
  display: none; }

.mock .news-list-item__content {
  width: 100%; }

.mock .news-list-item__title {
  font-size: 24px;
  height: 30px;
  display: block;
  width: 100%;
  background: #eeeeee;
  border-radius: 2px; }

.mock .news-list-item__author {
  margin-top: 8px; }

.mock .news-list-item__author-label {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  height: 18px;
  width: 60px;
  color: #eeeeee;
  background-color: #eeeeee;
  margin-right: 8px;
  border-radius: 2px; }

.mock .news-list-item__author-text {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  height: 18px;
  width: 120px;
  background-color: #eeeeee;
  border-radius: 2px; }

.mock .news-list-item__remove {
  display: none; }

/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
/* Main section */
/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  width: 100%;
  height: 100%;
  display: block; }

.dialogs-item__inner, .acm-table-row, .acm-table-row__block, .acm-table-row__cell, .acm-table-row__contestant *, .acm-table-cell, .acm-table-footer, .acm-table-footer__block, .acm-table-footer__pagination-control {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/**
 * Usage example:
 *
 * @include bem(block) {
 *   background: #faf;
 *   @include bem($element: element) {
 *     color: #8496F3;
 *     @include bem($modifier: modifier_key_value) {
 *       border: 1px solid #f5f;
 *       &:hover {
 *         background: #000;
 *       }
 *     }
 *   }
 * }
 */
/**
 * Extended mixin taken from angular-material (@see )
 * @param {string} $color - color for input placeholder
 * @param {:hover|:active|:focus|null} $target-pseudo - parent pseudo-class
 * E.g.: @include input-placeholder-color(#faf);
 * E.g.: @include input-placeholder-color(#faf, (hover: #ff0));
 * E.g.: @include input-placeholder-color(#faf, (hover: #ff0, active: #0ff), false) {
 *    transition: all .2s ease;
 * }
 */
/**
 * Four points:
 * ----------------
 * xs: 600px
 * sm: 1024px
 * md: 1280px
 * lg or xl: 1920px
 * ----------------
 *
 * xs
 * lt-xs
 * gt-xs
 * sm
 * lt-sm
 * gt-sm
 * md
 * lt-md
 * gt-md
 * lg
 * lt-lg
 * gt-lg
 * xl
 * gt-xl
 */
.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  width: 100%;
  height: 100%;
  display: block; }

.dialogs-item__inner, .acm-table-row, .acm-table-row__block, .acm-table-row__cell, .acm-table-row__contestant *, .acm-table-cell, .acm-table-footer, .acm-table-footer__block, .acm-table-footer__pagination-control {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Italic */
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(/fonts/GoogleSans-Italic.ttf) format("truetype"); }

/* Regular */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Google Sans"), local("GoogleSans-Regular"), url(/fonts/GoogleSans-Regular.ttf) format("truetype"); }

/* Medium */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(/fonts/GoogleSans-Medium.ttf) format("truetype"); }

/* Bold */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(/fonts/GoogleSans-Bold.ttf) format("truetype"); }

.profile h1 {
  padding-left: 0; }

.profile__row {
  padding: 10px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  max-width: 600px;
  border-top: 1px solid #ececec; }

.profile__label {
  width: 200px; }

.profile__value md-icon {
  margin-right: 8px; }

.profile__value .md-button {
  margin-left: 0; }

.profile__email {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .profile__email > span {
    color: rgba(0, 0, 0, 0.5);
    margin-right: 16px; }

/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
/* Main section */
/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
/* Main section */
/**
 * Bem Constructor settings override
 */
/* Prefixes */
/* Material MediaQuery Breakpoints */
/* Common */
.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  width: 100%;
  height: 100%;
  display: block; }

.dialogs-item__inner, .acm-table-row, .acm-table-row__block, .acm-table-row__cell, .acm-table-row__contestant *, .acm-table-cell, .acm-table-footer, .acm-table-footer__block, .acm-table-footer__pagination-control {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/**
 * Usage example:
 *
 * @include bem(block) {
 *   background: #faf;
 *   @include bem($element: element) {
 *     color: #8496F3;
 *     @include bem($modifier: modifier_key_value) {
 *       border: 1px solid #f5f;
 *       &:hover {
 *         background: #000;
 *       }
 *     }
 *   }
 * }
 */
/**
 * Extended mixin taken from angular-material (@see )
 * @param {string} $color - color for input placeholder
 * @param {:hover|:active|:focus|null} $target-pseudo - parent pseudo-class
 * E.g.: @include input-placeholder-color(#faf);
 * E.g.: @include input-placeholder-color(#faf, (hover: #ff0));
 * E.g.: @include input-placeholder-color(#faf, (hover: #ff0, active: #0ff), false) {
 *    transition: all .2s ease;
 * }
 */
/**
 * Four points:
 * ----------------
 * xs: 600px
 * sm: 1024px
 * md: 1280px
 * lg or xl: 1920px
 * ----------------
 *
 * xs
 * lt-xs
 * gt-xs
 * sm
 * lt-sm
 * gt-sm
 * md
 * lt-md
 * gt-md
 * lg
 * lt-lg
 * gt-lg
 * xl
 * gt-xl
 */
.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  width: 100%;
  height: 100%;
  display: block; }

.dialogs-item__inner, .acm-table-row, .acm-table-row__block, .acm-table-row__cell, .acm-table-row__contestant *, .acm-table-cell, .acm-table-footer, .acm-table-footer__block, .acm-table-footer__pagination-control {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.acm-contest-table__overlay, .acm-contest-table__header-overlay, .acm-contest-table__header-timeline, .acm-table-row__select-overlay, .acm-table-cell__loading-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Italic */
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(/fonts/GoogleSans-Italic.ttf) format("truetype"); }

/* Regular */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Google Sans"), local("GoogleSans-Regular"), url(/fonts/GoogleSans-Regular.ttf) format("truetype"); }

/* Medium */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(/fonts/GoogleSans-Medium.ttf) format("truetype"); }

/* Bold */
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(/fonts/GoogleSans-Bold.ttf) format("truetype"); }

.acm-contest-table {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 16px;
  background-color: white;
  min-width: 900px;
  box-shadow: 0px 0px 2px 0px rgba(25, 146, 198, 0.05), 0px 2px 7px -4px rgba(0, 0, 0, 0.31); }
  .acm-contest-table__header {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row !important;
        flex-direction: row !important;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-pack: start;
        justify-content: flex-start;
    height: 92px;
    box-sizing: border-box;
    position: relative;
    transition: height 0.4s cubic-bezier(0.35, 0, 0.25, 1) 0s; }
  .acm-contest-table__title {
    -ms-flex: 3;
        flex: 3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column !important;
        flex-direction: column !important;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 0 0 0 24px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500; }
  .acm-contest-table__actions {
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row !important;
        flex-direction: row !important;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .acm-contest-table__inner {
    position: relative; }
  .acm-contest-table__overlay {
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.5);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
  .acm-contest-table__header-overlay {
    display: none;
    -ms-flex-direction: row !important;
        flex-direction: row !important;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start;
    background-color: white;
    border-bottom: 1px solid #e0e0e0; }
  .acm-contest-table__selection-number-label {
    margin-left: 24px;
    color: var(--theme-color); }
    .acm-contest-table__selection-number-label > md-checkbox {
      margin: 0; }
    .acm-contest-table__selection-number-label > span {
      margin-left: 31px; }
  .acm-contest-table__selection-buttons {
    margin-left: 24px;
    position: relative;
    top: 2px; }
  .acm-contest-table__header-timeline {
    display: none;
    -ms-flex-direction: column !important;
        flex-direction: column !important;
    -ms-flex-align: stretch;
        align-items: stretch;
    background-color: white;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 0 0 24px;
    box-sizing: border-box; }
    .acm-contest-table__header-timeline md-slider {
      width: 100%; }
  .acm-contest-table__timeline-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row !important;
        flex-direction: row !important;
    -ms-flex-align: center;
        align-items: center;
    height: 100%; }
  .acm-contest-table__timeline {
    width: 100%;
    box-sizing: border-box;
    padding-right: 24px;
    position: relative; }
  .acm-contest-table__timeline-labels {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row !important;
        flex-direction: row !important;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    position: absolute;
    box-sizing: border-box;
    padding-right: 20px;
    top: 40px;
    width: 100%; }
  .acm-contest-table_state_timeline .acm-contest-table__header {
    height: 128px; }
  .acm-contest-table_state_timeline .acm-contest-table__header-timeline {
    display: -ms-flexbox;
    display: flex; }
  .acm-contest-table_state_select .acm-contest-table__header-overlay {
    display: -ms-flexbox;
    display: flex; }

table-row {
  display: block;
  border-top: 1px solid #e0e0e0; }
  table-row:last-of-type {
    border-bottom: 1px solid #e0e0e0; }

.acm-table-row {
  -ms-flex-direction: row !important;
      flex-direction: row !important;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: stretch;
      align-items: stretch;
  height: 48px;
  padding: 0 24px;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  position: relative; }
  .acm-table-row:hover {
    background-color: #eee; }
  .acm-table-row__type_even {
    background-color: rgba(96, 125, 139, 0.05); }
  .acm-contest-table_state_select .acm-table-row__type_selected {
    background-color: #E8F0FE; }
  .acm-table-row__block {
    -ms-flex-direction: row !important;
        flex-direction: row !important;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    .acm-table-row__block:first-of-type {
      margin-right: 10px; }
    .acm-table-row__block:first-of-type, .acm-table-row__block:last-of-type {
      width: auto; }
    .acm-table-row__block[data-cells='10'] {
      font-size: 1em; }
    .acm-table-row__block[data-cells='11'] {
      font-size: 0.995em; }
    .acm-table-row__block[data-cells='12'] {
      font-size: 0.99em; }
    .acm-table-row__block[data-cells='13'] {
      font-size: 0.985em; }
    .acm-table-row__block[data-cells='14'] {
      font-size: 0.98em; }
    .acm-table-row__block[data-cells='15'] {
      font-size: 0.975em; }
    .acm-table-row__block[data-cells='16'] {
      font-size: 0.97em; }
    .acm-table-row__block[data-cells='17'] {
      font-size: 0.965em; }
    .acm-table-row__block[data-cells='18'] {
      font-size: 0.96em; }
    .acm-table-row__block[data-cells='19'] {
      font-size: 0.955em; }
    .acm-table-row__block[data-cells='20'] {
      font-size: 0.95em; }
    .acm-table-row__block[data-cells='21'] {
      font-size: 0.945em; }
    .acm-table-row__block[data-cells='22'] {
      font-size: 0.94em; }
    .acm-table-row__block[data-cells='23'] {
      font-size: 0.935em; }
    .acm-table-row__block[data-cells='24'] {
      font-size: 0.93em; }
    .acm-table-row__block[data-cells='25'] {
      font-size: 0.925em; }
    .acm-table-row__block[data-cells='26'] {
      font-size: 0.92em; }
    .acm-table-row__block[data-cells='27'] {
      font-size: 0.915em; }
    .acm-table-row__block[data-cells='28'] {
      font-size: 0.91em; }
    .acm-table-row__block[data-cells='29'] {
      font-size: 0.905em; }
    .acm-table-row__block[data-cells='30'] {
      font-size: 0.9em; }
    .acm-table-row__block[data-cells='31'] {
      font-size: 0.895em; }
    .acm-table-row__block[data-cells='32'] {
      font-size: 0.89em; }
    .acm-table-row__block[data-cells='33'] {
      font-size: 0.885em; }
    .acm-table-row__block[data-cells='34'] {
      font-size: 0.88em; }
    .acm-table-row__block[data-cells='35'] {
      font-size: 0.875em; }
    .acm-table-row__block[data-cells='36'] {
      font-size: 0.87em; }
    .acm-table-row__block[data-cells='37'] {
      font-size: 0.865em; }
    .acm-table-row__block[data-cells='38'] {
      font-size: 0.86em; }
    .acm-table-row__block[data-cells='39'] {
      font-size: 0.855em; }
    .acm-table-row__block[data-cells='40'] {
      font-size: 0.85em; }
    .acm-table-row__block[data-cells='41'] {
      font-size: 0.845em; }
    .acm-table-row__block[data-cells='42'] {
      font-size: 0.84em; }
    .acm-table-row__block[data-cells='43'] {
      font-size: 0.835em; }
    .acm-table-row__block[data-cells='44'] {
      font-size: 0.83em; }
    .acm-table-row__block[data-cells='45'] {
      font-size: 0.825em; }
    .acm-table-row__block[data-cells='46'] {
      font-size: 0.82em; }
    .acm-table-row__block[data-cells='47'] {
      font-size: 0.815em; }
    .acm-table-row__block[data-cells='48'] {
      font-size: 0.81em; }
    .acm-table-row__block[data-cells='49'] {
      font-size: 0.805em; }
    .acm-table-row__block[data-cells='50'] {
      font-size: 0.8em; }
  .acm-table-row__cell {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    min-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .acm-table-row__rank {
    max-width: 50px;
    -ms-flex-align: start;
        align-items: flex-start; }
  .acm-table-row__contestant {
    min-width: 150px;
    max-width: 150px;
    -ms-flex-align: start;
        align-items: flex-start; }
    .acm-table-row__contestant * {
      -ms-flex-align: stretch;
          align-items: stretch;
      -ms-flex-pack: center;
          justify-content: center;
      text-decoration: none !important; }
    .acm-table-row__contestant > span {
      display: inline-block;
      width: 100%;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis; }
  .acm-table-row__accepted-solutions {
    min-width: 80px;
    max-width: 80px;
    -ms-flex-align: end;
        align-items: flex-end; }
  .acm-table-row__penalty {
    min-width: 80px;
    max-width: 80px;
    -ms-flex-align: end;
        align-items: flex-end;
    margin-left: 10px; }
  .acm-table-row__select-overlay {
    display: none;
    z-index: 99;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 24px;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: row !important;
        flex-direction: row !important;
    -ms-flex-pack: start;
        justify-content: flex-start; }
    .acm-contest-table_state_select .acm-table-row__select-overlay {
      display: -ms-flexbox;
      display: flex; }
    .acm-table-row__select-overlay md-checkbox {
      margin: 0; }
  .acm-table-row__blocks {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row !important;
        flex-direction: row !important; }
  .acm-table-row__selection-space {
    width: 0;
    transition: width 0.3s cubic-bezier(0.35, 0, 0.25, 1) 0s; }
    .acm-contest-table_state_select .acm-table-row__selection-space {
      width: 66px; }

.acm-table-header-row {
  font-size: 14px;
  font-weight: 500;
  color: #757575; }
  .acm-table-header-row:hover {
    background: none; }
  .acm-table-header-row__cell {
    min-width: 5px !important;
    text-decoration: none;
    color: inherit; }
    .acm-table-header-row__cell:hover {
      color: rgba(0, 0, 0, 0.87); }

table-cell {
  display: block;
  min-width: 5px !important;
  outline: none; }

.acm-table-cell {
  -ms-flex-direction: column !important;
      flex-direction: column !important;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  outline: none; }
  .acm-table-cell__result {
    font-size: 1em; }
  .acm-table-cell__accepted-at {
    font-size: .7em; }
  .acm-table-cell__type_clickable {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .acm-table-cell__type_practice {
    color: #009688; }
  .acm-table-cell__type_frozen {
    color: #FF9800; }
  .acm-table-cell__loading-overlay {
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.7);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }

table-footer {
  display: block; }

.acm-table-footer {
  -ms-flex-direction: row !important;
      flex-direction: row !important;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: end;
      justify-content: flex-end;
  height: 56px;
  font-size: 13px;
  color: #757575; }
  .acm-table-footer__block {
    -ms-flex-pack: center;
        justify-content: center;
    width: auto; }
  .acm-table-footer__pagination-control {
    -ms-flex-direction: row !important;
        flex-direction: row !important;
    -ms-flex-align: center;
        align-items: center;
    width: auto; }
  .acm-table-footer__rows-showing {
    margin-right: 18px; }
  .acm-table-footer__rows-number {
    margin-right: 32px; }
    .acm-table-footer__rows-number md-select {
      margin: 0; }
    .acm-table-footer__rows-number .md-select-value {
      min-width: initial; }
  .acm-table-footer__rows-number-label {
    margin-right: 40px; }

body, html {
  background: #f1f1f1 !important;
  min-height: 100% !important;
  font-family: "Google Sans", Roboto, "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif; }

html {
  width: 100vw;
  overflow-x: hidden; }

.theme_default {
  --theme-color: #00acec; }

.theme_nlogn {
  --theme-color: #610fc9; }

.md-button.md-primary,
md-option[selected][class],
md-option[selected][class]:focus {
  color: var(--theme-color); }

.status-content md-nav-bar .md-button.md-default-theme.md-primary[class],
.status-content md-nav-bar .md-button.md-primary[class] {
  color: var(--theme-color) !important; }

.status-content md-nav-bar.md-default-theme md-nav-ink-bar[class],
.status-content md-nav-bar md-nav-ink-bar[class] {
  background: var(--theme-color) !important; }

.md-button.md-primary.md-raised:not([disabled]) {
  background: var(--theme-color);
  box-shadow: 0 2px 12px -1px var(--theme-color) !important; }
  .md-button.md-primary.md-raised:not([disabled]):hover, .md-button.md-primary.md-raised:not([disabled]):focus {
    background: var(--theme-color);
    box-shadow: 0 2px 12px -1px var(--theme-color) !important; }

.debug {
  box-sizing: border-box;
  border: 1px solid #000;
  background: #00A000; }

.red {
  color: #ff4834 !important; }

.green {
  color: #35a94f !important; }

.header {
  display: block;
  height: 90px;
  background-color: #fff;
  box-shadow: 0px 0px 2px 0px rgba(25, 146, 198, 0.05), 0px 2px 7px -4px rgba(0, 0, 0, 0.31);
  position: fixed;
  top: 0;
  width: 100%;
  width: 100vw;
  z-index: 77; }
  .header_collapsed .contest-menu {
    border-bottom: none;
    box-shadow: 0px 0px 2px 0px rgba(25, 146, 198, 0.05), 0px 2px 7px -4px rgba(0, 0, 0, 0.31); }

md-select-menu,
md-menu-content,
.md-open-menu-container {
  border-radius: 8px; }

md-select-menu,
.md-open-menu-container {
  box-shadow: 0px 0px 2px 0px rgba(25, 146, 198, 0.05), 0px 2px 7px -4px rgba(0, 0, 0, 0.31); }

.fr-toolbar {
  border-top: 1px solid #ccc; }

md-dialog {
  border-radius: 16px; }

.md-button {
  letter-spacing: 0; }

.md-button {
  border-radius: 4px; }

.md-button.md-accent.md-raised:not([disabled]) {
  box-shadow: 0 2px 12px -1px #ff5252; }

.md-button.md-primary.md-raised:not([disabled]) {
  box-shadow: 0 2px 12px -1px var(--theme-color); }

.header__wrapper {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 100000000;
  background: #fff; }

.header__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  padding: 14px 32px 15px 4%;
  box-sizing: border-box;
  min-width: 800px; }

.link {
  color: var(--theme-color); }

.link:hover {
  color: var(--theme-color); }

h1, h2, h3 {
  font-weight: 500; }

.logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  text-decoration: none; }

.img {
  border: 0; }

.logo__img {
  height: 52px;
  position: relative; }

.logo__text, .logo__image-wrapper {
  display: inline-block;
  vertical-align: top; }

.logo__text {
  padding: 18px;
  margin-left: 10px;
  font-size: 24px;
  font-weight: bold; }

.header__profile {
  float: right;
  height: 100%; }

.profile__panel {
  display: block;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 32px;
  color: var(--theme-color);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  top: 10px;
  outline: none;
  border: 1px solid transparent; }

.profile__panel:hover {
  box-shadow: 0 0px 18px -11px; }

.profile__panel:active {
  box-shadow: none;
  transform: scale(0.95); }

.profile__name {
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  position: relative;
  top: 1px; }
  .profile__name md-icon {
    position: relative;
    top: -1px;
    margin-right: 6px;
    color: var(--theme-color); }

.profile__unread-messages {
  margin-left: 4px;
  padding: 2px 5px 0;
  top: 0px;
  position: relative;
  border-radius: 100px;
  background-color: #ff231c;
  font-weight: bold;
  min-width: 10px;
  height: 18px;
  text-align: center;
  color: white;
  display: inline-block;
  font-size: .75em;
  line-height: 18px; }

.page {
  padding-top: 90px;
  display: block; }

.page__not-ready {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-pack: center;
      justify-content: center; }

.page__wrapper {
  padding: 24px;
  position: relative; }

.page__inner {
  width: 75%;
  margin: 0 auto;
  min-width: 1024px; }

.page-container__editing-mode-text {
  color: #777;
  font-size: 0.8em; }

.register-form__success-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 10000;
  border-radius: 16px; }

.register-form__success-icon {
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #FF5252; }
  .register-form__success-icon md-icon {
    color: white; }

.register-form__success-text {
  font-size: 18px;
  margin-top: 20px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.auth-form {
  width: 350px;
  margin: 20px auto;
  background: #fff;
  padding: 56px 24px 24px;
  box-shadow: 0px 0px 2px 0px rgba(25, 146, 198, 0.05), 0px 2px 7px -4px rgba(0, 0, 0, 0.31);
  border-radius: 16px;
  position: relative; }
  .auth-form__logo {
    width: 100%;
    text-align: center; }
    .auth-form__logo .img {
      width: 150px; }

.auth-form__row .md-button {
  margin: 0; }

.auth-form__row {
  margin-bottom: 0; }

.auth-form__title-text {
  font-size: 27px;
  font-weight: bold;
  color: #1996D0;
  margin-bottom: 15px;
  display: block; }

.auth-form__title {
  text-align: center;
  margin-bottom: 15px; }

.page__loading {
  position: fixed;
  z-index: 80; }

.content-spin__layer {
  text-align: center;
  border-radius: 100%;
  padding: 8px; }

.search-spin-layer, .search-spin-layer_ {
  height: 70px;
  width: 70px;
  display: inline-block; }

.search-spin {
  border: 2px solid #9e9e9e;
  border-top-color: rgba(0, 0, 0, 0);
  height: 100%;
  box-sizing: border-box;
  padding: 4px;
  width: 100%;
  transition: transform .15s linear, border .55s linear;
  -moz-transition: -moz-transform .15s linear, border .55s linear;
  border-radius: 50%;
  animation: spinner .6s infinite ease; }

.search-spin.waiting {
  animation: spinner-waiting .5s infinite linear;
  border: 2px solid #ff1744;
  border-top-color: rgba(0, 0, 0, 0); }

@keyframes spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes spinner-waiting {
  0% {
    transform: rotate(0deg) scale(0.85);
    opacity: 0.5;
    border-color: #bbb;
    border-top-color: rgba(0, 0, 0, 0); }
  50% {
    opacity: 1;
    border-color: #ff1744;
    border-radius: 2px;
    transform: rotate(180deg) scale(1); }
  100% {
    transform: rotate(360deg) scale(0.85);
    opacity: 0.5;
    border-color: #bbb; } }

.md-dialog-is-showing {
  overflow: visible !important; }

.page-loading {
  pointer-events: none;
  padding-top: 100px;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .page-loading.ng-leave {
    transition: .2s;
    transition-delay: .5s;
    opacity: 1; }
    .page-loading.ng-leave .page-loading__progress {
      width: 100% !important;
      transition: width 0.4s ease; }
  .page-loading.ng-leave-active {
    opacity: 0; }
  .page-loading__progress {
    position: fixed;
    z-index: 100000000;
    top: 90px;
    left: 0;
    height: 2px;
    background: var(--theme-color);
    box-shadow: 0 0 10px rgba(var(--theme-color), 0.7);
    transition: width 4s ease;
    will-change: width;
    width: 100%; }
    .page-loading__progress_type_active {
      transition: width 4s ease;
      width: 0; }

.page-loading__content {
  padding: 100px; }

.pagination {
  text-align: center;
  padding: 6px 0; }

.pagination__item {
  display: inline-block;
  padding: 0;
  min-width: 36px;
  margin: 4px;
  border-radius: 32px; }

.contests-sort__item {
  display: inline-block;
  padding: 0 10px;
  text-align: left;
  min-width: 100px; }

.contests-sort {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 0 22px; }
  .contests-sort md-input-container {
    margin: 0 !important;
    margin-top: 8px !important; }

.standart-layer {
  background-color: #fff;
  padding: 24px;
  min-width: 900px;
  width: 964px;
  margin: 0 auto;
  border-radius: 16px;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  box-shadow: 0px 0px 2px 0px rgba(25, 146, 198, 0.05), 0px 2px 7px -4px rgba(0, 0, 0, 0.31);
  transition: box-shadow 0.2s ease; }

.contests-title {
  text-align: left;
  font-size: 28px;
  padding: 16px 24px 20px;
  font-weight: 500; }

.contests-list__items {
  padding: 0 0 20px 0; }

.contests-list__item {
  padding: 24px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  color: #7A7A7A;
  border-radius: 16px;
  border: 1px solid transparent; }

.contests-list__item:hover {
  background-color: rgba(3, 169, 244, 0.03);
  border: 1px solid #eaeaea; }

contest-list-item {
  display: block; }

.contest-list__new-tab-button {
  cursor: pointer;
  padding: 5px; }

.contest-list__new-tab-button md-icon {
  color: #26A69A !important; }

.contest-list__new-tab-button:hover md-icon {
  color: var(--theme-color) !important; }

.contest-item {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .contest-item__rated-label {
    margin-right: 7px;
    color: white;
    background: #F44336;
    padding: 6px 12px;
    font-size: 0.6em;
    font-weight: 100;
    position: relative;
    top: -1px;
    vertical-align: middle;
    border-radius: 15px; }

.contest-item__title {
  font-size: 1.2em;
  margin-bottom: 10px;
  font-weight: bold;
  color: var(--theme-color); }

my-timer-element {
  display: inline-block; }

.contest-item__status-time {
  margin-left: 4px; }

.contests-list__item-layer {
  position: relative; }

.contests-list__item-disabled {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 16px;
  z-index: 1;
  border: 1px solid #eee;
  pointer-events: none; }

.contests-list__no-items {
  text-align: center;
  color: #777;
  padding: 24px;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  max-width: 300px;
  margin: 0 auto; }

.content-spin__layer {
  text-align: center;
  border-radius: 100%;
  padding: 8px; }

.contests-list__item-loading {
  padding: 35px 0;
  box-sizing: border-box; }

.contests-list__item-loading .search-spin-layer_ {
  width: 50px;
  height: 50px; }

.page-loading .search-spin {
  border-width: 2px !important; }

.contests-list__item_status_removed {
  color: rgba(253, 59, 50, 0.76);
  font-weight: bold; }

.contests-list__item_status_success {
  color: #26A69A;
  font-weight: bold; }

.contests-list__item_status_neutral {
  color: rgba(255, 142, 53, 0.76);
  font-weight: bold; }

.contest-item__groups-for, .contests-list__groups-item {
  display: inline-block;
  margin: 4px 7px 9px 0; }

.contests-list__groups-item {
  border-radius: 20px;
  background-color: rgba(77, 170, 102, 0.75);
  color: #fff;
  padding: 7px 10px;
  font-size: 0.7em; }

.contests-list__item-layer {
  outline: none; }

.contest-menu__items {
  white-space: nowrap; }

.contest-menu__item {
  text-decoration: none;
  color: var(--theme-color);
  font-weight: bold;
  padding: 13px 20px 16px;
  display: inline-block;
  transition: all .1s ease-out;
  position: relative; }
  .contest-menu__item:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    height: 3.5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: var(--theme-color);
    margin: 0 30%;
    transition: .2s ease-in-out;
    transform: scale(0.3) translateY(4px);
    opacity: 0;
    transform-origin: bottom center; }

.contest-menu__item_state_active:after {
  transform: scale(1) translateY(0px);
  opacity: 1; }

.contest-menu__item:active {
  background-color: rgba(0, 0, 0, 0.05);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }

.contest-menu {
  background-color: white;
  box-shadow: 0px 0px 2px 0px rgba(25, 146, 198, 0.05), 0px 2px 7px -4px rgba(0, 0, 0, 0.31); }

.contest-menu__layer {
  width: 75%;
  margin: 0 auto;
  min-width: 1024px;
  padding: 0 19px;
  box-sizing: border-box; }

.contest {
  margin-top: 48px; }

.contest__content {
  padding: 24px;
  background-color: #fff;
  min-width: 900px;
  max-width: 1388px;
  margin: 0 auto;
  border-radius: 16px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: 0px 0px 2px 0px rgba(25, 146, 198, 0.05), 0px 2px 7px -4px rgba(0, 0, 0, 0.31);
  transition: box-shadow 0.2s ease; }

.contest__min-width {
  width: 66%;
  width: 964px; }

.contest__socket-status {
  height: 100%;
  position: absolute;
  right: 0;
  margin-right: 20px; }
  .contest__socket-status_my {
    left: 15px; }

.socket-status__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  height: 100%; }

.socket-status__indicator {
  height: 11px;
  width: 11px;
  border-radius: 50%;
  background: #ccc; }
  .socket-status__indicator.on {
    background: #8BC34A;
    box-shadow: 0 0 6px -1px #8BC34A; }
  .socket-status__indicator.off {
    background: #FF5722;
    box-shadow: 0 0 6px -1px #FF5722; }

.socket-status__label {
  margin-left: 8px;
  font-size: .8em;
  color: #777; }

.contest__monitor-menu {
  background: white;
  border-radius: 4px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  width: 400px;
  overflow: hidden;
  padding: 4px 0; }
  .contest__monitor-menu-item {
    -ms-flex-align: center;
        align-items: center;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    padding: 0 16px;
    position: relative;
    transition: background 0.15s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: none;
    width: 100%;
    box-sizing: border-box;
    margin: 0; }
    .contest__monitor-menu-item:hover, .contest__monitor-menu-item:focus {
      background-color: #eeeeee; }
    .contest__monitor-menu-item:active span {
      color: #106cc8; }

.contest__info-layer h3 {
  color: var(--theme-color);
  text-align: center; }

.contest__info-cell {
  text-align: center;
  font-size: 1.05em;
  font-weight: 100;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item-align: auto;
  align-self: auto; }

.contest__info-row {
  border-bottom: 1px solid #ccc;
  padding: 13px 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-align: center;
  align-items: center; }

.contest__info {
  width: 66%;
  margin: 0 auto;
  padding: 20px 0; }

.contest__info-cell:first-child(1) {
  color: #777; }

.contest__info-row:first-child {
  border-top: 1px solid #ccc; }

.contest__title-section {
  text-align: left;
  padding: 0 22px; }

.task__title {
  font-size: 18px;
  white-space: nowrap; }

.task__title-link {
  display: inline-block;
  text-decoration: none;
  color: var(--theme-color);
  font-size: 18px; }

.task__title-delimiter {
  display: inline-block;
  margin: 0 10px; }

.task__problem {
  overflow: hidden;
  text-align: justify;
  line-height: 1.6 !important;
  margin-top: 10px; }
  .task__problem pre {
    background-color: transparent;
    color: #222; }

.task__file-preview {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }
  .task__file-preview iframe {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1); }

.task__file-preview-actions {
  position: absolute;
  top: 10px;
  right: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: start;
      align-items: flex-start;
  height: auto !important;
  transform: translateY(-100%);
  transition: all .2s ease-in-out;
  opacity: 0; }
  .task__file-preview:hover .task__file-preview-actions {
    transform: translateY(0);
    opacity: 1; }

.task__problem-timus .sample {
  border-collapse: collapse;
  border-color: #777;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px; }

.task__problem-timus th, .task__problem-timus td {
  border: 1px solid #777;
  padding: 5px 10px;
  vertical-align: top; }
  .task__problem-timus th .intable, .task__problem-timus td .intable {
    white-space: pre-line;
    margin: 0; }

.task__problem-timus th {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1.1px;
  padding: 10px; }

.task__problem-timus td:first-child {
  padding-left: 2px; }

.task__problem-timus .problem_par_normal {
  text-align: justify;
  line-height: 1.6; }

.task__problem-timus .problem_subtitle {
  color: var(--theme-color); }

.task__problem-timus .problem_title {
  color: var(--theme-color);
  margin: 0;
  padding: 20px 0;
  text-align: center; }

.task__problem-timus .problem_limits {
  color: #777;
  font-size: 14px;
  margin-bottom: 31px;
  text-align: center; }

.task__problem-timus .problem_source {
  margin-top: 20px; }

.task__problem-timus .problem_centered_picture {
  text-align: center;
  margin: 10px 0; }
  .task__problem-timus .problem_centered_picture img {
    max-width: 100%; }

.task__problem-ejudge .task__my-property-title {
  color: #474747;
  line-height: 1;
  margin-top: 4px;
  font-size: 1.1em; }
  .task__problem-ejudge .task__my-property-title:after {
    content: ': '; }

.task__my-MJX_Assistive_MathML {
  position: absolute !important;
  top: 0;
  left: 0;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 1px 0 0 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  display: block !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.task__my-MathJax_Preview {
  display: none; }

.task__problem-cf .task__my-problem-statement .task__my-title {
  color: var(--theme-color);
  margin: 0;
  padding: 20px 0;
  text-align: center;
  font-size: 24px;
  font-weight: bold; }

.task__problem-cf .task__my-problem-statement .task__my-property-title {
  color: #474747;
  line-height: 1;
  margin-top: 4px;
  font-size: 1.1em; }
  .task__problem-cf .task__my-problem-statement .task__my-property-title:after {
    content: ': '; }

.task__problem-cf .task__my-problem-statement .task__my-header {
  text-align: center;
  font-size: 12px;
  color: #999; }

.task__problem-cf .task__my-problem-statement .task__my-sample-tests .task__my-title {
  font-size: 16px;
  text-align: left; }

.task__problem-cf .task__my-problem-statement .task__my-input-specification .task__my-section-title, .task__problem-cf .task__my-problem-statement .task__my-sample-tests .task__my-section-title,
.task__problem-cf .task__my-problem-statement .task__my-output-specification .task__my-section-title, .task__problem-cf .task__my-problem-statement .task__my-note .task__my-section-title {
  font-size: 20px;
  text-align: left;
  color: var(--theme-color);
  margin: 0;
  padding: 20px 0;
  font-weight: bold; }

.task__problem-cf .task__my-problem-statement .task__my-input, .task__problem-cf .task__my-problem-statement .task__my-output {
  border: 1px solid #777; }
  .task__problem-cf .task__my-problem-statement .task__my-input .task__my-title, .task__problem-cf .task__my-problem-statement .task__my-output .task__my-title {
    border-bottom: 1px solid #777;
    padding: 11px 10px;
    background-color: rgba(205, 205, 205, 0.1); }
  .task__problem-cf .task__my-problem-statement .task__my-input pre, .task__problem-cf .task__my-problem-statement .task__my-output pre {
    margin: 2px 1px; }

.task__problem-cf .task__my-problem-statement .task__my-output {
  margin: 10px 0; }

.task__problem-cf .task__my-problem-statement .task__my-note {
  margin: 10px 0; }

.task__problem-sgu h3, .task__problem-sgu h4 {
  width: 100%;
  color: var(--theme-color);
  margin: 0;
  padding: 10px 0 5px;
  text-align: center;
  font-size: 24px;
  font-weight: bold; }

.task__problem-sgu pre {
  border: 1px solid #777;
  padding: 2px 1px;
  white-space: pre-line;
  font-size: 14px; }

.task__problem-sgu div {
  line-height: 1.6 !important;
  font-size: 16px; }

.task__problem-sgu table > pre, .task__problem-sgu td > pre, .task__problem-sgu th > pre {
  border: none;
  margin: 0; }

.task__problem-sgu table {
  width: 100%; }

.task__problem-sgu hr {
  border: 1px solid #ccc; }

.task__problem-acmp h1, .task__problem-acmp h3, .task__problem-acmp h4 {
  width: 100%;
  color: var(--theme-color);
  margin: 0;
  padding: 10px 0 5px;
  text-align: center;
  font-size: 24px;
  font-weight: bold; }

.task__problem-acmp h2 {
  width: 100%;
  color: var(--theme-color);
  margin: 0;
  padding: 10px 0 5px;
  font-size: 20px;
  font-weight: 500; }

.task__problem-acmp table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  box-sizing: border-box; }
  .task__problem-acmp table td, .task__problem-acmp table th {
    padding: 0;
    border: 1px solid #777; }
  .task__problem-acmp table th {
    text-align: center;
    padding: 5px 0;
    letter-spacing: 1.1px; }

.task__problem-yandex .task__my-title, .task__problem-yandexOfficial .task__my-title {
  color: var(--theme-color);
  margin: 0;
  padding: 20px 0;
  text-align: center;
  font-size: 24px;
  font-weight: bold; }

.task__problem-yandex .task__my-property-title, .task__problem-yandexOfficial .task__my-property-title {
  color: #474747;
  line-height: 1;
  margin-top: 4px;
  font-size: 1.1em; }
  .task__problem-yandex .task__my-property-title:after, .task__problem-yandexOfficial .task__my-property-title:after {
    content: ': '; }

.task__problem-yandex .task__my-header, .task__problem-yandexOfficial .task__my-header {
  text-align: center;
  font-size: 12px;
  color: #999; }

.task__problem-yandex .task__my-sample-tests, .task__problem-yandex table, .task__problem-yandexOfficial .task__my-sample-tests, .task__problem-yandexOfficial table {
  width: 100%;
  border-collapse: collapse; }
  .task__problem-yandex .task__my-sample-tests .task__my-title, .task__problem-yandex .task__my-sample-tests th, .task__problem-yandex table .task__my-title, .task__problem-yandex table th, .task__problem-yandexOfficial .task__my-sample-tests .task__my-title, .task__problem-yandexOfficial .task__my-sample-tests th, .task__problem-yandexOfficial table .task__my-title, .task__problem-yandexOfficial table th {
    font-size: 16px;
    text-align: left;
    padding: 11px 10px;
    background-color: rgba(205, 205, 205, 0.1);
    text-transform: uppercase;
    letter-spacing: 1.05px; }
  .task__problem-yandex .task__my-sample-tests td, .task__problem-yandex .task__my-sample-tests th, .task__problem-yandex table td, .task__problem-yandex table th, .task__problem-yandexOfficial .task__my-sample-tests td, .task__problem-yandexOfficial .task__my-sample-tests th, .task__problem-yandexOfficial table td, .task__problem-yandexOfficial table th {
    border: 1px solid #777; }
  .task__problem-yandex .task__my-sample-tests td, .task__problem-yandex table td, .task__problem-yandexOfficial .task__my-sample-tests td, .task__problem-yandexOfficial table td {
    margin: 10px 0;
    vertical-align: top;
    overflow-x: auto;
    max-width: 290px; }
  .task__problem-yandex .task__my-sample-tests pre, .task__problem-yandex table pre, .task__problem-yandexOfficial .task__my-sample-tests pre, .task__problem-yandexOfficial table pre {
    margin: 2px 1px; }

.task__problem-yandex table:not(.task__my-sample-tests), .task__problem-yandexOfficial table:not(.task__my-sample-tests) {
  width: auto; }
  .task__problem-yandex table:not(.task__my-sample-tests) td, .task__problem-yandex table:not(.task__my-sample-tests) th, .task__problem-yandexOfficial table:not(.task__my-sample-tests) td, .task__problem-yandexOfficial table:not(.task__my-sample-tests) th {
    padding: 4px 14px;
    text-align: left;
    border: 1px solid #bfbfbf;
    vertical-align: top;
    overflow-x: auto;
    max-width: 290px; }
    .task__problem-yandex table:not(.task__my-sample-tests) td p, .task__problem-yandex table:not(.task__my-sample-tests) th p, .task__problem-yandexOfficial table:not(.task__my-sample-tests) td p, .task__problem-yandexOfficial table:not(.task__my-sample-tests) th p {
      margin: 0; }
  .task__problem-yandex table:not(.task__my-sample-tests) td, .task__problem-yandexOfficial table:not(.task__my-sample-tests) td {
    margin: 10px 0;
    vertical-align: top; }

.task__problem-yandex h2, .task__problem-yandexOfficial h2 {
  font-size: 20px;
  text-align: left;
  color: var(--theme-color);
  margin: 0;
  padding: 20px 0;
  font-weight: 500; }

.task__problem-yandex .task__my-input-specification .task__my-section-title, .task__problem-yandex .task__my-sample-tests .task__my-section-title,
.task__problem-yandex .task__my-output-specification .task__my-section-title, .task__problem-yandex .task__my-note .task__my-section-title, .task__problem-yandexOfficial .task__my-input-specification .task__my-section-title, .task__problem-yandexOfficial .task__my-sample-tests .task__my-section-title,
.task__problem-yandexOfficial .task__my-output-specification .task__my-section-title, .task__problem-yandexOfficial .task__my-note .task__my-section-title {
  font-size: 20px;
  text-align: left;
  color: var(--theme-color);
  margin: 0;
  padding: 20px 0;
  font-weight: bold; }

.task__problem-yandex .task__my-input, .task__problem-yandex .task__my-output, .task__problem-yandex table, .task__problem-yandexOfficial .task__my-input, .task__problem-yandexOfficial .task__my-output, .task__problem-yandexOfficial table {
  border: 1px solid #777; }
  .task__problem-yandex .task__my-input .task__my-title, .task__problem-yandex .task__my-input th, .task__problem-yandex .task__my-output .task__my-title, .task__problem-yandex .task__my-output th, .task__problem-yandex table .task__my-title, .task__problem-yandex table th, .task__problem-yandexOfficial .task__my-input .task__my-title, .task__problem-yandexOfficial .task__my-input th, .task__problem-yandexOfficial .task__my-output .task__my-title, .task__problem-yandexOfficial .task__my-output th, .task__problem-yandexOfficial table .task__my-title, .task__problem-yandexOfficial table th {
    border-bottom: 1px solid #777;
    padding: 11px 10px;
    background-color: rgba(205, 205, 205, 0.1); }
  .task__problem-yandex .task__my-input pre, .task__problem-yandex .task__my-output pre, .task__problem-yandex table pre, .task__problem-yandexOfficial .task__my-input pre, .task__problem-yandexOfficial .task__my-output pre, .task__problem-yandexOfficial table pre {
    margin: 2px 1px; }

.task__problem-yandex .task__my-output, .task__problem-yandexOfficial .task__my-output {
  margin: 10px 0; }

.task__problem-yandex .task__my-note, .task__problem-yandexOfficial .task__my-note {
  margin: 10px 0; }

.task__problem-yandex .task__my-header th, .task__problem-yandex .task__my-header td, .task__problem-yandexOfficial .task__my-header th, .task__problem-yandexOfficial .task__my-header td {
  padding: 4px 14px;
  text-align: left;
  border: 1px solid #bfbfbf; }

.task__problem-yandex .task__my-header table, .task__problem-yandexOfficial .task__my-header table {
  border-collapse: collapse;
  margin: 0 auto;
  width: auto; }

.contest__conditions-link {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none;
  color: #7A7A7A;
  border-bottom: 1px solid #EBEBEB;
  border-radius: 3px;
  position: relative; }
  .contest__conditions-link a {
    text-decoration: none;
    padding: 24px;
    width: 100%;
    display: block;
    box-sizing: border-box; }

.contest__condition-send-button-wrap,
.contest__condition-view-button-wrap,
.contest__condition-status-button-wrap {
  position: absolute;
  z-index: 10000;
  right: 30px;
  top: 0;
  height: 100%;
  box-sizing: border-box; }
  .contest__condition-send-button-wrap .md-button,
  .contest__condition-view-button-wrap .md-button,
  .contest__condition-status-button-wrap .md-button {
    border-radius: 50px; }
    .contest__condition-send-button-wrap .md-button:hover,
    .contest__condition-view-button-wrap .md-button:hover,
    .contest__condition-status-button-wrap .md-button:hover {
      background-color: rgba(0, 0, 0, 0.05) !important; }
    .contest__condition-send-button-wrap .md-button:active,
    .contest__condition-view-button-wrap .md-button:active,
    .contest__condition-status-button-wrap .md-button:active {
      background-color: rgba(0, 0, 0, 0.3); }
  .contest__condition-send-button-wrap .problem-status,
  .contest__condition-view-button-wrap .problem-status,
  .contest__condition-status-button-wrap .problem-status {
    background: #ccc;
    border-radius: 50%;
    padding: 4px;
    width: 13px;
    height: 13px;
    text-align: center; }
    .contest__condition-send-button-wrap .problem-status__accepted,
    .contest__condition-view-button-wrap .problem-status__accepted,
    .contest__condition-status-button-wrap .problem-status__accepted {
      background: rgba(255, 255, 255, 0.5);
      border: 2px solid #8BC34A; }
      .contest__condition-send-button-wrap .problem-status__accepted md-icon,
      .contest__condition-view-button-wrap .problem-status__accepted md-icon,
      .contest__condition-status-button-wrap .problem-status__accepted md-icon {
        width: 15px;
        height: 15px;
        min-width: 15px;
        min-height: 15px;
        color: #8BC34A;
        top: -4px;
        position: relative;
        left: -1px; }
    .contest__condition-send-button-wrap .problem-status__wrong,
    .contest__condition-view-button-wrap .problem-status__wrong,
    .contest__condition-status-button-wrap .problem-status__wrong {
      background: rgba(255, 255, 255, 0.5);
      border: 2px solid #FF5722;
      color: #FF5722;
      line-height: 1;
      font-size: 13px;
      font-weight: bold; }

.contest__condition-view-button-wrap {
  right: 100px; }

.contest__condition-status-button-wrap {
  right: 180px; }

.contest__conditions-link:hover {
  background-color: rgba(0, 0, 0, 0.07); }

.contest__conditions-link:first-child {
  border-top: 1px solid #EBEBEB; }

.contest__condition-index {
  font-weight: bold;
  color: #777; }

.contest__condition-name {
  color: var(--theme-color);
  margin-left: 10px; }

.contest__sytem {
  padding-left: 28px;
  margin-top: 10px;
  color: #999; }

.contest__conditions-link a:visited .contest__condition-name {
  color: #8754C4; }

.problem-status__accepted-problem {
  background: rgba(139, 195, 74, 0.15); }
  .problem-status__accepted-problem .contest__condition-name {
    color: #4caf50 !important; }

.send-content {
  padding: 12px; }

.send-content__condition-selector {
  max-width: 400px; }

.send-content__file-upload-button {
  margin-bottom: 10px; }
  .send-content__file-upload-button md-icon {
    margin-right: 8px; }

.send-content__textarea textarea {
  opacity: 0; }

.send-content__textarea .ace_editor {
  border: 2px solid #ebebeb;
  border-radius: 3px;
  overflow: visible; }

.send-content__textarea .ace-editor__key-rules {
  background: var(--theme-color);
  border-radius: 3px;
  color: white;
  padding: 8px 10px;
  margin: 12px 0; }

md-toolbar.md-theme-light {
  background-color: white;
  color: rgba(0, 0, 0, 0.82);
  border-bottom: 2px solid rgba(158, 158, 158, 0.58);
  padding: 13px 10px;
  min-height: 92px;
  box-sizing: border-box; }

.status-content {
  border: 1px solid #eaeaea;
  border-radius: 8px;
  overflow: hidden; }
  .status-content md-content {
    margin-bottom: -1px; }
  .status-content md-content {
    background-color: transparent !important;
    overflow-y: hidden; }
  .status-content md-content md-tabs {
    background: #f6f6f6;
    border: 1px solid #e1e1e1; }
  .status-content md-content md-tabs md-tabs-wrapper {
    background: white; }
  .status-content md-nav-bar .md-button.md-default-theme.md-primary, .status-content md-nav-bar .md-button.md-primary {
    color: #2196f3 !important; }
  .status-content md-nav-bar.md-default-theme md-nav-ink-bar, .status-content md-nav-bar md-nav-ink-bar {
    color: #2196f3 !important;
    background: #2196f3 !important; }

.contest__source-row {
  margin: 20px 0;
  border-top: 1px solid rgba(204, 204, 204, 0.58);
  border-left: 1px solid rgba(204, 204, 204, 0.58);
  border-right: 1px solid rgba(204, 204, 204, 0.58); }

.sent-list__indicator {
  background-color: rgba(255, 255, 255, 0.68);
  height: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  left: 0;
  border-right: 1px solid rgba(204, 204, 204, 0.36);
  padding: 0 6px;
  white-space: nowrap;
  transition: all .2s ease-in-out; }
  .sent-list__indicator md-icon {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px; }
  .sent-list__indicator .indicator__solution-number {
    display: none;
    transition: all .2s ease-in-out;
    margin-left: 14px; }
  .sent-list__indicator:hover {
    background-color: #fff;
    padding: 0 20px 0 10px; }
    .sent-list__indicator:hover .indicator__solution-number {
      display: inline-block; }

.sent-list__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 50px;
  border-bottom: 1px solid rgba(204, 204, 204, 0.6);
  background-color: #fdfdfd;
  cursor: default;
  position: relative;
  padding-left: 15px; }
  .sent-list__item .sent-list__cell {
    width: 100%;
    text-align: center;
    padding: 6px 0;
    min-width: 50px;
    max-height: 100%;
    box-sizing: border-box;
    overflow: hidden; }
    .sent-list__item .sent-list__cell span {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis; }
    .sent-list__item .sent-list__cell .sent-list__cell-loading {
      white-space: nowrap; }
    .sent-list__item .sent-list__cell .verdict-small {
      font-size: 11px; }
  .sent-list__item .sent-list__cell-task {
    min-width: 175px; }
  .sent-list__item:hover:not(.sent-list__header) {
    background-color: rgba(0, 121, 255, 0.09); }
  .sent-list__item .sent-list__bold {
    font-weight: bold; }

.sent-list__language {
  font-size: .8em;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.sent-list__language_nonactive {
  color: red; }

.sent-list__header {
  background-color: #f0f0f0;
  font-weight: bold; }

.sent-list__item:nth-child(2n) {
  background-color: #f8f8f8; }

.sent-list__success {
  background-color: rgba(31, 242, 10, 0.06) !important; }
  .sent-list__success .sent-list__verdict {
    color: rgba(78, 152, 113, 0.76);
    font-weight: bold; }

.sent-list__success:hover {
  background-color: rgba(32, 236, 10, 0.13) !important; }

.sent-list__failed .sent-list__verdict {
  color: rgba(253, 59, 50, 0.76);
  font-weight: bold; }

.sent-list__failed_type_highlighted {
  background-color: rgba(253, 59, 50, 0.13) !important; }

.sent-list__failed_type_highlighted:hover {
  background-color: rgba(253, 59, 50, 0.19) !important; }

.sent-list__unknown .sent-list__verdict {
  color: rgba(255, 142, 53, 0.76);
  font-weight: bold; }

.sent-list .no-sents {
  text-align: center;
  padding: 30px 0;
  font-size: 20px;
  color: #777; }

.sent-list .sent-list__loading .search-spin-layer_ {
  width: 20px;
  height: 20px; }

.sent-list__compilation-error {
  text-decoration: underline !important;
  color: currentColor;
  cursor: pointer; }
  .sent-list__compilation-error:hover {
    color: rgba(206, 91, 0, 0.76); }

.sent-list__source-link {
  text-decoration: none; }

.source-content md-content {
  background: white; }

.source-content__code pre {
  overflow: hidden;
  overflow-x: auto;
  border-radius: 5px;
  width: auto; }

.monitor-content__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 50px;
  border-bottom: 1px solid #ccc;
  background-color: #fdfdfd;
  cursor: default; }
  .monitor-content__row:first-child {
    border-top: 1px solid #ccc; }
  .monitor-content__row .monitor-content__cell {
    width: 100%;
    text-align: center;
    padding: 6px 0;
    border-left: 1px solid #ccc;
    height: 100%;
    box-sizing: border-box;
    min-width: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    outline: 0;
    position: relative; }
    .monitor-content__row .monitor-content__cell span, .monitor-content__row .monitor-content__cell a {
      width: 100%;
      display: block;
      min-width: auto; }
  .monitor-content__row .monitor-content__cell:last-child {
    border-right: 1px solid #ccc; }
  .monitor-content__row .monitor-content__cell-result {
    min-width: 5px; }
  .monitor-content__row .monitor-content__cell_type_accepted {
    font-weight: 100;
    -ms-flex-direction: column;
        flex-direction: column; }
  .monitor-content__row .monitor-content__cell_type_clickable {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .monitor-content__row .monitor-content__cell_type_clickable:active {
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); }
  .monitor-content__row .monitor-content__cell-participant {
    min-width: 150px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .monitor-content__row .monitor-content__cell-participant .md-button {
      text-decoration: none;
      text-transform: none;
      width: 100%;
      font-size: 14px;
      color: rgba(0, 0, 0, 0.87);
      padding: 0;
      text-overflow: inherit;
      white-space: normal;
      line-height: 1.2; }
    .monitor-content__row .monitor-content__cell-participant span {
      width: 100%;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block; }
  .monitor-content__row .monitor-content__cell-solutions {
    min-width: 100px;
    position: relative; }
    .monitor-content__row .monitor-content__cell-solutions .monitor-content__cell-solutions_type_after-contest {
      position: absolute;
      width: 22px;
      height: 22px;
      overflow: hidden;
      top: 0;
      right: 0; }
      .monitor-content__row .monitor-content__cell-solutions .monitor-content__cell-solutions_type_after-contest > div {
        background-color: rgba(0, 0, 0, 0.3);
        cursor: pointer;
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        transform: rotate(45deg);
        top: -50%;
        right: -50%;
        transition: all .05s ease-out;
        outline: none; }
        .monitor-content__row .monitor-content__cell-solutions .monitor-content__cell-solutions_type_after-contest > div:hover {
          background-color: rgba(0, 0, 0, 0.5); }
        .monitor-content__row .monitor-content__cell-solutions .monitor-content__cell-solutions_type_after-contest > div:focus {
          background-color: rgba(0, 0, 0, 0.5); }
  .monitor-content__row:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .monitor-content__row:first-child .monitor-content__cell:first-child {
      border-top-left-radius: 3px; }
    .monitor-content__row:first-child .monitor-content__cell:last-child {
      border-top-right-radius: 3px; }
  .monitor-content__row:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    .monitor-content__row:last-child .monitor-content__cell:first-child {
      border-bottom-left-radius: 3px; }
    .monitor-content__row:last-child .monitor-content__cell:last-child {
      border-bottom-right-radius: 3px; }
  .monitor-content__row .monitor-content__cell-score {
    min-width: 80px; }

.monitor-content__row_type_header {
  font-weight: bold;
  background-color: #fff; }

.monitor-content__row:hover:not(.monitor-content__row_type_header) {
  background-color: rgba(0, 0, 0, 0.05); }

.monitor-content__row-my {
  background-color: rgba(255, 245, 157, 0.64) !important; }
  .monitor-content__row-my .monitor-content__cell {
    border-color: rgba(205, 185, 0, 0.36) !important; }
  .monitor-content__row-my:hover {
    background-color: rgba(255, 241, 121, 0.64) !important; }

.monitor-content__row_group_even {
  background-color: rgba(154, 255, 134, 0.61);
  border-color: #83C699; }
  .monitor-content__row_group_even .monitor-content__cell {
    border-color: #83C699; }
  .monitor-content__row_group_even:hover {
    background-color: rgba(136, 230, 116, 0.61) !important; }
  .monitor-content__row_group_even.monitor-content__row-my {
    border-color: rgba(223, 210, 93, 0.87) !important; }
    .monitor-content__row_group_even.monitor-content__row-my:hover {
      background-color: rgba(255, 241, 121, 0.64) !important; }

.monitor-content__row:not(.monitor-content__row_type_header):nth-child(2n + 1) {
  background-color: rgba(0, 0, 0, 0.05); }
  .monitor-content__row:not(.monitor-content__row_type_header):nth-child(2n + 1):hover {
    background-color: rgba(0, 0, 0, 0.1); }
  .monitor-content__row:not(.monitor-content__row_type_header):nth-child(2n + 1).monitor-content__row_group_even {
    background-color: rgba(154, 255, 134, 0.53); }
  .monitor-content__row:not(.monitor-content__row_type_header):nth-child(2n + 1).monitor-content__row_group_even:hover {
    background-color: rgba(136, 230, 116, 0.61); }

.monitor-content__cell_accept-time {
  font-size: 12px; }

@media screen and (min-width: 1201px) and (max-width: 1400px) {
  .monitor-content__cell_accept-time {
    font-size: 12px; } }

@media screen and (max-width: 1200px) {
  .monitor-content__cell_accept-time {
    font-size: 10px; } }

.task__send {
  text-align: center;
  border-top: 1px solid var(--theme-color);
  padding: 20px 0 0;
  margin-top: 20px; }
  .task__send .md-button {
    padding-left: 10px;
    padding-right: 10px; }

.sent-list__link {
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
  overflow: hidden; }

.monitor-content__cell_accept-time-too-much {
  font-size: 9px; }

.monitor-content__no-solutions:not(.monitor-content__row-my) {
  opacity: 0.8; }

.monitor-content__cell_type_frozen {
  background-color: #FCFF92; }

.contest__status {
  padding: 10px 0 20px;
  text-align: center; }

.contest-messages__preview-box {
  width: 500px;
  box-sizing: border-box; }

.contest-messages__preview {
  border: 5px solid #eaeaea;
  background: #fff;
  box-sizing: border-box; }

.monitor-content__cell_type_in-practice {
  background-color: #00BCD4;
  color: white;
  box-shadow: inset 0 0 0px 1px var(--theme-color); }
  .monitor-content__cell_type_in-practice > span:first-of-type {
    font-weight: bold; }

.logo__content {
  white-space: nowrap; }

.notifications {
  position: fixed;
  top: -1px;
  right: 0;
  width: 100%;
  height: 1px;
  background: transparent;
  z-index: 1000000000; }
  .notifications md-toast {
    min-width: 304px;
    bottom: initial; }
    .notifications md-toast .md-top {
      top: 0; }
    .notifications md-toast .md-right {
      right: 0; }

.admin-menu__item {
  text-transform: none;
  font-size: 18px;
  letter-spacing: normal;
  margin: 0;
  color: #959595;
  width: 100%;
  padding: 9px 20px !important;
  box-sizing: border-box;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0 !important;
  border-bottom: 1px solid #E1E1E1;
  display: block; }
  .admin-menu__item * {
    border-radius: 0 !important; }
  .admin-menu__item.md-primary {
    background-color: #f3f3f3; }
  .admin-menu__item:last-child {
    border-bottom: 0; }

.admin-content__menu {
  width: 250px;
  overflow: hidden;
  float: left;
  box-sizing: border-box; }

.admin-menu {
  border: 1px solid #E1E1E1;
  border-radius: 3px;
  float: left;
  width: 100%;
  box-sizing: border-box; }

.admin-content {
  overflow: hidden; }

.admin-content__inner {
  margin-left: 257px; }

.admin-content-layer {
  border: 1px solid #E5E5E5;
  padding: 24px;
  background-color: #fff; }
  .admin-content-layer__inner {
    box-sizing: border-box;
    position: relative; }
  .admin-content-layer__edit-problem {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    background: #00838F;
    color: #fff; }
    .admin-content-layer__edit-problem md-content {
      background-color: #F6F6F6; }
    .admin-content-layer__edit-problem md-tab-item {
      color: rgba(255, 255, 255, 0.74); }
      .admin-content-layer__edit-problem md-tab-item.md-active {
        color: #fff !important; }
    .admin-content-layer__edit-problem_reset md-tabs {
      background: #f6f6f6;
      border: 1px solid #e1e1e1; }
      .admin-content-layer__edit-problem_reset md-tabs md-tabs-wrapper {
        background: white; }
    .admin-content-layer__edit-problem_reset md-tab-item {
      color: rgba(0, 0, 0, 0.54) !important; }
      .admin-content-layer__edit-problem_reset md-tab-item.md-active {
        color: #2196f3 !important; }
  .admin-content-layer .contests-title {
    padding-left: 0; }

.admin-title {
  font-weight: 100; }

.admin-contests__button {
  margin-left: 0; }

.admin-contests__buttons {
  margin-top: 5px; }

.admin-contests__contest-item .contests-list__item {
  padding: 20px 24px 7px; }

.admin-contests__contest-item .contests-list__item:hover {
  background: none; }

.admin-contests__contest-item .contest-item {
  cursor: default;
  -webkit-user-select: inherit;
  -moz-user-select: inherit;
  -ms-user-select: inherit;
  user-select: inherit; }

.admin-contests__button-wrap {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px; }

.contest-creation__datepicker md-datepicker {
  width: 100%; }

md-input-container {
  width: 100%; }

.md-datepicker-input {
  width: 168px; }

.contest-creation__row {
  padding: 10px 0; }

.contest-creation__row-title {
  padding: 10px 0; }

.contest-creation__second-field-inline {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: -12px;
  margin-left: 20px; }

.contest-creation__inner {
  margin: 0 auto;
  max-width: 500px; }

.chip-circle {
  display: inline-block;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  position: relative;
  top: 4px;
  margin-right: 6px; }

.admin-content__add-contest .md-button {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  top: 25px; }

.contest-creation__row_type_create {
  padding: 20px 0 0;
  border-top: 1px solid #ccc;
  text-align: center; }

.animation {
  transition: all .2s ease-out; }

.animation.ng-leave {
  opacity: 1;
  transform: translateY(0px); }

.animation.ng-leave.ng-leave-active {
  opacity: 0;
  transform: translateY(10px); }

.animation.ng-enter {
  opacity: 0;
  transform: translateY(10px); }

.animation.ng-enter.ng-enter-active {
  opacity: 1;
  transform: translateY(0px); }

.animation.ng-enter-stagger,
.animation.ng-leave-stagger {
  /* Задержка анимации */
  transition-delay: .1s;
  /* Эта часть нужна, чтобы анимация проходила без проблем */
  transition-duration: 0; }

.contest-monitor__table-update {
  text-align: right; }

.sent-list__verdict span {
  text-transform: capitalize; }

.task__problem-cf_type_gym td, .task__problem-cf_type_gym th, .task__problem-cf_type_gym table {
  border: 1px solid #555;
  padding: 5px 10px;
  border-spacing: 0;
  border-collapse: collapse; }

.task__problem-cf_type_gym th {
  text-transform: uppercase;
  font-size: 0.9em;
  letter-spacing: 1px;
  padding: 9px 15px;
  color: var(--theme-color); }

.task__problem-cf_type_gym a {
  color: var(--theme-color);
  text-decoration: none;
  text-align: center;
  display: block;
  padding: 6px 15px;
  border-radius: 3px;
  transition: background-color .1s ease-out;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em; }

.task__problem-cf_type_gym a:hover {
  background: #ECECEC; }

.task__problem-cf_type_gym a:active {
  background: #e8e8e8; }

.md-button {
  padding: 0 12px; }

.contest-fab-menu {
  position: absolute;
  top: -10px;
  right: 10%; }
  .contest-fab-menu .md-fab.md-mini md-icon {
    height: 17px;
    width: 17px;
    min-height: 17px;
    min-width: 17px; }

.send-message__textarea textarea {
  opacity: 1 !important;
  border: 2px solid rgba(0, 0, 0, 0.18) !important;
  box-sizing: border-box;
  padding: 10px !important;
  border-radius: 2px;
  min-height: 100px !important;
  transition: all .1s ease-out; }
  .send-message__textarea textarea:focus {
    border: 2px solid var(--theme-color) !important; }
    .send-message__textarea textarea:focus .md-errors-spacer {
      display: none; }
    .send-message__textarea textarea:focus md-input-container.md-input-focused label:not(.md-no-float), .send-message__textarea textarea:focus md-input-container.md-input-has-placeholder label:not(.md-no-float), .send-message__textarea textarea:focus md-input-container.md-input-has-value label:not(.md-no-float) {
      transform: translate3d(0, 3px, 0) scale(0.75);
      margin-left: 0; }
    .send-message__textarea textarea:focus label {
      margin-left: 10px; }

#editor {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 3px solid #ebebeb;
  border-radius: 7px;
  overflow: visible; }

#ace_settingsmenu, #kbshortcutmenu {
  font-family: Roboto,Helvetica Neue,sans-serif; }
  #ace_settingsmenu h1, #kbshortcutmenu h1 {
    color: var(--theme-color); }

@media screen and (max-width: 450px) {
  html {
    overflow-x: visible; }
  .contest-menu__layer {
    min-width: initial;
    width: 100%;
    overflow-x: auto; }
  .header__inner {
    min-width: 100%; }
  .header__profile {
    position: absolute;
    top: 19px;
    right: 15px;
    height: auto; }
  .logo__text {
    display: none; }
  .contest__content {
    min-width: 700px; }
  .page__wrapper {
    padding: 24px 0; }
  .page__inner {
    width: 100%; }
  .status-content {
    font-size: 0.8em; }
  .standart-layer {
    width: auto;
    min-width: initial; }
  .contests-list {
    font-size: 0.8em; } }

.sent-list__actions-menu {
  top: -1px;
  position: relative; }

.monitor-content__cell-loading {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  text-align: center;
  top: 0;
  right: 0;
  box-sizing: border-box;
  padding-top: 5px; }
  .monitor-content__cell-loading .search-spin-layer, .monitor-content__cell-loading .search-spin-layer_ {
    height: 20px;
    width: 20px; }
  .monitor-content__cell-loading .search-spin {
    border: 3px solid var(--theme-color);
    border-top-color: rgba(0, 0, 0, 0); }

.monitor-loading {
  text-align: center; }

.admin-content-layer__inner .monitor-content * {
  box-sizing: border-box; }

.menu-divider {
  min-height: 10px; }

.rated-group {
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.2); }
  .rated-group__number-1 {
    color: #009688; }
  .rated-group__number-2 {
    color: #71a242; }
  .rated-group__number-3 {
    color: #ff9800; }
  .rated-group__number-4 {
    color: #ff5252; }
  .rated-group__number-5 {
    color: #9C27B0; }
  .rated-group__number-4 {
    font-weight: bold; }
  .rated-group__number-5 {
    text-shadow: 0 0 2px rgba(156, 39, 176, 0.45);
    font-weight: bold; }

.rated-user-with-dialog {
  cursor: pointer;
  color: currentColor;
  outline: none; }
  .rated-user-with-dialog .rated-group {
    text-decoration: underline;
    text-shadow: none; }

.group-rating-table {
  background: white;
  margin-bottom: 16px; }
  .group-rating-table__row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    padding: 13px 20px; }
    .group-rating-table__row:nth-child(2n + 1) {
      background-color: rgba(0, 0, 0, 0.02); }
    .group-rating-table__row:first-of-type {
      border-top: 1px solid rgba(0, 0, 0, 0.05); }
    .group-rating-table__row_highlighted {
      background-color: rgba(255, 201, 38, 0.37) !important; }
  .group-rating-table__rating {
    margin-bottom: 0 !important;
    background: transparent !important; }

.rating-info, .group-rating-table__rating {
  background: white;
  margin-bottom: 16px;
  line-height: 1.6em; }
  .rating-info__group, .group-rating-table__rating__group {
    background: #ccc;
    border-radius: 3px;
    color: #fff !important;
    padding: 1px 10px;
    font-size: 0.8em; }
    .rating-info__group md-select-value, .group-rating-table__rating__group md-select-value {
      border-bottom: none !important;
      color: white !important;
      padding-bottom: 1px !important; }
    .rating-info__group .md-select-icon, .group-rating-table__rating__group .md-select-icon {
      color: rgba(255, 255, 255, 0.8) !important; }
  .rating-info__trend, .group-rating-table__rating__trend {
    margin-left: 10px; }
    .rating-info__trend md-icon, .group-rating-table__rating__trend md-icon {
      margin-right: 5px; }
    .rating-info__trend.up, .group-rating-table__rating__trend.up {
      color: #35a94f; }
      .rating-info__trend.up md-icon, .group-rating-table__rating__trend.up md-icon {
        color: #35a94f !important; }
    .rating-info__trend.down, .group-rating-table__rating__trend.down {
      color: #ff4834; }
      .rating-info__trend.down md-icon, .group-rating-table__rating__trend.down md-icon {
        color: #ff4834 !important; }

.rating-table {
  font-size: 0.95em; }
  .rating-table .monitor-content__row_type_header {
    height: 70px; }
  .rating-table__header-cell {
    font-size: 0.8em;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 100%; }
  .rating-table__subheader-cells {
    border-top: 1px solid #ccc;
    font-weight: normal; }
    .rating-table__subheader-cells > div:not(:first-child) {
      border-left: 1px solid #ccc; }
    .rating-table__subheader-cells > div {
      padding: 6px; }
  .rating-table__top-cell {
    padding-bottom: 12px; }
  .rating-table .rating-table__results {
    padding: 0 !important; }
    .rating-table .rating-table__results > .monitor-content__cell:first-child {
      border-left: 0; }
    .rating-table .rating-table__results > .monitor-content__cell:last-child {
      border-right: 0; }
    .rating-table .rating-table__results-sum {
      font-weight: bold; }
  .rating-table .monitor-content__cell {
    min-width: unset; }

.sublabel {
  color: saddlebrown;
  line-height: 1.6; }

.groups__items {
  -ms-flex-align: stretch;
      align-items: stretch; }

.groups__item .card-media {
  background-color: saddlebrown;
  margin-left: 8px;
  border-radius: 4px; }

md-color-picker {
  width: 100%; }
  md-color-picker .color-picker__palette {
    border-radius: 3px;
    overflow: hidden; }
    md-color-picker .color-picker__palette-item {
      width: 100%;
      height: 20px;
      outline: none;
      cursor: pointer; }
      md-color-picker .color-picker__palette-item:hover {
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5); }
      md-color-picker .color-picker__palette-item:active, md-color-picker .color-picker__palette-item_type_selected {
        box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.5); }

.group-users {
  border-radius: 3px;
  overflow: hidden; }
  .group-users md-content md-tabs {
    background: #f6f6f6;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    overflow: hidden; }
    .group-users md-content md-tabs md-tabs-wrapper {
      background: white; }
  .group-users md-tab-content {
    border: 1px solid #ccc;
    border-top: 0; }
  .group-users__user-photo, .group-users__user-photo_type_admin {
    background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAQDAwQDAwQEAwQFBAQFBgoHBgYGBg0JCggKDw0QEA8NDw4RExgUERIXEg4PFRwVFxkZGxsbEBQdHx0aHxgaGxr/2wBDAQQFBQYFBgwHBwwaEQ8RGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhr/wAARCACSAJEDASIAAhEBAxEB/8QAGwABAQEAAwEBAAAAAAAAAAAAAAYFAgMEBwH/xAAwEAACAgECBQIEBAcAAAAAAAAAAQIDBAURBhIhMVFBYRMiI1IzcbHBFiRCcoGh0f/EABkBAQADAQEAAAAAAAAAAAAAAAABAwQCBv/EACARAQEBAAICAgMBAAAAAAAAAAABAhExAxIiMhNBUSH/2gAMAwEAAhEDEQA/APtQAPdPEgAAAAAAeLN1THwVtZLmn9serJkt6RbJ29oJ+XE8d/kob/NnKHE9bf1KZJe3U69Nfxz75/reB4cbV8XKaULOWT9JdD3HNlnbqWXoABCQAAAAAAAAAAAAAPyUowi5TajFd2z9J3iTMlGUMaD2TXNL3Osz2vDnV9Zy787iCmEJwxd5z22UtuiJic5WScptyk+7ZxBqzmZ6ZdauuwAHTk7dja0rWp0TjVkycqn0TfdGKCLJqcVMtl5j6GmpJNPdPqj9MnQMp5GHyTe8q3y/4NYx2cXhsl5nIACEgAAAAAAAAAAEfr731CX5IsCS4ihy56f3QT/2y3x/ZV5PqyAAaWYAAAAAb/DEvq3x9OVMpSY4YX8zd/Yv1Kcy+T7NXj+oACtYAAAAAAAAAAATvE9X4NqXmLKIjNavssz7oSk3CL2Ud+nYs8c+SvyX4s4AGplAAAAAFDwxDrfP8kUZH6DkWV5sK4v5J90WBl8k+TV478QAFawAAAAAAAAAAAjNcqdeo2t9p7SRZmXrOlvPhGVWytj59UWYvFV7nMR4Od1M6LZV2racXs0cDUygAAAHKuuVs1Ctc0n2SA0+H6ufUIy9IxbZXmRoWnSw6pWXLayfp4RrmXd501YnGQAFawAAAAAAAAAAAAASHEFXw9QlL0mkzKLLWNPjm47kulla3i/2I01YvMZdzigALFYavD9Hxc9Ta6Vrcyix0TBWJiqT/EsSb9vYr3eIsxOa0wAZWoAAAAAAAAAAAAAAO3cx9U1uGNF14zU7vPpEmS2/4i2Sc12a3nxxcaVcX9WxbJeER5ztunfNztk5Sfds4GrOfWMute1AAduBdy+xbYXUQnU1KDXQgT14eo34Ut6ZfL6xfZle8+0WY161cgzMHW6MtKM38Kzw+zNNNNbrqjNZZ20yy9AAISAAAAAAONlkaoOdklGK7tk7n8RNtwwlsvvf7HWc3XTnWpntQXZFVEea6cYL3Zk5HEePXuqIu1+eyJm2+y6TlbOU2/LOsunin7U3yX9NLL1vKyk4qXwoP0j/ANM0Atkk6VW29gAJQAAAAAB78TV8rE2UZucF/TLqeAEWS9pls6VOLxHTZssmLqfldUa9V9d8VKqcZr2Z8/Oyq+2iXNTOUH7Mqvjl6WzyWdvoAJnD4jsg1HLipx+5dygxsunLhz0TUl+hTrNz2umprp3AA5dI7V9Tlm2uEHtTF9F59zMANskk4jFbbeaAAlAAAAAAAAAAAAAAAAAd+Ll2Ydqspls13Xk6AOzpSfxLH7GCbBX+PKz8mgAFisAAAAAAAAAAAAAAAAAAAAAAAB//2Q==);
    background-size: 100%;
    background-position: center center; }
  .group-users__user-photo_type_admin {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJMAAACUCAIAAAAYgoz6AAAAA3NCSVQICAjb4U/gAAAACXBIWXMAABJ0AAASdAHeZh94AAAMM0lEQVR4nO2d2XLbSLJAa8VKUvLW0xPzt/MN84P34cZ0yxIJEkvtmfMAte3x2JIsk6xEN86LIxwKIgMHtSArq8Af/vVPtrJARO4AVl7Jam6prOaWympuqazmlspqbqms5pbKam6prOaWympuqajcAfwUiIgACAkBEIAxZIwhACJyzrmYn0vOOOeCcy64kFwIznnesM/CMs0hIkMEBEjJu2RtdDZFzwAYY9F7xMS5UEXJGGOcMyFloaUsZFVKVQolOeecc8YFY2yhIpdpjrForT11ru+iswjAEBmbmxzD+R/GojGPf80ZY3xue1xIWRS6botmU7QboTRbzV0BRIQUbXdw/TGYCaJHgO/+8R8K//vfCDEk59xwElLpqtbttmg2qiwvHfx5WZI5SCk6606dPXXRGUzpdb+DAAk8C54xFq0J1oRx0E1TNBtZFFzIs0Z9KRZjDlIKZrLHvTncQ4xn+9kY/BD8OKihrG7eFJutrhqhNP3BbxnmEDGYadrfm/3dZS4A0ZrBmmLc1W/fV9sboTSjPXlZhrlore0ebHd/6Qv5sY/ehXFoP/yqynKe29CEurn5jW063NtT98Rk5IzXA+/t6QApbj78XVW1kESHPbrmIMbkXfQ2eudOXQr+WldGCMH1RyFk/faDrhua8oiZQ0SGKQQIPlgTzRTMFJ2FGD9P7a8TSEpT98Cl5JzruvkjHUMIQuYQkQGkGMzxwR4OwRqGl+8enwBgevjIGRdKE3zbI2SOIbhpGO7+HaYRIT2mRTJHlOyp40pu//aP3LF8DZVOAAFcf5rufw/TgClS0DYTvfPDyY39NeZHPwIVc34azPHgh/7VmZFLgRCttd3+c3aUBvnNISKkZE8HN5wgnS05ckZSDO50jN6RanYkzEVr/DCAd7lj+Q6IMbgwDonSg5XfHEOwxwNc73XtVSDavoMQcsfxmdzmEDGBH/t0viTyRUAM05hioNNhZjY3r7cl7zK/ur0AiAGCBzITqMzmACB6B0DldjxNdBYilQ4zd5uDlLy/bmLr9aQQ0mruEwi0R7gvgOCRzPQytzkASOnK2eRXAymu49wjyBjCMrQxxjCldW75JYsxB6u5hTIXU+eO4pHV3FLJbI4zxvmSnh5EIDJJyX3X5vr+BYFIZK0ntznGuBSUi+O+Bhmu5hhjXAgh1YLE0YFCm6NYE0ef3Oa4EFIvqbfkjMiurdy9JedCKRq34mWQmVLlNieEUIotZOMTe9y5vJp7fIKFVIot5K2OC06k3plGEEXJBYkH+RmEIDLIMQrmOOdKl4vYKSqkpBNnfnOMc1mURLqgp+FC0snV5Y+Dc67KUpB5lp9ASEnnCSMQB+eqrBbxPs6l5JLAHWOMkTDHmCxKIRX993Eh1TrOfWY+DkgWhdA6dyzPIJUWksq+tfzmZkRRCkXlpnwPoTSdXj3zzQJIEELyDoInsu71BJgSxggqUdg5ntlcCsHsP06He/C0d4QwxhizQ4ecVfimaDcs92kpudtc8PbYLUIbYyxaC/GeARRNkz1dl/Py857H6G3GGH4MRAghmMlPY/a+PbM5TImRqYN7IZBSCgFzl4lmbfJkqnF+GAJRU3krWBDzqnj2rMFq7lUQyF7mj2B5cC6kzJ6ry21uEQuqX8E5hRxYTnNcCE5plfmFPNbO5A47qznOuZB0MoEvRAghlc7+uGWvIBK6rPLG8ENwqURB4ty93CkcKXXdZs8kvRyhlNSacf6X7i0ZY1wqVbdEKhhfglBarm2OPba5RujFFKjLolA0uvf85lRR6HpDYcXrBXCpV3Of4KK6vRW6yB3H86iqUmVFpBQlvzkuRNnudN3Qfz0omq0uayKjMgFznEuti81OVXXuWJ5CKK3bjaTRVbLsa+KfKDdbjIEhgxiA0mGEM1yIcnuj60aSKVCjYk6VVfPuF91u/XB0/dEbwygcwPf4gUGuirL98KuuqDQ4RsccY4xLWTStruvm3d+O//4/d+yyn8atm1bXra5qXTWqqkhlDCiZ45xxzplgkildBqlSbnNluy13b1RZzntBiMxNZgiZ+xIiNamqrHVV0yzhJdT8v0ToIvv9EkoLrcmmCIiay1/Bz7muGyHzr8N9D6rmiiL7urOqago99vegak5pqXXGuRznQjct2a6SkTXHhRBKZxzqhJKqXNvcqxBaqyLTm68QqqykLijvgaZrTupC1XkymVIq3WyJH/RB15wqqiJToQNXutzuiC/20jXHpdRN27775coFxVzIOd1F5xiGb0I3uHnzeHX7tmg217yJumnL3a1QilSu63+ha44xJqTSdV2/ea+q+jpvxKqsy91tud1d4Vo/CcWM3JdwIZu375O38+fFL3256vZttbuVisoi3BOQbnOfqN9+qG5uL93sRFEWTUukQOhZqJubT0tRupCquGzpzpyo1Jr48PYJ6uYeme/mJTe4cs51tYAqpk8swxzEkGLAi9Y3cK6qmnLS5CuWYS4Yc+kjHDjnUl+4Qz4ryzDnxz7ayx++sZARbob6WwEiRO+DGdPlT7sRUi5lesKItzlERADb7aM11/j48aKO+CBtDlLy02i7h3T5T7Ajoh8HiIHIZ3eeha45BIjWTA934SoNDlMaH37304QpLaLx0TXnp2Ha39ljd7X7GK0Z73+z/fE6l/tJyM1QEJEhmFNnu70f+msMb19cO5hx2n/ElKrdjdAF5QkLLXOQUnTWjyd76qKZIF77492YUpgGTCk6U7S7omnJ5sMImYOUghntcW+6A4RsJ17O8oKZojFpd6vbVhUVnS08n6BiDgGCGaf9vdl/zB0LY4wxBDcc3dSXm5v69l21u5kP3aHT/qiYs6fO7O/dQGx2AOD6LpjRHrfth1901fDcNfOfyBwHIkKKtjvYbh/MSG3DI2PzObLeD8cUXLHZVrtbXZOooM1pDmIM1rjh6E7HaM1llwJ+DkgRpgFiSN4VzbZoWlXXXOTMlmUwNycpknd+Gl1/tMcDpmvPIV9H8i55F8YxbLbFZqeqShWlUCrLZ5auag4RGUNIACma/b097qM11wzgLKTgzMGZw0O5valu3hTbrVSa82vPX67b5hCDM7Y7uNMhOkdxVPsB0A1HP/XqoSw2N+XNTVG115y/XP5KiAgQnA1mimYMdkrepyV8EeR5EDGlYA3E6MeTKivdbIpmo6qai4tvTb6IuXkkgxBScNHZ5Fz0LnqbvIPLZ/2vDWIKPgUfnY3WhHGQVaXKSpW1uuTHhs75u/NyGsSYYsAUozXBmmDGaO1V04+ZwJSCmYKZmBC6qnWz0XWjylpqLZQ+eys8gzlEfJSWUnQ2jIMfem+G7GdiZAMgTGOYxrkqqdzelrudKkohNRf8XBPRM5iDFIMZ3anz45C8RwBE+DMMYz8PYrQmOWv2d6pqy+2u2t3ouj3Lb7/S3NzGgjVh6v04Jm8hhBTjX6FX/DEQH+/VNKTgXN+psi7arW43UuufKRL8YXMIKYUQzDQPY9GZ5Bzl9AcREFJyKTkbjYnWqKmfD1tRVS3UaxaSXmpuHsxScNFaP41h7P00rsJeAaTox96P/byNoWi2uqpFUUil+Y8Unz1v7o/ER0rem+7Bnrq0wMQHQcA7653t9qqsi+1Ntd2puhFSzZsFn1X4gjaHGJwxhwd3PKTgEdapx5mJzqbgbPegyrq6ualu38kXHGz9jDk/Dq7v3NAnb1MI64zxMiACIkAASNG7oS82u3Kz01X9xGbdb5ubv+nnhpM7dX7so3ersyvwOIvxLgUfrSnaOZdWffMV8BvmECCF4Md+ergjutr55wYxzlN3M8TNbbnd6qoVSn3V/r42hwAxOHvqxrvfMpbxrDDEaEw0xp727ftfy+2NKsov5X1tzpvR7O/NcY9Xr5hb+SbJuf73//fT0Lx5X+1uP/3/Z3MIEOw03d+54bhqIwXG6PsjpgQpVrs3cxXMozmAlJybHj664fQnXIhZPhCjH3uGwLkoN1uhtGKMIWJ0znYPpnv46yb4yYMpuaFnXAghdbtRDBFi9EM/3P225oupg+hOnSoroZRijLn+aPYfV21LwR73oiiFG06u76JbU5GLIYUQxkHY/ujHfn3dXhKI0U7CD/0VNs+vnJfonbj0OSMrFwFArC/dC4XuPvGVp1nNLZXV3FJZzS2V1dxSWc0tldXcUlnNLZXV3FL5D7ao3WDWDkItAAAAAElFTkSuQmCC); }

ui-view, [ui-view] {
  /* start 'enter' transition */
  position: relative;
  will-change: transform;
  width: 100%; }
  ui-view.ng-enter, ui-view.ng-leave, [ui-view].ng-enter, [ui-view].ng-leave {
    position: absolute;
    left: 0;
    right: 0;
    transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1); }
  ui-view.ng-enter, [ui-view].ng-enter {
    transform: scale(0.97);
    opacity: 0; }
  ui-view.ng-enter-active, [ui-view].ng-enter-active {
    opacity: 1;
    transform: scale(1); }
  ui-view.ng-leave, [ui-view].ng-leave {
    transform: scale(1);
    opacity: 1; }
  ui-view.ng-leave-active, [ui-view].ng-leave-active {
    opacity: 0;
    transform: scale(0.97); }

.header__contest-menu {
  position: absolute;
  will-change: transform;
  top: 90px;
  z-index: 1;
  width: 100%;
  width: 100vw;
  /* start 'enter' transition */ }
  .header__contest-menu.ng-enter, .header__contest-menu.ng-leave {
    position: absolute;
    left: 0;
    right: 0;
    transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1); }
  .header__contest-menu.ng-enter {
    transform: translateY(-100%);
    opacity: 0; }
  .header__contest-menu.ng-enter-active {
    opacity: 1;
    transform: translateY(0); }
  .header__contest-menu.ng-leave {
    transform: translateY(0);
    opacity: 1; }
  .header__contest-menu.ng-leave-active {
    opacity: 0;
    transform: translateY(-100%); }

.contest-inbox__section iframe, .contest-inbox__section img {
  width: 100%; }

.contest__conditions_add .md-button {
  width: 100%; }

.markdown__rainbow {
  padding-top: 5px;
  padding-bottom: 5px; }

.markdown__lang-header {
  width: 100%;
  background-color: #ff1744;
  color: #fff;
  box-sizing: border-box;
  padding: 5px 10px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.markdown__simple-insert {
  background: #EEEEEE;
  color: #222;
  border-radius: 3px;
  padding: 7px 10px; }
  .markdown__simple-insert pre {
    background: inherit;
    color: inherit;
    margin: 0;
    padding: 0; }

.markdown__divider {
  height: 1px;
  margin: 10px 0;
  background-color: #ccc;
  width: 100%;
  box-sizing: border-box; }

.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5 {
  font-weight: 500;
  color: var(--theme-color); }

.markdown h1 {
  margin-top: 40px;
  margin-bottom: 40px; }

.markdown h2 {
  margin-top: 50px; }

.markdown img {
  max-width: 100%; }

.markdown table {
  border-collapse: collapse;
  border-spacing: 0;
  display: block;
  width: 100%;
  overflow: auto;
  word-break: normal;
  word-break: keep-all;
  margin-top: 0;
  margin-bottom: 16px; }

.markdown table th, .markdown table td {
  padding: 6px 13px;
  border: 1px solid #ddd;
  vertical-align: top;
  line-height: 1.6; }

.markdown table tr {
  background-color: #fff;
  border-top: 1px solid #ccc; }

.markdown table tr:nth-child(2n) {
  background-color: #f8f8f8; }

.markdown__image {
  max-width: 100%; }

.markdown__editor .page-container {
  background-color: #f1f1f1;
  padding: 32px 32px 4px; }
  .markdown__editor .page-container:last-of-type {
    padding-bottom: 32px; }
  .markdown__editor .page-container__markdown-textarea {
    margin-bottom: 0;
    overflow: auto; }
  .markdown__editor .page-container__markdown-textarea-wrap {
    margin-top: 10px; }

.markdown__editor .page-container__wrap {
  margin: 0 auto;
  background-color: white;
  padding: 24px;
  max-width: 680px;
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.15); }

.markdown__editor .page-container__wrap h1 {
  text-align: center;
  font-size: 1.8rem;
  margin-top: 0;
  font-weight: normal; }

.markdown__editor .page-container__wrap p {
  line-height: 1.6rem; }

.md-toolbar-input {
  border: 0;
  margin-left: 5px; }

html[style*='scroll'] body {
  width: 100vw !important; }

md-chips .md-chip-input-container {
  width: 100%; }

.task__files .task__file-wrap {
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  vertical-align: top; }
  .task__files .task__file-wrap:not(:last-of-type) {
    margin-right: 8px;
    margin-bottom: 8px; }
  .task__files .task__file-wrap_full {
    width: 100%;
    height: 600px;
    margin-bottom: 18px !important; }
    .task__files .task__file-wrap_full div {
      height: 100%; }
  .task__files .task__file-wrap .task__file-delete {
    position: absolute;
    top: -4px;
    right: -12px;
    z-index: 10000; }
  .task__files .task__file-wrap .link {
    text-decoration: none;
    display: inline-block; }
  .task__files .task__file-wrap .task__file {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.11), 0 1px 2px rgba(0, 0, 0, 0.22);
    box-sizing: border-box;
    padding: 12px;
    top: 0;
    left: 0;
    z-index: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 2px;
    height: 95px;
    position: relative;
    width: 155px;
    transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .task__files .task__file-wrap .task__file_type_image {
      background-position: center center;
      background-size: 100%;
      background-size: cover;
      background-repeat: no-repeat; }
      .task__files .task__file-wrap .task__file_type_image md-icon {
        background: rgba(255, 255, 255, 0.68); }
    .task__files .task__file-wrap .task__file:hover {
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.13), 0 3px 6px rgba(0, 0, 0, 0.26); }
    .task__files .task__file-wrap .task__file a:focus > .task__file, .task__files .task__file-wrap .task__file:active, .task__files .task__file-wrap .task__file:focus {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.15), 0 5px 10px rgba(0, 0, 0, 0.3);
      background-color: rgba(0, 0, 0, 0.06);
      border-color: #f2f2f2;
      outline-color: #4285f4; }
    .task__files .task__file-wrap .task__file-title {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-height: 1;
      max-height: 3em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      word-break: break-word;
      word-wrap: normal;
      color: #212121;
      height: 3em;
      text-decoration: none;
      padding-right: 8px; }
    .task__files .task__file-wrap .task__file-ext {
      color: #757575;
      line-height: 16px;
      font-size: .9em;
      margin-top: 4px;
      white-space: nowrap; }
      .task__files .task__file-wrap .task__file-ext-icon {
        display: inline-block;
        position: relative;
        width: 16px;
        height: 16px;
        margin-right: 10px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
        top: 2px;
        background-image: url("/img/icon_2_generic_x32.png"); }
        .task__files .task__file-wrap .task__file-ext-icon_type_pdf {
          background-image: url("/img/icon_3_pdf_x32.png"); }
        .task__files .task__file-wrap .task__file-ext-icon_type_spreadsheet {
          background-image: url("/img/icon_1_excel_x32.png"); }
      .task__files .task__file-wrap .task__file-ext span {
        text-transform: uppercase; }

md-sidenav {
  z-index: 100000; }

md-backdrop.md-sidenav-backdrop {
  z-index: 99099 !important; }

md-sidenav {
  max-width: 400px;
  width: 400px; }

.inbox .md-button:hover {
  background-color: rgba(0, 0, 0, 0.1) !important; }

.inbox__no-new-messages {
  transition: opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  opacity: 0.5; }

.inbox__messages, .inbox__unread-messages {
  position: absolute;
  border-radius: 50px;
  padding: 2px 5px;
  line-height: 1;
  font-size: 10px;
  top: 4px;
  right: 4px; }

.inbox__messages {
  background-color: #9c9c9c;
  color: #fff;
  /* start 'enter' transition */ }
  .inbox__messages.ng-enter, .inbox__messages.ng-leave {
    transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1); }
  .inbox__messages.ng-enter {
    transform: scale(0.5);
    opacity: 0; }
  .inbox__messages.ng-enter-active {
    opacity: 1;
    transform: scale(1); }
  .inbox__messages.ng-leave {
    opacity: 1;
    transform: scale(1); }
  .inbox__messages.ng-leave-active {
    opacity: 0;
    transform: scale(0.5); }

.inbox__unread-messages {
  background-color: #ff1744;
  color: #fff;
  animation: shake-it-off 2s infinite cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-delay: 1s;
  animation-fill-mode: forwards; }

@keyframes shake-it-off {
  0% {
    transform: rotate(0deg) translateX(0); }
  5% {
    transform: rotate(20deg) translateX(1px); }
  10% {
    transform: rotate(-20deg) translateX(-1px); }
  15% {
    transform: rotate(20deg) translateX(1px); }
  20% {
    transform: rotate(-20deg) translateX(-1px); }
  25% {
    transform: rotate(20deg) translateX(1px); }
  30% {
    transform: rotate(-20deg) translateX(-1px); }
  35% {
    transform: rotate(0deg) translateX(0); }
  100% {
    transform: rotate(0deg) translateX(0); } }

.contest-inbox {
  background: #F3F3F3 !important; }
  .contest-inbox md-content {
    background: #F3F3F3 !important;
    padding: 0; }
  .contest-inbox__section-title {
    font-size: 11px;
    color: #777;
    padding: 2px 10px;
    letter-spacing: 1.1px;
    text-transform: uppercase; }
  .contest-inbox md-card md-card-content {
    padding: 0 16px 12px; }
  .contest-inbox__section:not(:last-of-type) {
    margin-bottom: 30px; }
  .contest-inbox__section_type_read md-card {
    transition: opacity .2s ease-out;
    opacity: .7; }
    .contest-inbox__section_type_read md-card:hover {
      opacity: 1; }

.footer {
  padding: 24px 0;
  text-align: center;
  color: #999;
  font-size: .9em; }
  .footer__author {
    pointer-events: none; }
  .footer__language {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    .footer__language md-select {
      max-width: 150px;
      position: relative;
      left: 9px; }

.filter-header .header-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0; }

.filter-header .select-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 10.667px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: auto; }

.filter-header md-content._md {
  max-height: 240px; }

.sent-list__filter-participant md-input-container,
.sent-list__filter-problem md-input-container,
.sent-list__filter-verdict md-input-container {
  margin: 0; }
  .sent-list__filter-participant md-input-container span,
  .sent-list__filter-problem md-input-container span,
  .sent-list__filter-verdict md-input-container span {
    color: rgba(0, 0, 0, 0.87); }
  .sent-list__filter-participant md-input-container.md-input-has-value label,
  .sent-list__filter-problem md-input-container.md-input-has-value label,
  .sent-list__filter-verdict md-input-container.md-input-has-value label {
    display: none; }

.loader {
  width: 48px;
  height: 48px;
  color: #fff; }
  .loader svg {
    position: absolute;
    transform-origin: 50% 50% 50%;
    overflow: visible;
    top: 0;
    left: 0; }
  .loader-inner {
    background: #ee264f;
    background: linear-gradient(135deg, #ee264f 36%, #f89e4b 62%, #e92765 84%);
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    position: relative; }
    .loader-inner > svg > rect {
      fill: currentColor;
      -webkit-mask: url(#mask);
              mask: url(#mask); }
    .loader-inner > svg #overlay {
      fill: white; }

.problem-info {
  width: 100%;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: start;
      justify-content: flex-start;
  background: #F6F5F3;
  padding: 20px; }
  .problem-info__content {
    margin: 0 auto;
    width: 50%;
    min-width: 300px; }
  .problem-info__title {
    text-transform: uppercase;
    font-size: .7em;
    color: #4b4539;
    margin-bottom: 8px;
    margin-left: 16px; }
  .problem-info__inner {
    background: white;
    padding: 16px; }
  .problem-info__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-pack: center;
        justify-content: center; }
  .problem-info__cell {
    -ms-flex: 1;
        flex: 1;
    padding: 8px; }
    .problem-info__cell:first-of-type {
      text-align: right;
      color: #867b64; }
  .problem-info__contests .md-button {
    margin: 4px;
    padding: 0 4px;
    min-width: 30px; }
  .problem-info__versions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 10px;
    background-color: white; }
  .problem-info__version {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--theme-color);
    margin: 20px;
    position: relative;
    display: block;
    transition: all .15s ease-in-out; }
    .problem-info__version:hover {
      box-shadow: 0 0 0 4px var(--theme-color); }
      .problem-info__version:hover.problem-info__version_current {
        box-shadow: 0 0 0 4px #4caf50; }
    .problem-info__version_selected {
      box-shadow: 0 0 0 4px var(--theme-color); }
      .problem-info__version_selected.problem-info__version_current {
        box-shadow: 0 0 0 4px #4caf50; }
    .problem-info__version_current {
      background-color: #4caf50; }
    .problem-info__version:not(:last-of-type):before {
      content: '';
      height: 2px;
      position: absolute;
      width: 30px;
      left: 13px;
      top: 4px;
      background-color: var(--theme-color); }
    .problem-info__version:not(:first-of-type):after {
      content: '';
      height: 2px;
      position: absolute;
      width: 30px;
      top: 4px;
      left: -33px;
      background-color: var(--theme-color); }
    .problem-info__version-number {
      position: absolute;
      bottom: -20px;
      left: 1px;
      text-decoration: none;
      color: #333;
      font-size: .8em; }

.scan-console__title {
  font-size: 1em;
  margin-left: 0; }

.scan-console__inner {
  box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.1);
  background: white;
  min-height: 200px;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4px 0; }

.scan-console__row {
  padding: 3px 4px; }
  .scan-console__row:hover {
    background: rgba(0, 0, 0, 0.05); }
  .scan-console__row * {
    font-family: "Courier New", Courier, sans-serif; }
  .scan-console__row p {
    margin: 0; }

.server-status {
  padding: 24px;
  background: #f9f9f9;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  margin-top: 15px; }
  .server-status__header {
    margin-bottom: 16px; }
  .server-status__item {
    background: #fff;
    padding: 16px; }
    .server-status__item:not(:first-of-type) {
      margin-top: 24px; }
  .server-status__system-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
  .server-status__system-type {
    text-transform: uppercase;
    font-weight: 100;
    font-size: 1.5em; }
  .server-status__busy-accounts h3 {
    font-size: .8em;
    color: #444;
    font-weight: 100; }
  .server-status__loading {
    width: 25px;
    height: 25px;
    margin-right: 15px; }
  .server-status__account {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    padding: 8px 16px;
    border: 1px solid rgba(0, 0, 0, 0.1); }
    .server-status__account:not(:first-of-type) {
      margin-top: 8px; }
  .server-status__solution-sent-at {
    color: #444;
    font-size: .7em; }

.md-user {
  background-color: rgba(33, 150, 243, 0.87);
  color: #fff; }

.md-moderator {
  background-color: rgba(23, 198, 75, 0.87);
  color: #fff; }

.md-admin {
  background-color: #ff5252;
  color: #fff; }

.admin-contest-item .md-label {
  width: calc(100% - 30px); }

.admin__problem-comment-container {
  margin-top: 50px;
  padding: 10px 32px; }