/* Application baseline: preserve the former browser defaults without Material runtime CSS. */
html,body{height:100%;position:relative}
body{margin:0;padding:0}
[tabindex="-1"]:focus{outline:none}
.inset{padding:10px}
button,input,select,textarea{vertical-align:baseline}
button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}
button[disabled],html input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{cursor:default}
textarea{vertical-align:top;overflow:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box;-webkit-box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input:-webkit-autofill{text-shadow:none}
body[dir=ltr],body[dir=rtl],html[dir=ltr],html[dir=rtl]{unicode-bidi:embed}
bdo[dir=rtl]{direction:rtl}
bdo[dir=ltr],bdo[dir=rtl]{unicode-bidi:bidi-override}
bdo[dir=ltr]{direction:ltr}
html,body{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
button,html,input,select,textarea{font-family:Roboto,"Helvetica Neue",sans-serif}
button,input,select,textarea{font-size:100%}

.bg-accent {
  background-color: #E91E63 !important;
}
.bg-primary {
  background-color: #4054B2 !important;
}
.bg-success {
  background-color: #00db70 !important;
}
.bg-invalid {
  background-color: #ffebee !important;
}
.bg-danger {
  background-color: #ff3d00 !important;
}
.bg-warn {
  background-color: #ffa000 !important;
}
.bg-disabled {
  background-color: rgba(221, 221, 221, 0.44) !important;
}
.bg-unverified {
  background-color: #fff1c6a6 !important;
}
.bg-white {
  background-color: #fff !important;
}
.text-accent {
  color: #E91E63 !important;
}
.text-warn {
  color: #ffa000 !important;
}
.text-warn-accent {
  color: #DA5E26 !important;
}
.text-primary {
  color: #4054B2 !important;
}
.text-success {
  color: #00db70 !important;
}
.text-danger {
  color: #ff3d00 !important;
}
.text-danger label {
  color: #ff3d00 !important;
}
.text-danger input {
  color: #ff3d00 !important;
}
.text-muted {
  color: #757575;
}
.text-error {
  color: #DB2E17 !important;
}
.text-error label {
  color: #DB2E17 !important;
}
.text-error input {
  color: #DB2E17 !important;
}
.text-white {
  color: #fff !important;
}
.mobile a {
  outline: none;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.mobile .md-dense .md-subheader-inner {
  padding: 6px;
}
.mobile md-input-container {
  margin: 14px 0 10px 0;
}
.mobile .md-select-menu-container {
  max-width: 300px;
}
.mobile md-pagination-wrapper,
.mobile .md-nav-bar {
  height: 40px;
}
.mobile md-tab-item,
.mobile .md-nav-item button {
  padding: 8px 8px;
  font-size: 12px;
}
.mobile md-table-pagination {
  justify-content: space-between;
  padding: 0 6px;
}
.mobile md-table-pagination md-select {
  min-width: 40px;
}
.mobile md-table-pagination .buttons button {
  margin-left: 0!important;
}
.mobile md-table-pagination .buttons .label {
  width: 70px;
}
.mobile md-table-pagination .limit-select .label {
  font-size: 0;
  visibility: hidden;
}
.mobile md-table-pagination .limit-select .label::before {
  content: "На стр.";
  font-size: 12px;
  visibility: visible;
}
.mobile md-table-pagination .page-select md-select {
  justify-content: start;
}
.mobile md-table-pagination .page-select md-select-value {
  flex-flow: row-reverse;
}
.mobile md-table-pagination .page-select .label {
  display: none;
}
.mobile md-table-pagination .page-select .md-select-icon {
  justify-content: start!important;
}
.mobile md-table-pagination > div {
  margin-left: 0!important;
}
.mobile md-nav-item span {
  font-size: 11px!important;
}
.mobile md-bottom-sheet {
  height: 67px;
}
.mobile md-bottom-sheet .md-button md-icon {
  min-width: 24px;
  min-height: 24px;
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.mobile md-bottom-sheet .md-button .md-grid-text {
  font-size: 10px;
}
.mobile md-card-header,
.mobile md-card-content {
  padding: 10px;
}
.mobile md-card-avatar {
  margin-right: 8px;
}
.mobile md-card-title-text .md-headline {
  font-size: 13px!important;
  line-height: 18px!important;
}
.mobile md-card-title-text .md-headline.single {
  font-size: 14px!important;
  line-height: 40px!important;
  font-weight: 500!important;
}
.mobile md-card-header-text .md-headline {
  font-size: 13px!important;
  line-height: 18px!important;
}
.mobile md-card-header-text .md-headline.single {
  font-size: 14px!important;
  line-height: 40px!important;
  font-weight: 500!important;
}
.mobile md-card-header-text .md-subhead {
  font-size: 11px!important;
  line-height: 18px;
}
.mobile md-card-title-media {
  margin-left: 8px;
}
.mobile .md-contact-avatar {
  display: none;
}
.mobile .md-contact-name {
  font-size: 12px;
}
.mobile md-list-item {
  padding: 0 8px;
}
.mobile md-list-item > .md-button {
  padding: 0!important;
}
.mobile .md-list-item-text .md-headline {
  font-size: 13px !important;
  line-height: 18px !important;
}
.mobile .md-2-line,
.mobile .md-3-line {
  min-height: 40px!important;
}
.mobile .md-2-line .md-avatar,
.mobile .md-2-line .md-avatar-icon {
  margin-top: 8px!important;
  margin-right: 8px!important;
}
.mobile .md-3-line .md-avatar,
.mobile .md-3-line .md-avatar-icon {
  margin-top: 8px!important;
  margin-right: 8px!important;
}
.mobile .md-avatar-icon {
  height: 20px!important;
  width: 20px!important;
  min-width: 20px!important;
  min-height: 20px!important;
  font-size: 20px!important;
}
.mobile scroller {
  bottom: 0;
  right: 0;
}
.mobile #vk_messages {
  right: 70px!important;
  margin-bottom: 16px!important;
}
.mobile .toggle {
  line-height: 80px;
}
.mobile .toggle md-checkbox {
  margin: 0 10px;
  width: 20px;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.avatar {
  border-radius: 50%;
  height: 40px;
  width: 40px;
}
.bold {
  font-weight: bold;
}
.card-minified {
  box-shadow: none;
}
.card-minified md-card-content {
  padding: 8px;
}
.checkbox-legend {
  color: #757575;
  font-size: 13px;
}
.comment-bar-info {
  font-size: 12px;
  margin: 0 8px;
}
.comment-list-divided md-list-item {
  padding: 10px;
}
.comment-list-divided md-list-item:last-child {
  padding-bottom: 0;
}
.comment-list-divided md-list-item:last-child md-divider {
  display: none;
}
.comment-list-divided md-list-item::before {
  min-height: initial;
}
.comment-list-divided .md-button {
  margin-right: 6px!important;
}
.comment-list-divided .md-secondary-container:not(:empty) {
  margin: 0;
  min-height: 60px;
}
.no-margin {
  margin: 0!important;
}
.no-padding {
  padding: 0!important;
}
.counter-bold {
  vertical-align: super;
  font-weight: bold;
}
.full-width {
  width: 100%;
}
.full-width-flex {
  max-width: 100% !important;
  width: 100% !important;
}
.line-heighted-as-pill {
  line-height: 22px;
}
.no-outline {
  outline: none;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.no-underline {
  text-decoration: none;
}
.no-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.placeholder-xs input::-webkit-input-placeholder {
  font-size: 8px;
}
.placeholder-xs input::-moz-placeholder {
  font-size: 8px;
}
.placeholder-xs input:-ms-input-placeholder {
  font-size: 8px;
}
.placeholder-xs input:-moz-placeholder {
  font-size: 8px;
}
.md-icon-circle {
  padding: 8px;
  border-radius: 50%;
}
md-dialog.extra-view {
  overflow: visible;
  padding: 10px;
}
md-dialog.extra-view button.md-button.extra-view-btn-close {
  margin: 0;
  position: absolute;
  right: -20px;
  top: -20px;
}
md-dialog.extra-view button.md-button.extra-view-btn-close md-icon {
  border-radius: 50%;
  color: #FFFFFF;
  padding: 5px;
  background-color: #4054B2 !important;
  min-width: 14px;
  min-height: 14px;
  width: 14px;
  height: 14px;
  font-size: 14px;
}
md-dialog.extra-view md-dialog-content {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
md-dialog.extra-view md-dialog-content::-webkit-scrollbar {
  display: none;
}
md-input-container.no-errors-spacer .md-errors-spacer {
  display: none;
}
md-table-container.compact-table table.md-table tr.md-row {
  height: 30px;
}
md-table-container.compact-table table.md-table td.md-cell,
md-table-container.compact-table table.md-table th.md-column {
  padding: 6px!important;
}
.text-center {
  text-align: center!important;
}
.text-left {
  text-align: left!important;
}
.text-right {
  text-align: right!important;
}
.cell-width-fit {
  width: 1%;
}
.cell-width-flexible {
  width: initial!important;
}
.cell-width-xl {
  max-width: 170px;
  min-width: 170px;
  width: 170px;
}
.cell-width-lg {
  max-width: 140px;
  min-width: 140px;
  width: 140px;
}
.cell-width-md {
  max-width: 115px;
  min-width: 115px;
  width: 115px;
}
.cell-width-sm {
  max-width: 90px;
  min-width: 90px;
  width: 90px;
}
.cell-width-xs {
  max-width: 60px;
  min-width: 60px;
  width: 60px;
}
.cell-width-xxl {
  max-width: 220px;
  min-width: 220px;
  width: 220px;
}
.cell-width-pill {
  max-width: 220px;
  min-width: 220px;
  width: 220px;
}
[class*=table-container] table.md-table td.md-cell,
[class*=table-container] table.md-table th.md-column {
  padding: 6px!important;
  vertical-align: baseline;
}
[class*=table-container] table.md-table td.md-cell.cell-nest-table {
  padding: 0!important;
}
[class*=table-container] table.md-table.md-row-select td.md-cell.md-checkbox-cell,
[class*=table-container] table.md-table.md-row-select th.md-column.md-checkbox-column {
  max-width: 20px;
  min-width: 20px;
  width: 20px;
}
.table-container-invoices table.md-table.view-mobile td.md-cell {
  padding: 18px 6px!important;
}
.table-container-report-finances tr > * {
  max-width: 115px;
  min-width: 115px;
  width: 115px;
  text-align: right!important;
}
.table-container-report-finances tr > * > * {
  vertical-align: inherit;
}
.table-container-report-finances .cell-width-flexible {
  text-align: left!important;
}
.decoration-no {
  text-decoration: none;
}
.pointer {
  cursor: pointer;
}
.break-all {
  word-break: break-all;
}
.search-btn {
  height: 40px!important;
  margin-top: 0!important;
  margin-bottom: 0!important;
  min-width: 40px!important;
}
.select-with-search .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: 16px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  width: auto;
}
.select-with-search .header-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}
.select-with-search md-input-container {
  min-width: 112px;
}
.select-with-search md-content._md {
  max-height: 240px;
}
.select-with-search .md-select-value .md-text {
  display: flex!important;
  align-items: center;
  padding: 8px 0;
}
.select-with-search md-option .md-text {
  display: flex;
  align-items: center;
}
.select-with-search md-option .title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-with-search .select-image-preview {
  border-radius: 50%;
  margin-right: 10px;
  height: 30px;
  width: 30px;
}
.btn-first {
  margin-left: 0!important;
}
.btn-last {
  margin-right: 0!important;
}
.btn-title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 12px;
  margin-top: 12px;
  text-transform: uppercase;
}
.btn-mobile {
  height: 40px!important;
  margin-bottom: 0!important;
  margin-top: 0!important;
}
.toast-error .md-toast-content {
  background-color: #DB2E17 !important;
}
.info-block {
  color: #757575;
  font-size: 12px;
}
.blink {
  animation: blinker 1s linear infinite;
}
.blink-slow {
  animation: blinker 5s linear infinite;
}
html {
  overflow-y: scroll;
  overflow-x: hidden;
}
body {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
  height: auto;
}
body.scroll-off {
  overflow: hidden !important;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.overflow-off body {
  position: fixed;
  width: 100%;
}
.md-button {
  border-radius: 5px;
  text-transform: none;
}
md-card {
  margin: 0 0 calc(1em / 2);
}
md-dialog > form {
  display: block!important;
  overflow: initial!important;
}
md-toast {
  position: fixed;
}
md-select .material-icons,
md-select-menu .material-icons {
  color: rgba(0, 0, 0, 0.54);
  margin-right: 5px;
}
md-select[disabled] .md-select-value {
  opacity: 0.6 !important;
}
md-grid-list md-grid-tile md-grid-tile-footer {
  background: rgba(0, 0, 0, 0.45);
}
md-table-pagination .buttons .label {
  width: 90px;
  text-align: right;
}
.md-table md-checkbox .md-ripple-container {
  display: none;
}
md-tooltip {
  font-size: 12px;
}
md-bottom-sheet {
  padding: 8px!important;
  position: fixed;
  z-index: 70!important;
  height: 90px;
  -webkit-transform: initial;
  transform: initial;
  transition-duration: 0.2s;
}
md-bottom-sheet md-list {
  flex-wrap: nowrap!important;
}
md-bottom-sheet md-list-item {
  height: 100%!important;
  padding: 0!important;
}
md-bottom-sheet .md-button {
  height: 100%;
  justify-content: center;
  min-width: initial;
  width: 100%!important;
}
md-bottom-sheet .md-button md-icon {
  min-width: 48px;
  min-height: 48px;
  width: 48px;
  height: 48px;
  font-size: 48px;
  margin: 0;
}
md-bottom-sheet .md-grid-text {
  width: 100%!important;
  padding-top: 0!important;
}
.md-bottom-sheet-margin {
  margin-bottom: 80px;
}
.md-dialog-container {
  height: 100%!important;
  position: fixed!important;
  top: 0!important;
}
.table-minified {
  font-size: 12px;
}
.table-minified th.md-column,
.table-minified td.md-cell {
  padding: 0 6px!important;
}
.table-minified tr.md-row {
  height: 28px!important;
}
.table-nested tbody tr:first-child td.md-cell {
  border-top: none!important;
}
table.md-table th.md-column md-icon {
  font-size: 20px!important;
  line-height: 22px!important;
}
[md-numeric] input {
  text-align: right;
}
.color-primary {
  color: #4054B2;
}
.color-success {
  color: #00db70;
}
.color-warn {
  color: #ffa000;
}
.sph-btn-small {
  min-height: 20px!important;
  line-height: 20px!important;
  text-align: left;
}
.sph-btn-small span {
  font-size: 14px;
}
.sph-btn-small md-icon {
  font-size: 20px;
}
.sph-btn-novelty {
  background-color: #E91E63 !important;
  color: #fff !important;
}
.sph-btn-novelty md-icon {
  color: #fff !important;
}
.sph-btn-novelty:before {
  position: absolute;
  top: 0;
  left: -500px;
  content: "";
  width: 120px;
  height: 500px;
  background: rgba(255, 255, 255, 0.6);
  transform: skew(-50deg);
  /* transition: 1s; */
  animation: shine 3s ease infinite;
}
@keyframes shine {
  from {
    left: -500px;
  }
  to {
    left: 655px;
  }
}
.sph-md-select-option {
  background-color: transparent!important;
}
.sph-md-select-option md-checkbox .md-icon {
  border-radius: 50%;
  background-color: transparent!important;
}
.sph-md-select-option md-checkbox .md-icon::after {
  background-color: rgba(255, 64, 129, 0.87);
  border: 2px solid rgba(255, 64, 129, 0.87) !important;
  border-radius: 50%;
  height: 10px;
  left: 3px;
  top: 3px;
  width: 10px;
}
.sph-md-select-option md-checkbox.md-checked .md-icon {
  border-color: rgba(255, 64, 129, 0.87) !important;
}
.sph-md-select-option-hidden md-checkbox {
  display: none;
}
.margin-hlf-top {
  margin-top: calc(1em / 2);
}
.margin-std-top {
  margin-top: 1em;
}
.margin-db-top {
  margin-top: calc(1em * 2);
}
.margin-hlf-bottom {
  margin-bottom: calc(1em / 2);
}
.margin-std-bottom {
  margin-bottom: 1em;
}
.margin-dbl-bottom {
  margin-bottom: calc(1em * 2);
}
.margin-std-right {
  margin-right: 1em;
}
.margin-dbl-right {
  margin-right: calc(1em * 2);
}
.margin-std-left {
  margin-left: 1em;
}
.margin-dbl-left {
  margin-left: calc(1em * 2);
}
.margin-std-x {
  margin: 0 1em;
}
.margin-std-y {
  margin: 1em 0;
}
.margin-std {
  margin: 1em;
}
.item {
  cursor: pointer!important;
  outline: none;
}
.background-image {
  background-size: cover;
}
.tr-select {
  padding: 5px!important;
  width: 24px;
}
.tr-input {
  border: none;
  outline: none;
  border-bottom: 1px #E1E1E1 solid;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  background-color: transparent;
}
.tr-input:focus {
  border-color: #4054B2;
}
.tr-input.ng-invalid {
  border-color: #DB2E17;
}
.tr-count {
  padding: 5px!important;
  width: 80px;
}
.tr-amount {
  max-width: 100px;
  width: 80px;
}
.tr-copy {
  max-width: 30px;
  width: 30px;
}
.tr-copy md-icon,
.tr-copy i {
  outline: none;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.tr-copy .enabled md-icon,
.tr-copy .enabled i {
  outline: none;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  cursor: pointer;
  color: #4054B2;
}
.tr-copy .disabled md-icon,
.tr-copy .disabled i {
  outline: none;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  color: #757575;
}
.tr-one-action {
  padding: 5px!important;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
}
md-select-menu md-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: flex;
  align-items: center;
  width: auto;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.margin-no {
  margin: 0!important;
}
.margin-no-bottom {
  margin-bottom: 0!important;
}
.padding-no {
  padding: 0!important;
}
.padding-no md-card-header,
.padding-no md-card-content {
  padding: 0!important;
}
.text-decoration-no {
  text-decoration: none;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.positive {
  color: #388e3c !important;
}
.negative {
  color: #f44336 !important;
}
.zero {
  color: #757575 !important;
}
.awaiting {
  color: #ffa000 !important;
}
.pill {
  color: white;
  cursor: default;
  border-radius: 16px;
  display: block;
  height: 22px;
  line-height: 22px;
  padding: 0 12px;
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
}
.pill md-icon {
  color: white;
}
.pill-size {
  float: right;
  margin-left: 15px;
}
.pill-gray {
  background-color: #757575;
}
.pill-success {
  background-color: #00db70;
}
.pill-primary {
  background-color: #4054B2;
}
.pill-danger {
  background-color: #ff3d00;
}
.pill-warn {
  background-color: #ffa000;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.description-cutter {
  margin-top: 0.5em;
  font-size: 12px;
}
.description-cutter i {
  font-size: 12px;
}
.deleted {
  color: #ff3d00;
  text-decoration: line-through;
}
.page {
  background-color: white!important;
  color: black!important;
}
.facets-is-show {
  margin-left: 170px;
}
md-content:has(organizing-fee) {
  overflow: visible;
}

/* Angular Material 1 checkbox appearance, retaining native input semantics. */
input[type=checkbox]:not([role=switch]){appearance:none !important;-webkit-appearance:none !important;position:relative !important;flex:0 0 20px !important;box-sizing:border-box !important;width:20px !important;height:20px !important;min-width:20px !important;max-width:20px !important;min-height:20px !important;max-height:20px !important;padding:0 !important;box-shadow:none !important;margin:0 !important;border:2px solid rgba(0,0,0,.54) !important;border-radius:2px !important;background:transparent !important;vertical-align:middle !important;cursor:pointer !important;transition:background-color .15s,border-color .15s !important}
input[type=checkbox]:not([role=switch]):checked,input[type=checkbox]:not([role=switch]):indeterminate{border-color:#ff4081 !important;background:#ff4081 !important}
input[type=checkbox]:not([role=switch]):checked::after{content:'' !important;position:absolute !important;box-sizing:border-box !important;margin:0 !important;left:4.66667px !important;top:.22222px !important;width:6.66667px !important;height:13.33333px !important;background:transparent !important;border:2px solid white !important;border-top:0 !important;border-left:0 !important;clip-path:none !important;transform:rotate(45deg) !important}
input[type=checkbox]:not([role=switch]):indeterminate::after{content:'' !important;position:absolute !important;box-sizing:border-box !important;margin:0 !important;left:3px !important;top:7px !important;width:10px !important;height:2px !important;background:white !important;border:0 !important;clip-path:none !important;transform:none !important}
input[type=checkbox]:not([role=switch]):disabled{border-color:rgba(0,0,0,.26) !important;cursor:default !important}
input[type=checkbox]:not([role=switch]):checked:disabled,input[type=checkbox]:not([role=switch]):indeterminate:disabled{background:rgba(0,0,0,.26) !important;border-color:transparent !important}
input[type=checkbox]:not([role=switch]):focus-visible{outline:2px solid #3f51b5 !important;outline-offset:4px !important}
@media(prefers-reduced-motion:reduce){input[type=checkbox]:not([role=switch]){transition:none !important}}
