@charset "UTF-8";
textarea {
  overflow: hidden; }

.acc {
  border-bottom: 2px solid white;
  color: white; }
  .acc .mdl-list__item-primary-content .mdl-list__item-sub-title {
    color: rgba(255, 255, 255, 0.86); }
  .acc .mdl-list__item-primary-content .fa {
    text-align: center;
    background: none;
    background-size: cover;
    background-position: center; }
  .acc .mdl-list__item-primary-content .withImg {
    position: relative; }
    .acc .mdl-list__item-primary-content .withImg:before {
      font-size: 24px;
      position: absolute;
      right: -6px;
      bottom: -6px;
      text-shadow: -1px -1px 4px black; }
  .acc .mdl-list__item-primary-content .mdl-list__item-text-body {
    color: white; }
  .acc.accWithErrors {
    background: none !important;
    background-color: #323232 !important; }
  .acc .accWithErrors {
    color: #ff5252 !important; }

.acc-instagram {
  background: #ffdc80;
  background: -moz-linear-gradient(45deg, #ffdc80 0%, #f77737 22%, #f56040 37%, #fd1d1d 52%, #fd1d1d 52%, #c13584 66%, #c13584 66%, #833ab4 78%, #405de6 100%);
  background: -webkit-linear-gradient(45deg, #ffdc80 0%, #f77737 22%, #f56040 37%, #fd1d1d 52%, #fd1d1d 52%, #c13584 66%, #c13584 66%, #833ab4 78%, #405de6 100%);
  background: linear-gradient(45deg, #ffdc80 0%, #f77737 22%, #f56040 37%, #fd1d1d 52%, #fd1d1d 52%, #c13584 66%, #c13584 66%, #833ab4 78%, #405de6 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc80', endColorstr='#405de6',GradientType=1 ); }

.acc-blogger {
  background: #f57c00 !important; }

.acc-facebook {
  background: #3b5998 !important; }

.acc-google-plus {
  background: #dd4b39 !important; }

.acc-linkedin {
  background: #0077b5 !important; }

.acc-livejournal {
  background: #004359 !important; }

.acc-my-world {
  background: #168de2 !important; }

.acc-odnoklassniki {
  background: #ed812b !important; }

.acc-paper-plane {
  background: #0088cc !important; }

.acc-pencil {
  background: #4AC948 !important; }

.acc-pinterest {
  background: #bd081c !important; }

.acc-reddit {
  background: #ff4500 !important; }

.acc-rss {
  background: #f26522 !important; }

.acc-tiktok {
  background: #101020 !important; }

.acc-tumblr {
  background: #001935 !important; }

.acc-twitter {
  background: #1da1f2 !important; }

.acc-vk, .acc-vk-market {
  background: #45668e !important; }

.acc-youtube {
  background: #cd201f !important; }

.blogger-color {
  background: #ffa243; }
  .blogger-color .mdl-chip__contact {
    background: #f57c00; }

.facebook-color {
  background: #5f7ec1; }
  .facebook-color .mdl-chip__contact {
    background: #3b5998; }

.google-color {
  background: #e8867a; }
  .google-color .mdl-chip__contact {
    background: #dd4b39; }

.insta-color {
  background: #d76ca8; }
  .insta-color .mdl-chip__contact {
    background: #c13584; }

.linkedin-color {
  background: #03a9ff; }
  .linkedin-color .mdl-chip__contact {
    background: #0077b5; }

.livejournal-color {
  background: #007da6; }
  .livejournal-color .mdl-chip__contact {
    background: #004359; }

.mail-color {
  background: #56afef; }
  .mail-color .mdl-chip__contact {
    background: #168de2; }

.odnoklassniki-color {
  background: #f3ab72; }
  .odnoklassniki-color .mdl-chip__contact {
    background: #ed812b; }

.pinterest-color {
  background: #f6976a; }
  .pinterest-color .mdl-chip__contact {
    background: #bd081c; }

.reddit-color {
  background: #f6976a; }
  .reddit-color .mdl-chip__contact {
    background: #ff4500; }

.rss-color {
  background: #f6976a; }
  .rss-color .mdl-chip__contact {
    background: #f26522; }

.telegram-color {
  background: #1ab3ff; }
  .telegram-color .mdl-chip__contact {
    background: #0088cc; }

.tiktok-color {
  background: #2a2a53; }
  .tiktok-color .mdl-chip__contact {
    background: #101020; }

.tumblr-color {
  background: #003d82; }
  .tumblr-color .mdl-chip__contact {
    background: #001935; }

.twitter-color {
  background: #65bff6; }
  .twitter-color .mdl-chip__contact {
    background: #1da1f2; }

.vkontakte-color, .acc511 {
  background: #698cb6; }
  .vkontakte-color .mdl-chip__contact, .acc511 .mdl-chip__contact {
    background: #45668e; }

.youtube-color, .yandex-color {
  background: #e55453; }
  .youtube-color .mdl-chip__contact, .yandex-color .mdl-chip__contact {
    background: #cd201f; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?2b14r8");
  src: url("fonts/icomoon.eot?2b14r8#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?2b14r8") format("truetype"), url("fonts/icomoon.woff?2b14r8") format("woff"), url("fonts/icomoon.svg?2b14r8#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa-livejournal,
.fa-mail-ru,
.fa-my-world,
.fa-vk-market,
.fa-yandex {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fa-livejournal:before {
  content: "\1f300"; }

.fa-mail-ru:before {
  content: "\e901"; }

.fa-my-world:before {
  content: "\e900"; }

.fa-vk-market:before {
  content: "\e904"; }

.fa-yandex:before {
  content: "\e902"; }

.article, .blog-blog {
  width: 100%;
  max-width: 800px;
  margin: 0 auto; }
  .article h1, .blog-blog h1 {
    color: #757575;
    font: 300 34px/40px Roboto,sans-serif;
    margin: 40px 0 20px; }
  .article h2, .blog-blog h2 {
    color: #212121;
    font: 400 20px/32px Roboto,sans-serif;
    margin: 24px 0 16px; }
  .article p, .blog-blog p {
    font: 400 16px/24px Roboto,sans-serif;
    min-width: 100%;
    color: #212121; }
  .article blockquote, .blog-blog blockquote {
    box-sizing: border-box;
    border-left: 5px solid #ff5252;
    padding-left: 20px;
    font-size: 16px;
    margin-bottom: 2.5rem; }
    .article blockquote::before, .article blockquote::after, .blog-blog blockquote::before, .blog-blog blockquote::after {
      content: ""; }
  .article img, .blog-blog img {
    float: right;
    padding: 0 20px;
    max-width: 100%; }

.blog-blog img, .item-page-blog img {
  width: 30%; }

.tagssimilar ul {
  list-style: none; }
  .tagssimilar ul li {
    display: inline-flex; }
    .tagssimilar ul li a {
      position: relative;
      margin: 3px 0 3px 5px;
      padding: 3px 5px 3px 5px;
      border: 1px solid #aaa;
      border-radius: 3px;
      background-color: #e4e4e4;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
      background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
      background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
      background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
      background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
      background-clip: padding-box;
      box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
      line-height: 13px;
      background-repeat: repeat-x;
      text-decoration: none; }
      .tagssimilar ul li a:hover {
        text-decoration: none;
        background: #e0e0e0 0 -20px;
        transition: background-position .1s linear; }

.wide {
  width: 500px;
  max-width: 90%; }

.scrollable {
  max-height: 40vh;
  overflow-y: scroll;
  border: 1px solid #e0e0e0;
  padding: 5px; }

.dialog__subtitle {
  padding: 24px 24px 0;
  margin: 0;
  font-size: 1.5rem; }

.mdl-dialog__login-with {
  text-decoration: none;
  outline: none;
  font-weight: 400; }

.mdl-dialog__subtext {
  font-size: 12px;
  color: gray;
  line-height: 16px; }

.close__icon {
  position: absolute;
  right: 14px;
  top: 14px;
  color: gray;
  cursor: pointer; }

.dialog__colorized {
  width: 400px;
  max-width: 100%;
  padding: 0; }
  .dialog__colorized .mdl-card {
    height: 1px;
    min-height: 150px;
    width: 100%;
    background: white; }
    .dialog__colorized .mdl-card .bar {
      background: lightblue; }
    .dialog__colorized .mdl-card .clrzText, .dialog__colorized .mdl-card .clrzDark, .dialog__colorized .mdl-card .clrzLight {
      transition: all ease .5s; }
  .dialog__colorized input.mdl-card__name {
    border: 1px solid white;
    background: 0;
    width: 100%;
    padding-left: 8px;
    margin-left: 8px; }

.dialog__accSettings {
  color: gray;
  margin: 3px 0 0; }

dialog::backdrop {
  background: rgba(0, 0, 0, 0.5); }

.template-table .template-table__caption.mobile-only {
  display: none; }

.template-table input[type="number"] {
  width: 60px;
  text-align: right; }

@media only screen and (max-width: 500px) {
  .template-table input[type="number"] {
    width: 40px;
    text-align: center; }
  .template-table tbody > .template-table__caption:hover + tr {
    background: #eeeeee; }
  .template-table .template-row_bordered {
    border-bottom: 1px solid lightgray; }
    .template-table .template-row_bordered td {
      padding-top: 0; }
  .template-table .template-table__caption.mobile-only {
    display: table-row;
    font-weight: bolder; }
    .template-table .template-table__caption.mobile-only td {
      padding-bottom: 0; }
  .template-table .desktop-only {
    display: none; } }

#checkStatus:not(:empty) + button {
  display: none; }

@media (max-width: 449px) {
  #checkStatus:not(:empty) {
    margin: auto;
    text-align: center; } }

#checkStatus .green {
  color: green; }

#checkStatus .red {
  color: red; }

.seo-label--normal {
  font-size: 16px;
  padding-bottom: 5px; }

textarea {
  overflow: hidden; }

.acc {
  border-bottom: 2px solid white;
  color: white; }
  .acc .mdl-list__item-primary-content .mdl-list__item-sub-title {
    color: rgba(255, 255, 255, 0.86); }
  .acc .mdl-list__item-primary-content .fa {
    text-align: center;
    background: none;
    background-size: cover;
    background-position: center; }
  .acc .mdl-list__item-primary-content .withImg {
    position: relative; }
    .acc .mdl-list__item-primary-content .withImg:before {
      font-size: 24px;
      position: absolute;
      right: -6px;
      bottom: -6px;
      text-shadow: -1px -1px 4px black; }
  .acc .mdl-list__item-primary-content .mdl-list__item-text-body {
    color: white; }
  .acc.accWithErrors {
    background: none !important;
    background-color: #323232 !important; }
  .acc .accWithErrors {
    color: #ff5252 !important; }

.acc-instagram {
  background: #ffdc80;
  background: -moz-linear-gradient(45deg, #ffdc80 0%, #f77737 22%, #f56040 37%, #fd1d1d 52%, #fd1d1d 52%, #c13584 66%, #c13584 66%, #833ab4 78%, #405de6 100%);
  background: -webkit-linear-gradient(45deg, #ffdc80 0%, #f77737 22%, #f56040 37%, #fd1d1d 52%, #fd1d1d 52%, #c13584 66%, #c13584 66%, #833ab4 78%, #405de6 100%);
  background: linear-gradient(45deg, #ffdc80 0%, #f77737 22%, #f56040 37%, #fd1d1d 52%, #fd1d1d 52%, #c13584 66%, #c13584 66%, #833ab4 78%, #405de6 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc80', endColorstr='#405de6',GradientType=1 ); }

.acc-blogger {
  background: #f57c00 !important; }

.acc-facebook {
  background: #3b5998 !important; }

.acc-google-plus {
  background: #dd4b39 !important; }

.acc-linkedin {
  background: #0077b5 !important; }

.acc-livejournal {
  background: #004359 !important; }

.acc-my-world {
  background: #168de2 !important; }

.acc-odnoklassniki {
  background: #ed812b !important; }

.acc-paper-plane {
  background: #0088cc !important; }

.acc-pencil {
  background: #4AC948 !important; }

.acc-pinterest {
  background: #bd081c !important; }

.acc-reddit {
  background: #ff4500 !important; }

.acc-rss {
  background: #f26522 !important; }

.acc-tiktok {
  background: #101020 !important; }

.acc-tumblr {
  background: #001935 !important; }

.acc-twitter {
  background: #1da1f2 !important; }

.acc-vk, .acc-vk-market {
  background: #45668e !important; }

.acc-youtube {
  background: #cd201f !important; }

.blogger-color {
  background: #ffa243; }
  .blogger-color .mdl-chip__contact {
    background: #f57c00; }

.facebook-color {
  background: #5f7ec1; }
  .facebook-color .mdl-chip__contact {
    background: #3b5998; }

.google-color {
  background: #e8867a; }
  .google-color .mdl-chip__contact {
    background: #dd4b39; }

.insta-color {
  background: #d76ca8; }
  .insta-color .mdl-chip__contact {
    background: #c13584; }

.linkedin-color {
  background: #03a9ff; }
  .linkedin-color .mdl-chip__contact {
    background: #0077b5; }

.livejournal-color {
  background: #007da6; }
  .livejournal-color .mdl-chip__contact {
    background: #004359; }

.mail-color {
  background: #56afef; }
  .mail-color .mdl-chip__contact {
    background: #168de2; }

.odnoklassniki-color {
  background: #f3ab72; }
  .odnoklassniki-color .mdl-chip__contact {
    background: #ed812b; }

.pinterest-color {
  background: #f6976a; }
  .pinterest-color .mdl-chip__contact {
    background: #bd081c; }

.reddit-color {
  background: #f6976a; }
  .reddit-color .mdl-chip__contact {
    background: #ff4500; }

.rss-color {
  background: #f6976a; }
  .rss-color .mdl-chip__contact {
    background: #f26522; }

.telegram-color {
  background: #1ab3ff; }
  .telegram-color .mdl-chip__contact {
    background: #0088cc; }

.tiktok-color {
  background: #2a2a53; }
  .tiktok-color .mdl-chip__contact {
    background: #101020; }

.tumblr-color {
  background: #003d82; }
  .tumblr-color .mdl-chip__contact {
    background: #001935; }

.twitter-color {
  background: #65bff6; }
  .twitter-color .mdl-chip__contact {
    background: #1da1f2; }

.vkontakte-color, .acc511 {
  background: #698cb6; }
  .vkontakte-color .mdl-chip__contact, .acc511 .mdl-chip__contact {
    background: #45668e; }

.youtube-color, .yandex-color {
  background: #e55453; }
  .youtube-color .mdl-chip__contact, .yandex-color .mdl-chip__contact {
    background: #cd201f; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?2b14r8");
  src: url("fonts/icomoon.eot?2b14r8#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?2b14r8") format("truetype"), url("fonts/icomoon.woff?2b14r8") format("woff"), url("fonts/icomoon.svg?2b14r8#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa-livejournal,
.fa-mail-ru,
.fa-my-world,
.fa-vk-market,
.fa-yandex {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fa-livejournal:before {
  content: "\1f300"; }

.fa-mail-ru:before {
  content: "\e901"; }

.fa-my-world:before {
  content: "\e900"; }

.fa-vk-market:before {
  content: "\e904"; }

.fa-yandex:before {
  content: "\e902"; }

.avatar {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  padding: 16px;
  padding-bottom: 70px; }
  .avatar img {
    width: 100%;
    height: auto; }

.red {
  color: red; }

.mdl-card__overlay {
  margin-left: -16px;
  width: 100%;
  bottom: 0;
  position: absolute;
  padding-left: 16px;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.65);
  max-height: 300px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: all .8s ease;
  -moz-transition: all .8s ease;
  -ms-transition: all .8s ease;
  -o-transition: all .8s ease;
  transition: all .8s ease;
  margin-bottom: 64px; }
  .mdl-card__overlay i {
    vertical-align: bottom; }
  .mdl-card__overlay p {
    padding-top: 8px;
    margin-bottom: 6px;
    white-space: normal; }

.avatar:hover > .mdl-card__overlay {
  max-height: 1000px;
  -webkit-transition: all .8s ease;
  -moz-transition: all .8s ease;
  -ms-transition: all .8s ease;
  -o-transition: all .8s ease;
  transition: all .8s ease; }

.mdl-card {
  overflow: visible; }
  .mdl-card .bar {
    color: white;
    height: 64px;
    display: flex;
    flex-shrink: 0;
    box-sizing: border-box;
    align-items: center;
    bottom: 0;
    position: absolute; }
  .mdl-card .mdl-card__stars {
    display: inline-table; }

.mdl-card__name {
  line-height: 1.5rem;
  color: white;
  font-size: 16px;
  font-weight: bolder;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 12px; }
  .mdl-card__name .mdl-card__info {
    font-weight: 400;
    white-space: nowrap; }

.mdl-card.disabled .avatar .mdl-card__overlay {
  max-height: 100%;
  height: auto; }

.mdl-card.disabled .avatar, .mdl-card.disabled .mdl-card__stars {
  background: lightgray !important;
  color: gray !important; }

.mdl-card.disabled .bar {
  background: gray !important; }

.mdl-list__item.acc .mdl-button--settings {
  display: none; }

.mdl-list__item.acc .mdl-button--on {
  display: none; }

@media (min-width: 840px) {
  .mdl-list__item.acc .mdl-button--settings {
    display: inline-block; }
  .mdl-list__item.acc .mdl-button--on {
    display: none; }
  .mdl-list__item.disabled .mdl-button--settings {
    display: none; }
  .mdl-list__item.disabled .mdl-button--on {
    display: inline-block; } }

.mdl-list__item.disabled {
  background: gray !important;
  transition: background .6s; }
  .mdl-list__item.disabled .mdl-list__item-avatar {
    filter: grayscale(100%); }
  .mdl-list__item.disabled .accWithErrors {
    color: maroon !important; }

.project-card .project-avatar {
  background: url("images/bg.jpg") no-repeat;
  background-size: cover; }

.project-card .scheme {
  width: 100%; }

.project-card .three-line {
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis; }

.disabled .scheme {
  -webkit-filter: grayscale(100%);
  /* Chrome, Safari, Opera */
  filter: grayscale(100%); }

.disabled .project-avatar {
  -webkit-filter: grayscale(100%);
  /* Chrome, Safari, Opera */
  filter: grayscale(100%); }

.mdl-menu a {
  text-decoration: none; }

.dashed {
  border: 3px dashed lightgray; }

.mdl-menu__item {
  width: 100%; }

.mdl-list__text-avatar {
  line-height: 40px;
  text-align: center; }

.switcher {
  margin: 16px 0; }
  .switcher span {
    padding-left: 12px; }

.square {
  padding: 50%;
  position: relative; }

.hr__gradient {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0)); }

.transparent {
  background-color: rgba(255, 255, 255, 0.3);
  vertical-align: middle; }

.card__link {
  height: 100%;
  text-decoration: none; }

.clrzText, .clrzDark, .clrzLight {
  transition: color ease .5s;
  transition: background-color ease .5s; }

#canvas-wrapper {
  display: table;
  width: 50%;
  height: 80vh;
  position: relative;
  float: left; }
  #canvas-wrapper .constructor__senders, #canvas-wrapper .constructor__receivers {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 50%;
    border: 1px solid black; }
    #canvas-wrapper .constructor__senders .bubble, #canvas-wrapper .constructor__receivers .bubble {
      margin: 20px; }
  #canvas-wrapper .constructor__trashbox {
    width: 100px;
    height: 100px;
    border: 1px solid red;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

.social-list {
  width: 48%;
  float: right;
  border: 1px solid black; }

.construct-field {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.bubble__name {
  opacity: 0;
  line-height: 60px;
  transition: all .5s ease;
  position: absolute;
  overflow: visible;
  width: 50%;
  margin: auto;
  left: 0;
  right: 0; }

.bubble__name_top {
  top: -50px; }

.bubble__name_down {
  top: 50px; }

.bubble {
  display: inline-block;
  vertical-align: middle;
  background-color: red;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  transition: all .5s ease;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer; }
  .bubble:focus, .bubble:hover {
    outline: 0;
    background-color: blue;
    width: 60px;
    height: 60px;
    transition: all .5s ease;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
    .bubble:focus .bubble__name, .bubble:hover .bubble__name {
      opacity: 1;
      transition: opacity .5s ease; }
  .bubble:active {
    background-color: green;
    width: 70px;
    height: 70px;
    transition-property: width, height, box-shadow, background-color;
    transition-duration: .5s;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
    .bubble:active .bubble__name {
      opacity: 0;
      transition: opacity .5s ease; }

.mdl-menu form {
  width: 100%; }

.mdl-layout-title {
  background: #1c2b36;
  color: white; }

.mdl-layout__drawer {
  border-right: 0;
  overflow: hidden; }

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
  padding: 16px 20px;
  font-weight: bolder; }

.active {
  background-color: #1C2B36 !important;
  color: #B0BDC4 !important; }

.submenu ul {
  max-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  transition: all .5s ease;
  list-style-type: none; }
  .submenu ul li {
    transition: all .5s ease;
    padding: 0 20px; }
  .submenu ul a {
    color: #4f4f4f;
    text-decoration: none; }

li.active {
  background-color: #1c2b36;
  color: white; }
  li.active:hover {
    background-color: #242a2e !important; }

div.mdl-js-ripple-effect {
  position: relative;
  overflow: hidden;
  cursor: pointer; }

.mdl-layout-menus::-webkit-scrollbar {
  height: 16px;
  overflow: visible;
  width: 16px; }

.mdl-layout-menus::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  border: solid transparent;
  border-width: 1px 1px 1px 6px;
  min-height: 28px;
  padding: 100px 0 0;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); }

.mdl-layout-menus::-webkit-scrollbar-corner {
  background: transparent; }

.mdl-layout-menus::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 4px; }

.mdl-layout-menus {
  display: flex;
  flex-direction: column;
  overflow: auto;
  overflow-y: scroll;
  flex: 1; }
  .mdl-layout-menus .mdl-navigation, .mdl-layout-menus .mdl-menu__item--full-bleed-divider {
    flex-shrink: 0; }

.bottom-menu {
  display: flex;
  flex: 1;
  min-height: 60px;
  position: relative; }
  .bottom-menu .copyright {
    font-size: 12px;
    color: #aaa;
    padding-left: 20px;
    position: absolute;
    bottom: 16px; }

.mdl-navigation.mdl-2levelmenu {
  white-space: normal; }
  .mdl-navigation.mdl-2levelmenu .nav-child {
    margin: 0;
    padding-left: 10px; }
    .mdl-navigation.mdl-2levelmenu .nav-child .mdl-navigation__link {
      padding-left: 10px;
      font-weight: normal;
      font-size: 95%; }
  .mdl-navigation.mdl-2levelmenu .active {
    color: #1c2b36 !important; }
  .mdl-navigation.mdl-2levelmenu .current {
    background: #1c2b36;
    color: white !important; }
    .mdl-navigation.mdl-2levelmenu .current:hover {
      background: #242a2e !important; }

nav.menuLeft a.deeper.active .expand-menu, nav.menuLeft a.deeper.clicked .expand-menu {
  display: none; }

nav.menuLeft a.deeper:not(.active):not(.clicked) + ul.nav-child {
  max-height: 0; }

nav.menuLeft a.deeper + ul.nav-child {
  transition-property: max-height;
  transition-duration: 0.5s;
  overflow: hidden; }

.mdl-button--icon.with-badge {
  width: 48px;
  height: 48px; }

.notifications-menu .mdl-menu__item.big {
  height: 120px;
  min-width: 280px;
  white-space: normal;
  width: 30vw; }
  @media (max-width: 479px) {
    .notifications-menu .mdl-menu__item.big {
      height: 200px; } }

.notifications-menu .delete {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.notifications-menu a {
  color: black; }
  .notifications-menu a.mdl-cell {
    max-height: 120px; }
    @media (max-width: 479px) {
      .notifications-menu a.mdl-cell {
        max-height: 200px; } }
  .notifications-menu a p {
    margin: 0; }
    .notifications-menu a p.topic {
      font-weight: bold; }
    .notifications-menu a p.date {
      font-style: italic;
      font-weight: lighter; }

.seolit-help {
  max-width: 640px;
  margin: 0 auto;
  padding-top: 50px; }

.seolit-help__notalone:before {
  content: "navigate_before"; }

.seolit-help__notalone:after {
  content: "navigate_next"; }

.mdl-chip--watermark {
  height: auto; }
  .mdl-chip--watermark .mdl-chip--watermark-img {
    padding: 5px;
    width: 50px;
    height: 50px; }

.mdl-textfield__partnumber .mdl-textfield__input {
  display: inline-block;
  width: 20%;
  text-align: center; }

/* ==========  Select Field Variables ========== */
/* ==========  Select Field ========== */
/* Style Select Field */
select {
  font-family: inherit;
  background-color: transparent;
  width: 100%;
  padding: 4px 0;
  font-size: 16px;
  color: rgba(0,0,0, 0.54);
  border: none;
  border-bottom: 1px solid rgba(0,0,0, 0.12); }

/* Remove focus */
select:focus {
  outline: none; }

.mdl-selectfield {
  width: 100%;
  max-width: 300px;
  position: relative; }
  .mdl-selectfield::after {
    position: absolute;
    top: 1.95em;
    right: 0.5em;
    /* Styling the down arrow */
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: .25em solid transparent;
    border-right: .25em solid transparent;
    border-top: 0.375em solid rgba(0,0,0, 0.12);
    pointer-events: none; }
  .mdl-selectfield select {
    appearance: none; }
  .mdl-selectfield option {
    appearance: none;
    /*&:hover{
      background-color: red;
    }*/ }

.wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-top: 1px solid rgba(0, 0, 0, 0.12); }
  .wrapper .slot {
    overflow: hidden;
    background: white;
    padding: 5px;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
    .wrapper .slot .add-content {
      display: none; }
    .wrapper .slot:hover {
      overflow: visible; }
      .wrapper .slot:hover .add-content {
        margin: -35px auto 35px;
        height: 100%;
        display: flex; }
    .wrapper .slot .day-calend {
      color: #888888;
      font-size: 18px;
      display: flex;
      justify-content: flex-end; }
    .wrapper .slot .block-pub {
      margin-top: 5px;
      display: flex; }
      @media (max-width: 1400px) {
        .wrapper .slot .block-pub {
          flex-direction: column; } }
      .wrapper .slot .block-pub.pub-ok {
        position: relative;
        background: #D1FFC1;
        border-left: 4px solid green; }
      .wrapper .slot .block-pub.pub-fail {
        position: relative;
        background: #FFA7A7;
        border-left: 4px solid red; }
      .wrapper .slot .block-pub.pub-planned {
        position: relative;
        background: #C1FBFF;
        border-left: 4px solid blue; }
      .wrapper .slot .block-pub.dragged {
        opacity: 0.5;
        transform: rotate(5deg); }
        .wrapper .slot .block-pub.dragged .tool-tip {
          display: none !important; }
      .wrapper .slot .block-pub .time-pub {
        min-width: 37px;
        overflow: hidden;
        padding-left: 3px;
        padding-right: 3px;
        background: #EBEBEB; }
      .wrapper .slot .block-pub .user-pub {
        max-width: 120px;
        padding-left: 5px;
        overflow: hidden; }
      .wrapper .slot .block-pub .tool-tip {
        padding: 10px;
        width: 200%;
        display: none;
        z-index: 1;
        position: absolute;
        top: -25px;
        left: 147px;
        box-shadow: 2px 2px 4px gray;
        border: 1px solid #dcdcdc;
        background: #f2f2f2; }
        .wrapper .slot .block-pub .tool-tip .text-bold {
          font-weight: bold;
          display: content; }
        .wrapper .slot .block-pub .tool-tip .tol-tip-content {
          display: content; }
        .wrapper .slot .block-pub .tool-tip .post-from-to {
          flex-direction: column;
          float: right;
          display: flex;
          flex-direction: row;
          justify-content: flex-start; }
        .wrapper .slot .block-pub .tool-tip .post-from {
          width: 50px;
          height: 50px;
          background: url("../images/from.png"); }
        .wrapper .slot .block-pub .tool-tip .post-to {
          width: 50px;
          height: 50px;
          background: url("../images/to.png"); }
        .wrapper .slot .block-pub .tool-tip .material-icons {
          line-height: 2; }
      .wrapper .slot .block-pub:hover .tool-tip {
        display: block;
        z-index: 1;
        position: absolute;
        top: -25px;
        left: 147px;
        box-shadow: 2px 2px 4px gray;
        border: 1px solid #dcdcdc;
        background: #f2f2f2; }
        @media (max-width: 1400px) {
          .wrapper .slot .block-pub:hover .tool-tip {
            left: 100px; } }
  .wrapper .day {
    line-height: 26px;
    font-size: 18px;
    color: #888888;
    padding-right: 5px;
    text-align: right;
    height: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
    @media (max-width: 600px) {
      .wrapper .day {
        height: 60px; } }
    .wrapper .day.day-close {
      border-right: 1px solid rgba(0, 0, 0, 0.12); }

.button-panel-ok {
  background-color: rgba(0, 0, 0, 0.25);
  position: sticky;
  margin-top: 20px;
  padding: 15px;
  text-transform: uppercase;
  line-height: 54px;
  bottom: -101px; }
  .button-panel-ok .ok-publish {
    background: #d1ffc1;
    text-align: center;
    height: 55px;
    display: grid;
    grid-template-columns: 1fr 1fr; }
    .button-panel-ok .ok-publish .but-pub {
      border: 1px solid rgba(0, 0, 0, 0.12); }
    .button-panel-ok .ok-publish .but-del {
      border: 1px solid rgba(0, 0, 0, 0.12); }

.button-panel-planed {
  background-color: rgba(0, 0, 0, 0.25);
  position: sticky;
  margin-top: 20px;
  padding: 15px;
  text-transform: uppercase;
  line-height: 54px;
  bottom: -101px; }
  .button-panel-planed .planed-publish {
    background: #c1fbff;
    text-align: center;
    height: 55px;
    display: grid;
    grid-template-columns: 1fr 1fr; }
    .button-panel-planed .planed-publish .but-repeat {
      border: 1px solid rgba(0, 0, 0, 0.12); }
    .button-panel-planed .planed-publish .but-del {
      border: 1px solid rgba(0, 0, 0, 0.12); }

.button-panel-fail {
  background-color: rgba(0, 0, 0, 0.25);
  position: sticky;
  margin-top: 20px;
  padding: 15px;
  text-transform: uppercase;
  line-height: 54px;
  bottom: -101px; }
  .button-panel-fail .fail-publish {
    background: #ffa7a7;
    text-align: center;
    height: 55px;
    display: grid;
    grid-template-columns: 1fr 1fr; }
    .button-panel-fail .fail-publish .but-stop {
      border: 1px solid rgba(0, 0, 0, 0.12); }
    .button-panel-fail .fail-publish .but-del {
      border: 1px solid rgba(0, 0, 0, 0.12); }

.content-plan {
  border: none !important;
  padding: 0px !important;
  height: 0px !important; }

.content-width {
  width: 80%; }

.mdl-button--file input {
  cursor: pointer;
  height: 100%;
  right: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 300px;
  z-index: 4; }

.mdl-textfield--file .mdl-textfield__input {
  box-sizing: border-box;
  width: calc(100% - 32px); }

.mdl-textfield--file .mdl-button--file {
  right: 0; }

.emoji-block {
  position: relative;
  margin: -15px 0 25px 0; }

.block-skrepa {
  display: flex;
  width: 40px;
  height: 40px;
  background: #C30D00;
  border-radius: 30px;
  color: #fff;
  margin-right: 6px;
  align-items: center;
  justify-content: center; }

.spacebetween-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 3px 15px 0;
  padding: 0px; }

.start-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0px; }

.button--kontur {
  border: 1px solid #b0bdc4; }

.count-img {
  background: #3c3b3b;
  color: #fff;
  border: 0px solid #D2D2D2;
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 0.8em;
  margin: 5px 10px 0px 20px; }

.image-table {
  width: 100%;
  margin-top: 10px;
  table-layout: auto;
  border-spacing: 0px; }

.image-table td {
  padding: 0 8px;
  background: #f0f0f0;
  border-top: 1px solid #fff; }

.button-attach-add {
  display: flex;
  padding-left: 1px;
  align-items: center; }

.mdl-button--url {
  cursor: pointer;
  background: #fff;
  border: 1px solid #C30D00;
  border-radius: 30px;
  font-size: 16px;
  height: 44px;
  margin: auto;
  padding: 0 16px 0 0;
  overflow: hidden;
  outline: none;
  position: relative;
  color: #C30D00; }
  .mdl-button--url:hover {
    color: #fff;
    background: #C30D00; }

.mdl-button--skrepa {
  background: #C30D00;
  border: 1px solid transparent;
  border-radius: 30px;
  font-size: 24px;
  height: 39px;
  margin: auto;
  min-width: 39px;
  width: 39px;
  padding: 0px;
  overflow: hidden;
  position: relative;
  color: #fff;
  line-height: 36px; }
  .mdl-button--skrepa:hover {
    background: #fff;
    border: 1px solid #C30D00;
    color: #C30D00; }

.mdl-button--emoji {
  background-color: #fbeb5b;
  border-radius: 0 20px 20px 20px;
  border: 1px solid transparent;
  padding: 1px 6px;
  color: #434343;
  outline: none; }
  .mdl-button--emoji .fa {
    font-size: 28px;
    vertical-align: middle; }
  .mdl-button--emoji:hover {
    background-color: #ffcc4d;
    color: #000; }

.block-attach {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: -5px 3px 0 3px; }

@media (max-width: 449px) {
  .block-attach {
    flex-wrap: wrap;
    margin: -10px 3px 20px 3px; } }

.affix {
  margin: -16px 0 0 7px; }

@media (max-width: 449px) {
  .affix {
    width: 100%;
    margin: -12px 0 0 2px;
    text-align: right; } }

.tristate {
  position: relative;
  display: inline-block; }
  .tristate > input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    opacity: 0; }
    .tristate > input[type="radio"] + i {
      position: relative;
      display: inline-block;
      width: 18px;
      height: 18px;
      vertical-align: top; }
      .tristate > input[type="radio"] + i, .tristate > input[type="radio"] + i:before, .tristate > input[type="radio"] + i:after {
        transition: all 0.3s; }
    .tristate > input[type="radio"]:first-child {
      z-index: 10; }
      .tristate > input[type="radio"]:first-child:checked {
        z-index: 0; }
    .tristate > input[type="radio"]:checked + input[type="radio"] {
      z-index: 10; }
    .tristate > input[type="radio"]:checked + i + label, .tristate > input[type="radio"]:checked + i + label + label {
      display: none; }
    .tristate > input[type="radio"]:checked + input[type="radio"] + i + label, .tristate > input[type="radio"]:checked + input[type="radio"] + i + label + label + label {
      display: none; }
    .tristate > input[type="radio"]:checked + input[type="radio"] + input[type="radio"] + i + label + label, .tristate > input[type="radio"]:checked + input[type="radio"] + input[type="radio"] + i + label + label + label {
      display: none; }
  .tristate-checkbox > input[type="radio"] + i {
    border: solid 2px #bdbdbd;
    border-radius: 3px; }
    .tristate-checkbox > input[type="radio"] + i:before {
      content: ' ';
      display: block;
      position: absolute;
      left: -2px;
      top: -2px;
      right: -2px;
      bottom: -2px;
      background-color: #8b8b8b;
      border-radius: 3px; }
    .tristate-checkbox > input[type="radio"] + i:after {
      content: ' ';
      display: block;
      position: absolute;
      left: 4px;
      top: 7px;
      color: white;
      border-bottom: solid 3px;
      opacity: 0; }
  .tristate-checkbox > input[type="radio"]:checked + i {
    background-color: #3f51b5; }
    .tristate-checkbox > input[type="radio"]:checked + i:before {
      background-color: #3f51b5; }
    .tristate-checkbox > input[type="radio"]:checked + i:after {
      left: 1px;
      top: 3px;
      width: 14px;
      height: 5px;
      border-left: solid 3px;
      border-bottom: solid 3px;
      transform: rotate(-45deg);
      opacity: 1; }
  .tristate-checkbox > input[type="radio"]:checked + input[type="radio"] + i:after {
    width: 10px;
    height: 0px;
    border-left: none;
    border-bottom: solid 3px;
    transform: rotate(0);
    opacity: 1; }
  .tristate-checkbox > input[type="radio"]:checked + input[type="radio"] + input[type="radio"] + i:before {
    opacity: 0;
    transform: scale(0); }

.kinda-tabs {
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  white-space: nowrap; }
  .kinda-tabs .kinda-tabs__tab {
    display: inline-block;
    width: 33%;
    box-sizing: border-box;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.54);
    text-decoration: none; }
    .kinda-tabs .kinda-tabs__tab.is-active {
      color: rgba(0, 0, 0, 0.87);
      border-bottom: 2px solid #1c2b36; }

.queue-table td, .queue-table th {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .queue-table td.short, .queue-table th.short {
    width: 150px;
    text-overflow: clip; }
  .queue-table td.cb-field, .queue-table th.cb-field {
    width: 70px; }
  .queue-table td.state-field, .queue-table th.state-field {
    width: 60px; }
  .queue-table td .fa, .queue-table th .fa {
    line-height: 40px;
    font-size: 30px;
    text-align: center; }
  .queue-table td .withImg, .queue-table th .withImg {
    position: relative;
    background-size: contain !important; }
    .queue-table td .withImg:before, .queue-table th .withImg:before {
      font-size: 24px;
      position: relative;
      right: -14px;
      bottom: -10px;
      text-shadow: 1px 1px 6px black; }

.mdl-data-table__cell--button {
  padding: 0;
  width: 50px; }

.nopadding {
  width: 32px;
  padding-left: 0 !important;
  color: #616161; }

.queue-image {
  height: 60px;
  width: 60px;
  margin: -10px auto;
  vertical-align: middle;
  object-fit: scale-down; }

#queue-table td:nth-of-type(3) {
  cursor: pointer; }

.list-footer {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 30px;
  font-family: 'Roboto', sans-serif; }
  .list-footer .pagination {
    margin-top: 24px;
    margin-bottom: 48px;
    font-size: 20px;
    text-align: center; }
    .list-footer .pagination .pagenav {
      text-decoration: none;
      color: rgba(0, 0, 0, 0.54);
      display: inline-block;
      height: 30px;
      width: 30px;
      transition: color .2s; }
      .list-footer .pagination .pagenav:hover {
        color: #ff5252; }
    .list-footer .pagination i {
      position: relative;
      top: 5px; }
    .list-footer .pagination .not_active {
      color: lightgray;
      cursor: default; }
    .list-footer .pagination .paginator__current-link {
      height: 30px;
      width: 30px;
      color: white;
      border-radius: 50%;
      background: #1c2b36; }
    .list-footer .pagination span {
      height: 30px;
      width: 30px;
      color: rgba(0, 0, 0, 0.5);
      display: inline-block;
      line-height: 30px; }

.buttons-table {
  border-top: 2px solid #1c2b36;
  position: fixed;
  bottom: 0;
  background: #fafafa;
  z-index: 1;
  text-align: center;
  width: 100%;
  transition: bottom .4s ease-out; }
  @media (min-width: 1024px) {
    .buttons-table {
      width: calc(100% - 240px);
      margin-left: 240px; } }
  .buttons-table.down {
    bottom: -40px;
    transition: bottom .2s; }

@media only screen and (max-width: 640px) {
  #queue-table, #queue-table thead, #queue-table tbody, #queue-table th, #queue-table td, #queue-table tr {
    display: block; }
  #queue-table thead {
    display: none; }
  #queue-table img {
    margin: 0 10px 0 auto !important;
    float: left; }
  #queue-table tbody tr {
    height: auto; }
  #queue-table tr, .mdl-data-table td {
    border: 0; }
  #queue-table td:nth-of-type(1), #queue-table td:nth-of-type(2) {
    display: inline-block;
    width: 50%; }
  #queue-table td:nth-of-type(2) {
    padding-top: 8px; }
  #queue-table td:nth-of-type(3) {
    white-space: normal;
    height: auto; }
  #queue-table td:nth-of-type(4) {
    padding-top: 4px;
    width: 100%; }
  #queue-table td:last-of-type {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    color: gray; }
  .queueTitle {
    display: block; } }

.queue-image__large img {
  max-width: 100%;
  transition: all 1s; }

.queue-view.item-hide {
  display: none; }

.queue-wall {
  overflow: hidden; }
  .queue-wall .line_1 {
    width: 100%;
    display: inline-block; }
  .queue-wall .wall-info {
    float: right; }
  .queue-wall.text-wall {
    max-width: 1000px;
    width: 100%;
    word-wrap: break-word;
    white-space: normal; }
  .queue-wall .info-wall {
    float: left;
    text-align: left; }
  .queue-wall .ico {
    float: right;
    padding-top: 26px; }
  .queue-wall.short {
    width: 150px;
    text-overflow: clip; }
  .queue-wall.cb-field {
    width: 170px; }
  .queue-wall.state-field {
    width: 160px; }
  .queue-wall .fa {
    line-height: 100px;
    font-size: 300px;
    text-align: center; }
  .queue-wall .withImg {
    position: relative;
    background-size: contain !important; }
    .queue-wall .withImg span {
      font-weight: bold; }
    .queue-wall .withImg:before {
      font-size: 24px;
      position: relative;
      right: -14px;
      bottom: -10px;
      text-shadow: 1px 1px 6px black; }

.buttons-menu {
  width: 100%;
  height: auto; }

.wall-info {
  float: left;
  text-align: left; }

.mdl-accordion.mdl-accordion--opened {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  margin-top: -1px; }

.mdl-accordion.mdl-accordion--opened + .mdl-accordion.mdl-accordion--opened {
  border-top: none;
  margin-top: 0; }

.mdl-accordion .mdl-accordion__content-wrapper {
  overflow: hidden; }

.mdl-accordion .mdl-accordion__content {
  transition-property: margin-top;
  transition-duration: 0.2s; }

.mdl-accordion .mdl-accordion__icon {
  transition-property: transform;
  transition-duration: 0.2s;
  color: rgba(0, 0, 0, 0.3);
  position: absolute;
  right: 6px;
  margin-top: -3px; }

.mdl-accordion.mdl-accordion--opened .mdl-accordion__icon {
  transform: rotate(-180deg); }

.mdl-accordion.mdl-accordion--opened .mdl-accordion__button {
  color: teal; }

.mdl-accordion.mdl-accordion--opened .mdl-accordion__content {
  margin-top: 0 !important; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-grid.mdl-cell.balance {
  background-color: #1c2b36;
  color: white; }

.balance__number {
  font-weight: bold;
  font-size: 3rem; }
  .balance__number i {
    font-size: 2rem;
    opacity: 0.8; }

.mdl-list-bill {
  width: 100%; }
  .mdl-list-bill .mdl-list__item {
    overflow: initial; }
    .mdl-list-bill .mdl-list__item .mdl-list__item-primary-content .mdl-grid--no-spacing {
      width: 100%; }
      @media (max-width: 839px) {
        .mdl-list-bill .mdl-list__item .mdl-list__item-primary-content .mdl-grid--no-spacing .mdl-list__item-caption {
          text-align: center; } }
      .mdl-list-bill .mdl-list__item .mdl-list__item-primary-content .mdl-grid--no-spacing .mdl-list__item-detail {
        margin-top: 8px;
        max-height: 150px;
        transition-property: max-height;
        transition-duration: 0.2s; }
        @media (max-width: 839px) {
          .mdl-list-bill .mdl-list__item .mdl-list__item-primary-content .mdl-grid--no-spacing .mdl-list__item-detail.is-hidden {
            max-height: 0;
            margin-top: 0;
            overflow: hidden; } }
    .mdl-list-bill .mdl-list__item .mdl-list__item-secondary-content .s-btn-expand.is-hidden {
      display: none; }

.mdl-textfield.mdl-combined {
  width: calc(100% - 16px);
  max-width: 550px;
  /*@media (min-width: $grid-tablet-breakpoint) and (max-width: $grid-desktop-breakpoint - 1) {
    width: calc(100% - 16px);
  }*/ }
  .mdl-textfield.mdl-combined .mdl-textfield__input {
    padding: 9px 0 0;
    display: inline-block;
    width: 50%;
    min-width: 200px; }
  .mdl-textfield.mdl-combined .mdl-textfield__label {
    color: rgb(63,81,181);
    font-size: 12px;
    top: 4px; }

.form-horizontal .mdl-button {
  margin-top: -20px; }

.msgErr {
  color: red; }

.msgOk {
  color: green; }

.profileNews {
  margin: 0; }
  .profileNews h5 {
    margin-left: 1rem; }
    .profileNews h5 a {
      color: black;
      text-decoration: none; }
  .profileNews .mdl-card {
    min-height: unset;
    height: inherit;
    background-color: white;
    border: 1px lightgray solid; }
    .profileNews .mdl-card .mdl-card__title {
      color: rgba(0, 0, 0, 0.54);
      display: block; }
    .profileNews .mdl-card .mdl-card__actions {
      background-color: lightgray;
      color: white; }

.pos5px {
  position: relative;
  top: 5px; }

@media (min-width: 480px) {
  .profileNewsContainer {
    max-height: 300px;
    transition-property: max-height;
    transition-duration: 0.2s; } }
  @media (min-width: 480px) and (max-width: 839px) {
    .profileNewsContainer.is-hidden {
      max-height: 0;
      margin-top: 0;
      overflow: hidden; } }

@media (max-width: 479px) {
  .profileNewsContainer {
    max-height: 600px;
    transition-property: max-height;
    transition-duration: 0.2s; } }
  @media (max-width: 479px) and (max-width: 839px) {
    .profileNewsContainer.is-hidden {
      max-height: 0;
      margin-top: 0;
      overflow: hidden; } }

.s-btn-expand.is-hidden {
  display: none; }

#projectListTitle {
  margin-left: 1rem; }

p.list-info {
  padding: 20px 20px 0;
  margin: 0; }

.icon-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
  padding: 10px; }

.icon-list__item {
  text-align: center; }

.icon-list__item_account {
  padding: 8px 5px;
  cursor: pointer;
  transition: background .2s; }
  .icon-list__item_account:hover {
    background: #f1f1f1;
    transition: background .3s;
    border-radius: 10px; }
  .icon-list__item_account:active {
    background: #d3d3d3;
    transition: background .3s;
    border-radius: 10px; }
  .icon-list__item_account .material-icons {
    width: auto;
    min-width: 40px; }

.space-bottom {
  margin-bottom: 45px; }

.statContainer {
  max-height: 650px;
  transition-property: max-height;
  transition-duration: 0.2s;
  overflow: hidden; }
  @media (max-width: 839px) {
    .statContainer.is-hidden {
      max-height: 0;
      margin-top: 0;
      overflow: hidden; } }
  .statContainer.is-hidden {
    max-height: 0;
    margin-top: 0; }

.page-content {
  margin-bottom: 80px; }
  .page-content .mdl-grid {
    background: white; }

.night-mode {
  filter: invert(1) hue-rotate(210deg); }

.mdl-layout__content {
  padding-bottom: 110px;
  z-index: auto; }

.mdl-card {
  z-index: auto; }

.mdl-tooltip {
  z-index: 99900; }

.mdl-layout-title.mdl-layout__header-row .mdl-list__item-avata {
  vertical-align: middle; }

.mdl-navigation {
  white-space: nowrap; }
  .mdl-navigation .material-icons {
    padding-right: 10px;
    white-space: nowrap; }

.mdl-layout-title__real-title {
  overflow: hidden;
  max-width: 90%;
  text-overflow: ellipsis;
  height: 50px;
  line-height: 50px; }

.mdl-layout-title__alt {
  display: none; }

.mdl-layout-title {
  white-space: nowrap; }
  .mdl-layout-title a {
    text-decoration: none;
    color: white; }

@media (min-width: 1024px) {
  #settings {
    margin-left: 6px; }
  .mdl-layout-title__alt {
    display: inline; }
  .mdl-layout-spacer__mobile {
    display: none; }
  .mdl-layout-title {
    padding-left: 20px !important; }
  .mdl-layout-title__real-title {
    padding-left: 0 !important; } }

.mdl-layout__drawer {
  border-right: 0; }

.nomargin {
  margin: 0; }

.tooltip_left {
  text-align: left; }

.nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.half-width {
  width: 50%; }

.full-width {
  width: 100%;
  table-layout: fixed; }

.topWarning {
  background: #323232;
  color: white;
  width: 100%;
  padding: 16px;
  margin-top: -8px;
  margin-left: -8px;
  flex-shrink: 0;
  display: flex; }
  .topWarning .topWarning__msg {
    line-height: 36px; }
  .topWarning button {
    margin: 0 8px;
    flex-shrink: 0; }

.topWarningWhite {
  background: #fff;
  color: #878787;
  border: 1px solid #00aeef;
  padding: 5px 10px;
  margin: 10px;
  display: flex;
  align-items: center; }
  .topWarningWhite .topWarning__msg {
    line-height: 18px;
    padding: 0px 15px; }
  .topWarningWhite button {
    margin: 5px 8px;
    flex-shrink: 0; }

.mdl-js-tabs.mdl-js-ripple-effect {
  overflow: visible; }

.no-decoration {
  text-decoration: none; }

.smaller {
  font-size: 70%;
  line-height: 0; }

.block {
  display: block; }

.uploaded {
  width: 300px;
  max-width: 100%; }

.upload-preview {
  height: 64px;
  background-size: contain;
  padding-right: 8px; }

.checkboxLighten {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  width: 34px;
  height: 34px; }
  .checkboxLighten .mdl-checkbox {
    left: 9px;
    top: 6px; }

.rightpadding .mdl-textfield, .rightpadding ul {
  width: 100% !important; }

.rightpadding li {
  padding: 16px 0; }

@media (min-width: 840px) {
  .rightpadding {
    padding-right: 48px; } }

.mdl-avatar__small {
  line-height: 40px !important;
  font-size: 23px !important;
  text-align: center; }

.mdl-list__selectable {
  cursor: pointer;
  transition: background 0.2s; }
  .mdl-list__selectable:hover {
    background: #f1f1f1;
    transition: background 0.3s; }
  .mdl-list__selectable:active {
    background: lightgrey;
    transition: background 0.3s; }

.ttDialog {
  color: #bdbdbd;
  font-size: 16px !important; }

.mdl-tooltip--middle {
  line-height: 16px;
  font-size: 12px;
  padding: 12px;
  text-align: left;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

.contact-form {
  max-width: 600px; }

#helpFixed {
  position: fixed;
  right: 3rem;
  bottom: 3rem;
  z-index: 100;
  background: #1c2b36 !important; }

.tablePriceContent {
  white-space: normal; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.material-icons.mdl-list__item-avatar {
  vertical-align: middle;
  font-size: 23px; }

.center-content {
  display: flex;
  justify-content: center;
  align-items: center; }

.pager.pagenav .material-icons {
  line-height: 1.3;
  font-size: 40px; }

.pager.pagenav li {
  list-style-type: none;
  display: inline; }
  .pager.pagenav li a {
    color: white;
    padding: 0 7px 0 7px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    text-decoration: none;
    user-select: none;
    background: #e8e8e8;
    outline: none;
    border-radius: 40px; }
  .pager.pagenav li.previous {
    /*
      a :after {
        content: "назад ";
        vertical-align: top;
        line-height: 13px;
      }
      */ }
    .pager.pagenav li.previous a {
      float: left;
      margin-left: -42px; }
  .pager.pagenav li.next {
    /*
      a :before {
        content: "вперед";
        vertical-align: top;
        line-height: 13px;
      }
      */ }
    .pager.pagenav li.next a {
      float: right; }

#splashScreen2.closed, .splashed {
  display: none; }

.mdl-button--note {
  background: #00aeef;
  color: #fff; }
  .mdl-button--note:hover {
    background: #000; }

.black-big {
  color: #000;
  text-transform: uppercase; }

.black-small {
  color: #000;
  font-size: 0.7em; }

.fafa-blue {
  font-size: 1.6em;
  color: #00aeef;
  padding-right: 5px; }

.mdl-list-top {
  margin-top: 8px; }

.cancell-shadow {
  box-shadow: none !important; }

#calBorder input[type=number] {
  width: 54px;
  font-size: 24px;
  text-align: center;
  margin: 6px auto;
  border: 0; }

#calBorder input[type=number]::-webkit-inner-spin-button,
#calBorder input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; }

#calBorder .calTime {
  margin: 0 auto; }

#calBorder .calHeader {
  background-color: #1c2b36;
  color: #fff;
  text-align: center;
  height: 56px;
  line-height: 56px;
  position: relative; }
  #calBorder .calHeader .calHeader__leftarrow {
    left: 4px;
    top: 12px;
    position: absolute; }
  #calBorder .calHeader .calHeader__rightarrow {
    right: 4px;
    top: 12px;
    position: absolute; }

.calWrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  background: rgba(0, 0, 0, 0.5); }

.calBody {
  background-color: white;
  padding-bottom: 16px; }

.calDisabled {
  color: gray; }

.calSelected {
  color: white;
  background-color: #1c2b36; }

.calToday {
  color: #1c2b36; }

.calTD {
  height: 30px;
  border-radius: 50%; }

.calWeek {
  background-color: #fff !important;
  font-weight: bolder; }

.calSaturday, .calSunday {
  background-color: #fff !important;
  font-weight: bolder;
  color: red; }

.calToday {
  background-color: #fff !important;
  font-weight: bolder;
  color: #1c2b36; }

.mainpage-buttons {
  color: white;
  background: #3f51b5;
  text-decoration: none;
  padding: 16px;
  font-size: 16pt;
  margin: 8px;
  box-sizing: border-box; }
  .mainpage-buttons:visited {
    color: white;
    text-decoration: none; }
  .mainpage-buttons i.material-icons {
    padding-right: 10px;
    vertical-align: middle; }

.source-capabilities {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 20px; }

.head-source {
  background: #c1fbff;
  padding: 5px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  text-align: center; }

.receiver-capabilities {
  overflow-x: scroll;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 20px; }

.head-receiver {
  background: #d1ffc1;
  padding: 5px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  text-align: center; }

.capabilities-lightgray-center {
  background: #f2f2f2;
  padding: 5px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center; }

.capabilities-lightgray {
  align-items: center;
  display: flex;
  background: #f2f2f2;
  padding: 5px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  text-align: center; }

.capabilities-plus {
  padding: 5px;
  background: #00a8ff;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  color: white;
  font-size: 16px; }

.capabilities-plus-green {
  padding: 5px;
  background: #07bd18;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  color: white;
  font-size: 16px; }

.capabilities-gray-center {
  background: #dfdfdf;
  padding: 5px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center; }

.capabilities-gray {
  align-items: center;
  display: flex;
  overflow: hidden;
  background: #dfdfdf;
  padding: 5px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  text-align: center; }