@import url(../css/roboto.css);
.color-blue-black {
  color: #030c17; }

.bg-blue-black {
  background-color: #030c17 !important; }

.border-blue-black {
  border-color: #030c17 !important; }

.color-blue-darkest {
  color: #003761; }

.bg-blue-darkest {
  background-color: #003761 !important; }

.border-blue-darkest {
  border-color: #003761 !important; }

.color-blue-darker {
  color: #004c8a; }

.bg-blue-darker {
  background-color: #004c8a !important; }

.border-blue-darker {
  border-color: #004c8a !important; }

.color-blue-dark {
  color: #0a7eb8; }

.bg-blue-dark {
  background-color: #0a7eb8 !important; }

.border-blue-dark {
  border-color: #0a7eb8 !important; }

.color-blue-medium-sat {
  color: #1985c8; }

.bg-blue-medium-sat {
  background-color: #1985c8 !important; }

.border-blue-medium-sat {
  border-color: #1985c8 !important; }

.color-blue-medium {
  color: #00b4f0; }

.bg-blue-medium {
  background-color: #00b4f0 !important; }

.border-blue-medium {
  border-color: #00b4f0 !important; }

.color-blue-medium2 {
  color: #00b8eb; }

.bg-blue-medium2 {
  background-color: #00b8eb !important; }

.border-blue-medium2 {
  border-color: #00b8eb !important; }

.color-green-darkest {
  color: #1d7c3d; }

.bg-green-darkest {
  background-color: #1d7c3d !important; }

.border-green-darkest {
  border-color: #1d7c3d !important; }

.color-green-darker {
  color: #1ea44b; }

.bg-green-darker {
  background-color: #1ea44b !important; }

.border-green-darker {
  border-color: #1ea44b !important; }

.color-green-dark {
  color: #1ab34d; }

.bg-green-dark {
  background-color: #1ab34d !important; }

.border-green-dark {
  border-color: #1ab34d !important; }

.color-green-medium {
  color: #36b560; }

.bg-green-medium {
  background-color: #36b560 !important; }

.border-green-medium {
  border-color: #36b560 !important; }

.color-green-import-dark {
  color: #0d8238; }

.bg-green-import-dark {
  background-color: #0d8238 !important; }

.border-green-import-dark {
  border-color: #0d8238 !important; }

.color-green-import-light {
  color: #87c09c; }

.bg-green-import-light {
  background-color: #87c09c !important; }

.border-green-import-light {
  border-color: #87c09c !important; }

.color-blue-light {
  color: #93cbf0; }

.bg-blue-light {
  background-color: #93cbf0 !important; }

.border-blue-light {
  border-color: #93cbf0 !important; }

.color-blue-lighter {
  color: #a0c6e3; }

.bg-blue-lighter {
  background-color: #a0c6e3 !important; }

.border-blue-lighter {
  border-color: #a0c6e3 !important; }

.color-blue-lightest {
  color: #deecf7; }

.bg-blue-lightest {
  background-color: #deecf7 !important; }

.border-blue-lightest {
  border-color: #deecf7 !important; }

.color-blue-svg-bg {
  color: #d6eafa; }

.bg-blue-svg-bg {
  background-color: #d6eafa !important; }

.border-blue-svg-bg {
  border-color: #d6eafa !important; }

.color-green-light {
  color: #36e28c; }

.bg-green-light {
  background-color: #36e28c !important; }

.border-green-light {
  border-color: #36e28c !important; }

.color-green-lighter {
  color: #4dffa6; }

.bg-green-lighter {
  background-color: #4dffa6 !important; }

.border-green-lighter {
  border-color: #4dffa6 !important; }

.color-green-lightest {
  color: #caf2e1; }

.bg-green-lightest {
  background-color: #caf2e1 !important; }

.border-green-lightest {
  border-color: #caf2e1 !important; }

.color-orange-medium {
  color: #f09d28; }

.bg-orange-medium {
  background-color: #f09d28 !important; }

.border-orange-medium {
  border-color: #f09d28 !important; }

.color-orange-light {
  color: #f2b96e; }

.bg-orange-light {
  background-color: #f2b96e !important; }

.border-orange-light {
  border-color: #f2b96e !important; }

.color-yellow-dark {
  color: #ffcc33; }

.bg-yellow-dark {
  background-color: #ffcc33 !important; }

.border-yellow-dark {
  border-color: #ffcc33 !important; }

.color-yellow-medium {
  color: #fff79e; }

.bg-yellow-medium {
  background-color: #fff79e !important; }

.border-yellow-medium {
  border-color: #fff79e !important; }

.color-yellow-light {
  color: #fff2cc; }

.bg-yellow-light {
  background-color: #fff2cc !important; }

.border-yellow-light {
  border-color: #fff2cc !important; }

.color-red-dark {
  color: #f1464c; }

.bg-red-dark {
  background-color: #f1464c !important; }

.border-red-dark {
  border-color: #f1464c !important; }

.color-red-medium {
  color: #f15f64; }

.bg-red-medium {
  background-color: #f15f64 !important; }

.border-red-medium {
  border-color: #f15f64 !important; }

.color-red-light {
  color: #fb6a6f; }

.bg-red-light {
  background-color: #fb6a6f !important; }

.border-red-light {
  border-color: #fb6a6f !important; }

.color-red-lighter {
  color: #ff8084; }

.bg-red-lighter {
  background-color: #ff8084 !important; }

.border-red-lighter {
  border-color: #ff8084 !important; }

.color-red-lightest {
  color: #f5d6d7; }

.bg-red-lightest {
  background-color: #f5d6d7 !important; }

.border-red-lightest {
  border-color: #f5d6d7 !important; }

.color-black-hole {
  color: black; }

.bg-black-hole {
  background-color: black !important; }

.border-black-hole {
  border-color: black !important; }

.color-black-primary {
  color: #4d4d4d; }

.bg-black-primary {
  background-color: #4d4d4d !important; }

.border-black-primary {
  border-color: #4d4d4d !important; }

.color-black-secondary {
  color: #8a8a8a; }

.bg-black-secondary {
  background-color: #8a8a8a !important; }

.border-black-secondary {
  border-color: #8a8a8a !important; }

.color-black-primary-light {
  color: #bfbfbf; }

.bg-black-primary-light {
  background-color: #bfbfbf !important; }

.border-black-primary-light {
  border-color: #bfbfbf !important; }

.color-black-primary-lighter {
  color: #c7c7c7; }

.bg-black-primary-lighter {
  background-color: #c7c7c7 !important; }

.border-black-primary-lighter {
  border-color: #c7c7c7 !important; }

.color-black-disabled {
  color: #a8a8a8; }

.bg-black-disabled {
  background-color: #a8a8a8 !important; }

.border-black-disabled {
  border-color: #a8a8a8 !important; }

.color-black-disabled-light {
  color: #d1d1d1; }

.bg-black-disabled-light {
  background-color: #d1d1d1 !important; }

.border-black-disabled-light {
  border-color: #d1d1d1 !important; }

.color-black-disabled-lighter {
  color: #d9d9d9; }

.bg-black-disabled-lighter {
  background-color: #d9d9d9 !important; }

.border-black-disabled-lighter {
  border-color: #d9d9d9 !important; }

.color-white-primary {
  color: white; }

.bg-white-primary {
  background-color: white !important; }

.border-white-primary {
  border-color: white !important; }

.color-white-secondary {
  color: rgba(255, 255, 255, 0.69); }

.bg-white-secondary {
  background-color: rgba(255, 255, 255, 0.69) !important; }

.border-white-secondary {
  border-color: rgba(255, 255, 255, 0.69) !important; }

.color-white-disabled {
  color: rgba(0, 0, 0, 0.5); }

.bg-white-disabled {
  background-color: rgba(0, 0, 0, 0.5) !important; }

.border-white-disabled {
  border-color: rgba(0, 0, 0, 0.5) !important; }

.color-violet-medium {
  color: #8375c7; }

.bg-violet-medium {
  background-color: #8375c7 !important; }

.border-violet-medium {
  border-color: #8375c7 !important; }

.color-violet-light {
  color: #bfa6f2; }

.bg-violet-light {
  background-color: #bfa6f2 !important; }

.border-violet-light {
  border-color: #bfa6f2 !important; }

.color-violet-lighter {
  color: #cfbaf7; }

.bg-violet-lighter {
  background-color: #cfbaf7 !important; }

.border-violet-lighter {
  border-color: #cfbaf7 !important; }

.color-brown-medium {
  color: #824417; }

.bg-brown-medium {
  background-color: #824417 !important; }

.border-brown-medium {
  border-color: #824417 !important; }

.color-black0 {
  color: #ffffff; }

.bg-black0 {
  background-color: #ffffff !important; }

.border-black0 {
  border-color: #ffffff !important; }

.color-black5 {
  color: #f2f2f2; }

.bg-black5 {
  background-color: #f2f2f2 !important; }

.border-black5 {
  border-color: #f2f2f2 !important; }

.color-black10 {
  color: #e5e5e5; }

.bg-black10 {
  background-color: #e5e5e5 !important; }

.border-black10 {
  border-color: #e5e5e5 !important; }

.color-black20 {
  color: #cccccc; }

.bg-black20 {
  background-color: #cccccc !important; }

.border-black20 {
  border-color: #cccccc !important; }

.color-black30 {
  color: #b3b3b3; }

.bg-black30 {
  background-color: #b3b3b3 !important; }

.border-black30 {
  border-color: #b3b3b3 !important; }

.color-black40 {
  color: #999999; }

.bg-black40 {
  background-color: #999999 !important; }

.border-black40 {
  border-color: #999999 !important; }

.color-black50 {
  color: #808080; }

.bg-black50 {
  background-color: #808080 !important; }

.border-black50 {
  border-color: #808080 !important; }

.color-black60 {
  color: #666666; }

.bg-black60 {
  background-color: #666666 !important; }

.border-black60 {
  border-color: #666666 !important; }

.color-black70 {
  color: #4d4d4d; }

.bg-black70 {
  background-color: #4d4d4d !important; }

.border-black70 {
  border-color: #4d4d4d !important; }

.color-success {
  color: #1ab34d; }

.color-info {
  color: #36e28c; }

.color-warning {
  color: #f09d28; }

.color-danger {
  color: #f15f64; }

.bg-success {
  background: #1ab34d; }

.bg-info {
  background: f00000b8; }

.bg-warning {
  background: #f09d28; }

.bg-danger {
  background: #f15f64; }

.border-success {
  border-color: #1ab34d; }

.border-info {
  border-color: #93cbf0; }

.border-warning {
  border-color: #f09d28; }

.border-danger {
  border-color: #f15f64; }

/*  BACKGROUND
========================================================================== */
/* 	UNITS & SIZES
========================================================================== */
/* 	TYPO basics
========================================================================== */
/* 	GENERAL
========================================================================== */
.hidden-visually {
  pointer-events: none;
  transform: scale(0);
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  max-width: 1px;
  max-height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  opacity: 0;
  border: 0;
  padding: 0;
  margin: 0; }

html, body {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-wrap: break-word; }

em {
  font-style: italic; }

b, strong {
  font-weight: 500; }
  b b, b strong, strong b, strong strong {
    font-weight: 700; }

small {
  font-size: 75%; }

ul {
  padding-left: 24px; }

.typo-thin {
  font-weight: 100 !important; }

.typo-light {
  font-weight: 300 !important; }

.typo-regular {
  font-weight: 400 !important; }

.typo-medium {
  font-weight: 500 !important; }

.typo-bold {
  font-weight: 700 !important; }

.typo-black {
  font-weight: 900 !important; }

.typo-display4 {
  font-weight: 300;
  font-size: 112px !important;
  line-height: 112px;
  letter-spacing: -0.010em;
  margin: 24px 0; }

.typo-display3 {
  font-weight: 400;
  font-size: 56px !important;
  line-height: 56px;
  letter-spacing: -0.05em;
  margin: 24px 0; }

.typo-display2 {
  font-weight: 400;
  font-size: 45px !important;
  line-height: 48px;
  margin: 24px 0; }

.typo-display1 {
  font-weight: 400;
  font-size: 34px !important;
  line-height: 40px;
  margin: 24px 0; }

.typo-display0 {
  font-weight: 300;
  font-size: 30px !important;
  line-height: 36px;
  margin: 24px 0; }

.typo-headline {
  font-weight: 400;
  font-size: 24px !important;
  line-height: 32px;
  margin: 24px 0 16px; }

.typo-title {
  font-weight: 400;
  font-size: 20px !important;
  line-height: 28px;
  letter-spacing: 0.005em;
  margin: 24px 0 16px; }

.typo-subtitle {
  font-weight: 400;
  font-size: 17px !important;
  line-height: 20px;
  letter-spacing: 0.005em;
  margin: 16px 0 8px; }

.typo-subhead {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.010em;
  margin: 24px 0 16px; }

.typo-body2 {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.010em;
  margin-bottom: 16px; }

.typo-body1 {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.010em;
  margin-bottom: 16px; }

[suffix] {
  position: relative; }
  [suffix]:after {
    content: attr(suffix);
    margin-left: 5px;
    font-size: 74%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    font-weight: 400 !important; }

.typo-session-count-down {
  margin: auto;
  padding-top: 40px;
  width: 70px;
  font-weight: bold;
  font-size: 24px;
  color: #25b686; }

/*  HACKS :/
========================================================================== */
input[type=password]::-ms-reveal,
input::-ms-clear {
  display: none; }

.clear-scrollbar::-webkit-scrollbar,
.clear-scrollbar::-moz-scrollbar,
.clear-scrollbar::-o-scrollbar,
.clear-scrollbar::-google-ms-scrollbar,
.clear-scrollbar::-khtml-scrollbar {
  display: none; }

select[multiple].clear-scrollbar {
  width: 100%;
  outline: none; }

select[multiple] option {
  padding: 3px; }

input[type=checkbox][readonly],
input[type=radio][readonly],
.readonly > input,
.readonly label {
  pointer-events: none; }

.svg-defs {
  display: none;
  position: absolute;
  z-index: -100;
  pointer-events: none;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  max-width: 1px;
  max-height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0); }

/*  DIV TABLE
========================================================================== */
.divtable {
  display: table;
  width: 100%; }

.divrow {
  display: table-row; }

.divcell {
  display: table-cell; }

/*  CONST
========================================================================== */
.capitalize {
  text-transform: capitalize; }

.no-transition {
  transition: none !important; }

.dn {
  display: none !important; }

.b0 {
  border: 0 !important; }

.bordered {
  border: 1px solid rgba(0, 0, 0, 0.15); }

.fl {
  float: left !important; }

.fr {
  float: right !important; }

.m0 {
  margin: 0 !important; }

.mt0 {
  margin-top: 0 !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mb6 {
  margin-bottom: 6px !important; }

.p0 {
  padding: 0 !important; }

.clear-background {
  background: none !important; }

.lock-svg {
  stroke-width: 0.018; }

.h100p {
  height: 100%; }

.h150x {
  height: 150px; }

.h200x {
  height: 200px; }

.h250x {
  height: 250px; }

.ha {
  height: auto !important; }

.df {
  display: flex;
  align-items: inherit; }

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

.fdc {
  flex-direction: column; }

.aib {
  align-items: baseline !important; }

.fg1 {
  flex-grow: 1; }

.fg12 {
  flex-grow: 1.2; }

.fs0 {
  flex-shrink: 0; }

.pr {
  position: relative; }

.pa {
  position: absolute; }

.tac {
  text-align: center !important; }

.tal {
  text-align: left !important; }

.tar {
  text-align: right !important; }

.ttu {
  text-transform: uppercase; }

.maxwa {
  max-width: none !important; }

.tf {
  table-layout: fixed !important; }

.w100p {
  width: 100% !important; }

.w66p {
  width: 66% !important; }

.ov {
  overflow: visible !important; }

.ov-s {
  overflow: visible !important; }

.to-e {
  overflow: hidden;
  text-overflow: ellipsis; }

.wa {
  width: auto !important; }

.clickable {
  cursor: pointer;
  pointer-events: auto; }

.ripple-hover {
  position: relative;
  overflow: hidden; }
  .ripple-hover > * {
    z-index: 1; }
  .ripple-hover:before {
    pointer-events: none;
    content: ' ';
    position: absolute;
    border-radius: inherit;
    transition: inherit;
    width: 106%;
    height: 106%;
    left: -3%;
    top: -3%;
    background: rgba(0, 0, 0, 0.05);
    transform: scale(0.5, 0.5);
    opacity: 0;
    z-index: 0; }
  .ripple-hover:hover:before, .ripple-hover.open:before, .ripple-hover.k-state-border-down:before, .ripple-hover.k-state-border-up:before {
    transform: scale(1, 1);
    opacity: 1; }

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%; }

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%; }

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%; }

.line-height-low {
  line-height: 1.2; }

.to-e {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: nowrap;
  display: block; }

.word-break {
  word-break: break-all; }

.no-wrap {
  white-space: nowrap; }

.overflow-fade {
  overflow: hidden; }
  .overflow-fade:after {
    content: ' ';
    position: absolute;
    background: linear-gradient(90deg, transparent, white 40%);
    width: 90px;
    height: 100%;
    right: 0;
    top: 0; }

.control-w-icon {
  display: flex; }
  .control-w-icon > i {
    margin-right: 24px;
    margin-top: -20px; }
    .control-w-icon > i + div {
      flex-grow: 1; }

.tmp-upload-height {
  min-height: 260px !important;
  max-height: 260px !important; }

.clear-widget {
  border: 0 !important;
  background: none !important;
  box-shadow: none !important; }

/* 	BASICS, RESETS & UNIFORM
========================================================================== */
html, body {
  margin: 0;
  padding: 0;
  display: flex;
  width: 100vw;
  max-width: 100vw;
  position: relative;
  box-sizing: border-box; }

html {
  min-height: 0;
  overflow: hidden;
  display: flex;
  align-items: stretch; }

*, *:before, *:after {
  box-sizing: inherit;
  outline: 0; }

body {
  min-height: 100vh;
  font-family: "RobotoRW", "Arial", sans-serif;
  font-size: 93.75%;
  line-height: 20px;
  color: #4d4d4d;
  background-color: #e7e7e9; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

input,
button,
select,
textarea {
  color: #4d4d4d;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button {
  border: 0;
  background: none;
  cursor: pointer; }

label {
  border: 0; }

textarea {
  text-align: left !important;
  border: 0;
  resize: vertical;
  width: 100%; }
  textarea:disabled {
    background-color: transparent; }

figure {
  margin: 0; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }
  hr.lg {
    margin: 40px 0; }
  hr.title {
    position: relative; }
    hr.title:after {
      content: attr(title);
      position: absolute;
      left: 0;
      top: -11px;
      height: 20px;
      padding: 0 20px 0 0;
      font-size: 18px;
      font-weight: 500;
      color: #999;
      background: #e7e7e9; }
  .dark-theme hr {
    margin: 0;
    border-color: rgba(54, 129, 186, 0.5);
    box-shadow: none; }

svg {
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 0; }

i {
  font-style: normal; }

ul, ol {
  padding-inline-start: 20px; }

/* 	Links & clickable elements
========================================================================== */
a {
  color: #bf2626;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #bf2626;
    text-decoration: none; }
  a.dark-theme {
    color: #36e28c; }

.dark-theme {
  color: #93cbf0; }
  .dark-theme input,
  .dark-theme button,
  .dark-theme select,
  .dark-theme textarea {
    color: #93cbf0; }
  .dark-theme a {
    color: #4dffa6; }
    .dark-theme a:hover {
      color: white; }
  .dark-theme.green-background {
    color: white;
    fill: white; }

.clickable:not([disabled]) {
  cursor: pointer; }

/* 	Only display content to screen readers
    http://a11yproject.com/posts/how-to-hide-content/
========================================================================== */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

/*
.container-fluid, .container {
    margin-right: auto;
    margin-left: auto;
}

.container-fluid {
    padding-right: $r-outer-margin;
    padding-left: $r-outer-margin;
}

.row {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: $r-gutter-compensation;
    margin-left: $r-gutter-compensation;
}

.row.reverse {
    flex-direction: row-reverse;
}

.col.reverse {
    flex-direction: column-reverse;
}

.fd-col {
    flex-direction: column;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: $r-half-gutter-width;
    padding-left: $r-half-gutter-width;
}

.col-xs {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
}

.col-xs-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
}

.col-xs-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
}

.col-xs-3 {
    flex-basis: 25%;
    max-width: 25%;
}

.col-xs-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
}

.col-xs-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
}

.col-xs-6 {
    flex-basis: 50%;
    max-width: 50%;
}

.col-xs-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
}

.col-xs-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
}

.col-xs-9 {
    flex-basis: 75%;
    max-width: 75%;
}

.col-xs-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
}

.col-xs-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
}

.col-xs-12 {
    flex-basis: 100%;
    max-width: 100%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.start-xs {
    justify-content: flex-start;
    text-align: start;
}

.center-xs {
    justify-content: center;
    text-align: center;
}

.end-xs {
    justify-content: flex-end;
    text-align: end;
}

.top-xs {
    align-items: flex-start;
}

.middle-xs {
    align-items: center;
}

.bottom-xs {
    align-items: flex-end;
}

.around-xs {
    justify-content: space-around;
}

.between-xs {
    justify-content: space-between;
}

.first-xs {
    order: -1;
}

.last-xs {
    order: 1;
}

@media only screen and (min-width: $r-screen-sm-min) {
    .container {
        width: $r-container-sm;
    }

    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-offset-0,
    .col-sm-offset-1,
    .col-sm-offset-2,
    .col-sm-offset-3,
    .col-sm-offset-4,
    .col-sm-offset-5,
    .col-sm-offset-6,
    .col-sm-offset-7,
    .col-sm-offset-8,
    .col-sm-offset-9,
    .col-sm-offset-10,
    .col-sm-offset-11,
    .col-sm-offset-12 {
        box-sizing: border-box;
        flex: 0 0 auto;
        padding-right: $r-half-gutter-width;
        padding-left: $r-half-gutter-width;
    }

    .col-sm {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-sm-1 {
        flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-sm-2 {
        flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-sm-3 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-sm-5 {
        flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-sm-6 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-sm-8 {
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-sm-9 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-sm-11 {
        flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-sm-12 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .start-sm {
        justify-content: flex-start;
        text-align: start;
    }

    .center-sm {
        justify-content: center;
        text-align: center;
    }

    .end-sm {
        justify-content: flex-end;
        text-align: end;
    }

    .top-sm {
        align-items: flex-start;
    }

    .middle-sm {
        align-items: center;
    }

    .bottom-sm {
        align-items: flex-end;
    }

    .around-sm {
        justify-content: space-around;
    }

    .between-sm {
        justify-content: space-between;
    }

    .first-sm {
        order: -1;
    }

    .last-sm {
        order: 1;
    }
}

@media only screen and (min-width: $r-screen-md-min) {
    .container {
        width: $r-container-md;
    }

    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-offset-0,
    .col-md-offset-1,
    .col-md-offset-2,
    .col-md-offset-3,
    .col-md-offset-4,
    .col-md-offset-5,
    .col-md-offset-6,
    .col-md-offset-7,
    .col-md-offset-8,
    .col-md-offset-9,
    .col-md-offset-10,
    .col-md-offset-11,
    .col-md-offset-12 {
        box-sizing: border-box;
        flex: 0 0 auto;
        padding-right: $r-half-gutter-width;
        padding-left: $r-half-gutter-width;
    }

    .col-md {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-md-1 {
        flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-md-2 {
        flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-md-3 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-md-4 {
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-md-5 {
        flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-md-6 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-md-7 {
        flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-md-8 {
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-md-9 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-md-10 {
        flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-md-11 {
        flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-md-12 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .start-md {
        justify-content: flex-start;
        text-align: start;
    }

    .center-md {
        justify-content: center;
        text-align: center;
    }

    .end-md {
        justify-content: flex-end;
        text-align: end;
    }

    .top-md {
        align-items: flex-start;
    }

    .middle-md {
        align-items: center;
    }

    .bottom-md {
        align-items: flex-end;
    }

    .around-md {
        justify-content: space-around;
    }

    .between-md {
        justify-content: space-between;
    }

    .first-md {
        order: -1;
    }

    .last-md {
        order: 1;
    }
}

@media only screen and (min-width: $r-screen-lg-min) {
    .container {
        width: $r-container-lg;
    }

    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-offset-0,
    .col-lg-offset-1,
    .col-lg-offset-2,
    .col-lg-offset-3,
    .col-lg-offset-4,
    .col-lg-offset-5,
    .col-lg-offset-6,
    .col-lg-offset-7,
    .col-lg-offset-8,
    .col-lg-offset-9,
    .col-lg-offset-10,
    .col-lg-offset-11,
    .col-lg-offset-12 {
        box-sizing: border-box;
        flex: 0 0 auto;
        padding-right: $r-half-gutter-width;
        padding-left: $r-half-gutter-width;
    }

    .col-lg {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-lg-1 {
        flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-lg-2 {
        flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-lg-3 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-lg-5 {
        flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-lg-6 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-lg-8 {
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-lg-9 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-lg-11 {
        flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-lg-12 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .start-lg {
        justify-content: flex-start;
        text-align: start;
    }

    .center-lg {
        justify-content: center;
        text-align: center;
    }

    .end-lg {
        justify-content: flex-end;
        text-align: end;
    }

    .top-lg {
        align-items: flex-start;
    }

    .middle-lg {
        align-items: center;
    }

    .bottom-lg {
        align-items: flex-end;
    }

    .around-lg {
        justify-content: space-around;
    }

    .between-lg {
        justify-content: space-between;
    }

    .first-lg {
        order: -1;
    }

    .last-lg {
        order: 1;
    }
}
*/
::-webkit-scrollbar {
  width: 18px;
  height: 18px; }

::-webkit-scrollbar-button {
  width: 0;
  height: 0; }

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
  border: 5px solid transparent;
  border-radius: 50px;
  background-clip: content-box;
  transition: .3s; }

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.15);
  border: 5px solid transparent;
  border-radius: 50px;
  background-clip: content-box; }

::-webkit-scrollbar-thumb:active {
  background: rgba(0, 0, 0, 0.2);
  border: 5px solid transparent;
  border-radius: 50px;
  background-clip: content-box; }

::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 50px;
  background-clip: content-box;
  border: 5px solid transparent; }

::-webkit-scrollbar-track:hover,
::-webkit-scrollbar-track:active {
  background: rgba(0, 0, 0, 0.065);
  border-radius: 50px;
  background-clip: content-box;
  border: 5px solid transparent; }

::-webkit-scrollbar-corner {
  background: transparent; }

.entries-filters ::-webkit-scrollbar {
  width: 10px;
  height: 10px; }

.entries-filters ::-webkit-scrollbar-thumb,
.entries-filters ::-webkit-scrollbar-thumb:hover {
  border: 2px solid transparent;
  border-radius: 50px; }

.entries-filters ::-webkit-scrollbar-track,
.entries-filters ::-webkit-scrollbar-track:hover,
.entries-filters ::-webkit-scrollbar-track:active {
  border: 2px solid transparent; }

@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(179, 219, 255, 0.2); }
  100% {
    box-shadow: 0 0 0 12px rgba(208, 255, 217, 0); } }

.attention {
  animation: shadow-pulse 1s 3; }

@keyframes slid-from-top {
  0% {
    opacity: 0;
    transform: translateY(-30px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.5; } }

@keyframes fade-in-1 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fade-pulse {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

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

@keyframes down-up {
  0%, 100% {
    transform: translateY(0px); }
  50% {
    transform: translateY(4px); } }

@keyframes list-item-enter {
  0% {
    opacity: 0;
    transform: translateY(30px); }
  1% {
    opacity: 0;
    transform: translateY(30px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes list-item-enter-big {
  0% {
    opacity: 0;
    transform: translateY(40px); }
  1% {
    opacity: 0;
    transform: translateY(40px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes dd-item-enter {
  0% {
    transform: translateY(30px); }
  1% {
    transform: translateY(30px); }
  100% {
    transform: translateY(0); } }

@keyframes scale-in {
  0% {
    transform: scale(0.9); }
  50% {
    transform: scale(1.05); }
  100% {
    transform: scale(1); } }

@keyframes scale-inbounce {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }

@keyframes scale-inbounce2 {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }

@keyframes denied {
  10%, 90% {
    transform: translateX(-1px); }
  20%, 80% {
    transform: translateX(1.5px); }
  30%, 50%, 70% {
    transform: translateX(-3px); }
  40%, 60% {
    transform: translateX(3px); } }

@keyframes anim-page-like {
  0%, 1% {
    opacity: 0;
    transform: translateX(80px); }
  100% {
    opacity: 1;
    transform: translateX(0px); } }

.anim-bulb {
  animation: bulb 1s forwards; }

@keyframes bulb {
  0% {
    opacity: 0;
    -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  2.083333% {
    -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.166667% {
    -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.25% {
    -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  8.333333% {
    -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.416667% {
    -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  12.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.583333% {
    -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.666667% {
    -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  18.75% {
    -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20.833333% {
    -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  22.916667% {
    -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25% {
    -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  27.083333% {
    -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.166667% {
    -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  31.25% {
    -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.333333% {
    -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  35.416667% {
    -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  37.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  39.583333% {
    -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  41.666667% {
    -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.75% {
    -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  45.833333% {
    -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  47.916667% {
    -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50% {
    opacity: 1;
    -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  52.083333% {
    -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  54.166667% {
    -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  56.25% {
    -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  58.333333% {
    -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60.416667% {
    -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  62.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  64.583333% {
    -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  66.666667% {
    -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  68.75% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70.833333% {
    -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  72.916667% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  75% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  77.083333% {
    -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  79.166667% {
    -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  81.25% {
    -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.333333% {
    -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  85.416667% {
    -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  87.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  89.583333% {
    -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  91.666667% {
    -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.75% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  95.833333% {
    -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  97.916667% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    opacity: 1;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

@keyframes chosen-drop {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -10, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -10, 0, 1);
    opacity: 0; }
  4% {
    -webkit-transform: matrix3d(0.96758, 0, 0, 0, 0, 0.96758, 0, 0, 0, 0, 1, 0, 0, -6.46592, 0, 1);
    transform: matrix3d(0.96758, 0, 0, 0, 0, 0.96758, 0, 0, 0, 0, 1, 0, 0, -6.46592, 0, 1); }
  8% {
    -webkit-transform: matrix3d(0.96176, 0, 0, 0, 0, 0.96176, 0, 0, 0, 0, 1, 0, 0, -2.91725, 0, 1);
    transform: matrix3d(0.96176, 0, 0, 0, 0, 0.96176, 0, 0, 0, 0, 1, 0, 0, -2.91725, 0, 1); }
  12% {
    -webkit-transform: matrix3d(0.96958, 0, 0, 0, 0, 0.96958, 0, 0, 0, 0, 1, 0, 0, -0.25224, 0, 1);
    transform: matrix3d(0.96958, 0, 0, 0, 0, 0.96958, 0, 0, 0, 0, 1, 0, 0, -0.25224, 0, 1);
    opacity: 1; }
  16% {
    -webkit-transform: matrix3d(0.98144, 0, 0, 0, 0, 0.98144, 0, 0, 0, 0, 1, 0, 0, 1.26207, 0, 1);
    transform: matrix3d(0.98144, 0, 0, 0, 0, 0.98144, 0, 0, 0, 0, 1, 0, 0, 1.26207, 0, 1); }
  20% {
    -webkit-transform: matrix3d(0.99188, 0, 0, 0, 0, 0.99188, 0, 0, 0, 0, 1, 0, 0, 1.76942, 0, 1);
    transform: matrix3d(0.99188, 0, 0, 0, 0, 0.99188, 0, 0, 0, 0, 1, 0, 0, 1.76942, 0, 1); }
  24% {
    -webkit-transform: matrix3d(0.99884, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 1.60106, 0, 1);
    transform: matrix3d(0.99884, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 1.60106, 0, 1); }
  28% {
    -webkit-transform: matrix3d(1.0023, 0, 0, 0, 0, 1.0023, 0, 0, 0, 0, 1, 0, 0, 1.10713, 0, 1);
    transform: matrix3d(1.0023, 0, 0, 0, 0, 1.0023, 0, 0, 0, 0, 1, 0, 0, 1.10713, 0, 1); }
  32% {
    -webkit-transform: matrix3d(1.00324, 0, 0, 0, 0, 1.00324, 0, 0, 0, 0, 1, 0, 0, 0.56005, 0, 1);
    transform: matrix3d(1.00324, 0, 0, 0, 0, 1.00324, 0, 0, 0, 0, 1, 0, 0, 0.56005, 0, 1); }
  36% {
    -webkit-transform: matrix3d(1.00278, 0, 0, 0, 0, 1.00278, 0, 0, 0, 0, 1, 0, 0, 0.12148, 0, 1);
    transform: matrix3d(1.00278, 0, 0, 0, 0, 1.00278, 0, 0, 0, 0, 1, 0, 0, 0.12148, 0, 1); }
  40% {
    -webkit-transform: matrix3d(1.00181, 0, 0, 0, 0, 1.00181, 0, 0, 0, 0, 1, 0, 0, -0.14782, 0, 1);
    transform: matrix3d(1.00181, 0, 0, 0, 0, 1.00181, 0, 0, 0, 0, 1, 0, 0, -0.14782, 0, 1); }
  44% {
    -webkit-transform: matrix3d(1.00088, 0, 0, 0, 0, 1.00088, 0, 0, 0, 0, 1, 0, 0, -0.25729, 0, 1);
    transform: matrix3d(1.00088, 0, 0, 0, 0, 1.00088, 0, 0, 0, 0, 1, 0, 0, -0.25729, 0, 1); }
  48% {
    -webkit-transform: matrix3d(1.00021, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, -0.25225, 0, 1);
    transform: matrix3d(1.00021, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, -0.25225, 0, 1); }
  52% {
    -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 0.99986, 0, 0, 0, 0, 1, 0, 0, -0.18613, 0, 1);
    transform: matrix3d(0.99986, 0, 0, 0, 0, 0.99986, 0, 0, 0, 0, 1, 0, 0, -0.18613, 0, 1); }
  56% {
    -webkit-transform: matrix3d(0.99973, 0, 0, 0, 0, 0.99973, 0, 0, 0, 0, 1, 0, 0, -0.10336, 0, 1);
    transform: matrix3d(0.99973, 0, 0, 0, 0, 0.99973, 0, 0, 0, 0, 1, 0, 0, -0.10336, 0, 1); }
  60% {
    -webkit-transform: matrix3d(0.99975, 0, 0, 0, 0, 0.99975, 0, 0, 0, 0, 1, 0, 0, -0.03233, 0, 1);
    transform: matrix3d(0.99975, 0, 0, 0, 0, 0.99975, 0, 0, 0, 0, 1, 0, 0, -0.03233, 0, 1); }
  64% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99983, 0, 0, 0, 0, 1, 0, 0, 0.01446, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99983, 0, 0, 0, 0, 1, 0, 0, 0.01446, 0, 1); }
  68% {
    -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0.03631, 0, 1);
    transform: matrix3d(0.99991, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0.03631, 0, 1); }
  72% {
    -webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0.03908, 0, 1);
    transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0.03908, 0, 1); }
  76% {
    -webkit-transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, 0.03077, 0, 1);
    transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, 0.03077, 0, 1); }
  80% {
    -webkit-transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.01851, 0, 1);
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.01851, 0, 1); }
  84% {
    -webkit-transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.00719, 0, 1);
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.00719, 0, 1); }
  88% {
    -webkit-transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, -0.00078, 0, 1);
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, -0.00078, 0, 1); }
  92% {
    -webkit-transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, -0.00493, 0, 1);
    transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, -0.00493, 0, 1); }
  96% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00594, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00594, 0, 1); }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    opacity: 1; } }

/* 	LAYOUT
========================================================================== */
.app-header,
.app-aside,
.app-content {
  transition: 0.365s 0.1825s cubic-bezier(0.4, 0, 0.6, 1); }

.app-header {
  width: 100%;
  height: 65px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.165);
  border-bottom: 1px solid #cfd2d6;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.app-aside {
  background-color: #fff;
  box-shadow: 0 0 25px 0 rgba(161, 170, 179, 0.4);
  width: 240px;
  height: 100%;
  position: relative; }
  .app-aside:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 8px;
    left: 0;
    top: 0;
    background-image: linear-gradient(180deg, #f0000026 0%, #f000001f 32%, #b3000096 78%, #ff2424fc 100%); }

.app-content {
  flex-grow: 1;
  background: #e7e7e9;
  position: relative;
  height: 100vh;
  max-height: 100vh;
  overflow: hidden; }

body.aside-fluid .app-aside {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1099; }

body.aside-fluid .app-content {
  margin-left: 300px; }

body.aside-fluid input#aside-toggle:checked + .aside-toggle-icon {
  left: 10px;
  transition: 0.365s 0.1825s; }

body.aside-fluid input#aside-toggle:checked ~ .app-aside,
body.aside-fluid input#aside-toggle:checked ~ .app-content {
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); }

body.aside-fluid input#aside-toggle:checked ~ .app-aside {
  left: -230px; }
  body.aside-fluid input#aside-toggle:checked ~ .app-aside:hover {
    transition: 0.465s cubic-bezier(0, 0, 0.2, 1);
    left: 0; }

body.aside-fluid input#aside-toggle:checked ~ .app-content {
  margin-left: 60px; }

/*
 	ASIDE TOGGLE
========================================================================== */
.aside-toggle-icon {
  position: absolute;
  left: 240px;
  z-index: 1049;
  height: 65px;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  width: 20px;
  padding: 0 20px;
  transition: 0.365s 0s; }
  .aside-toggle-icon .rs-icon-anim {
    width: 100%; }

input#aside-toggle {
  pointer-events: none;
  transform: scale(0);
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  max-width: 1px;
  max-height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  opacity: 0;
  border: 0;
  padding: 0;
  margin: 0; }

/*
 	ASIDE
========================================================================== */
.app-aside .aside-content {
  display: flex;
  height: calc(100vh - 65px);
  margin-top: 65px;
  transition: inherit;
  width: 240px;
  padding-left: 8px; }

.app-aside .aside-content-wrapper {
  width: inherit;
  position: absolute;
  left: 0;
  top: 80px; }

.app-aside .aside-header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding: 0 20px 0 30px;
  box-shadow: 0 1px 0 0 rgba(161, 170, 179, 0.2), 0 5px 4px 0 rgba(161, 170, 179, 0.15); }
  .app-aside .aside-header .logo {
    width: 109px;
    height: auto; }

.app-aside .aside-footer {
  position: absolute;
  left: 0;
  bottom: 75px;
  width: 100%;
  padding: 20px 25px 20px 20px; }
  .app-aside .aside-footer .rs-btn {
    width: 120px; }

@media only screen and (max-width: 80em) {
  body.aside-fluid input#aside-toggle + .aside-toggle-icon {
    left: 10px;
    transition: 0.365s 0.1825s; }
  body.aside-fluid input#aside-toggle ~ .app-aside,
  body.aside-fluid input#aside-toggle ~ .app-content {
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); }
  body.aside-fluid input#aside-toggle ~ .app-aside {
    left: -230px; }
    body.aside-fluid input#aside-toggle ~ .app-aside:hover {
      transition: 0.465s cubic-bezier(0, 0, 0.2, 1);
      left: 0; }
  body.aside-fluid input#aside-toggle ~ .app-content {
    margin-left: 60px; }
  body.aside-fluid .aside-toggle-icon {
    opacity: 0 !important;
    pointer-events: none !important; } }

/*
	CONTENT
========================================================================== */
.section-article {
  width: 100%;
  padding: 0 60px 40px 0;
  margin-top: 65px;
  height: calc(100vh - 65px);
  overflow-y: scroll;
  overflow-x: auto; }
  .section-article .article-wrap {
    
    align-items: flex-start;
    justify-content: center; }
    .section-article .article-wrap > article {
      padding-top: 40px;
      margin-bottom: 100px;
      min-width: 960px;
      max-width: 100%; }
      .section-article .article-wrap > article.md,
      .section-article .article-wrap > article .md {
        width: 100%;}
      .section-article .article-wrap > article.lg,
      .section-article .article-wrap > article .lg {
        width: 100%;
        max-width: 1280px; }
      .section-article .article-wrap > article.xlg,
      .section-article .article-wrap > article .xlg {
        width: 100%;
        max-width: 1440px; }
      .section-article .article-wrap > article.xxlg,
      .section-article .article-wrap > article .xxlg {
        width: 100%;
        max-width: 1680px; }
      .section-article .article-wrap > article.edit {
        padding-top: 0;
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center; }

/* 	HEADER
========================================================================== */
.view-headings {
  height: 100%;
  flex-grow: 1;
  display: flex;
  position: relative; }
  .view-headings .view-up {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #93cbf0; }
    .view-headings .view-up i {
      font-size: 22px;
      padding: 0 30px;
      transition: 0.3s; }
    .view-headings .view-up .name {
      white-space: nowrap;
      font-size: 20px;
      transition: 0.3s; }
  .view-headings .view-up:hover {
    color: #0a7eb8; }
    .view-headings .view-up:hover i {
      transform: translate3d(-5px, 0, 0); }
  .view-headings .view-current {
    text-align: center;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 7px;
    margin: 0;
    font-size: 23px;
    font-weight: 300;
    color: #4d4d4d;
    letter-spacing: -0.25px;
    position: relative; }
    .view-headings .view-current:after {
      content: '';
      position: absolute;
      height: 8px;
      width: calc(100% - 40px);
      left: 0;
      top: 0;
      border-radius: 0 0 6px 6px;
      background-image: linear-gradient(90deg, #f0000026 0%, #f000001f 32%, #b3000096 78%, #ff2424fc 100%); }

.nav-top {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  perspective: 1000px; }
  .nav-top .nav-top-item {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    cursor: pointer;
    height: 40px;
    background: #fff;
    border-radius: 40px;
    margin-right: 20px;
    transition: 0.3s 0s; }
    .nav-top .nav-top-item svg {
      transition: 0.235s;
      fill: url(#svg-espiro-gradient); }
      .uat .nav-top .nav-top-item svg {
        fill: #f09d28; }
    .nav-top .nav-top-item.top-item-msg .counter {
      background: #0a7eb8;
      border-radius: 22px;
      min-width: 22px;
      height: 22px;
      line-height: 22px;
      z-index: 9999;
      font-weight: normal;
      position: absolute;
      right: -18px;
      top: -13px;
      color: white;
      font-size: 11px;
      align-items: center;
      justify-content: center;
      display: flex;
      padding: 0 4px; }
    .nav-top .nav-top-item:active {
      transform: scale3d(0.8, 0.8, 1); }

.dev-info {
  position: fixed;
  bottom: 30px;
  right: -10px;
  padding: 15px 30px 15px 15px;
  border: 1px solid #ccc;
  border-radius: 12px;
  background: #e7e7e9;
  transform: translateX(80%);
  transition: 0.3s cubic-bezier(0, 0, 0.2, 1); }
  .dev-info:hover {
    transform: translateX(0); }

.k-tabstrip-wrapper .k-tabstrip .k-content {
  padding: 20px 0;
  background: none;
  overflow: visible;
  border-color: transparent; }

.k-tabstrip-wrapper {
  width: 100%; }
  .k-tabstrip-wrapper .k-tabstrip-items {
    position: sticky;
    top: -40px;
    background: #e7e7e9;
    z-index: 1;
    border-color: transparent;
    box-shadow: 0 -1px 0 0px inset rgba(0, 0, 0, 0.1); }
    .k-tabstrip-wrapper .k-tabstrip-items .k-item {
      color: inherit;
      position: relative; }
      .k-tabstrip-wrapper .k-tabstrip-items .k-item:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        bottom: 0;
        z-index: 1;
        background-color: #ee0e0e;
        transition: 0.3s;
        transform-origin: 10% 50%;
        transform: scaleX(0); }
        .k-tabstrip-wrapper .k-tabstrip-items .k-item.k-state-active, .k-tabstrip-wrapper .k-tabstrip-items .k-item.k-state-selected {
            color: #ee0e0e;
            background-color: transparent;
            border-color: transparent;
        }
        .k-tabstrip-wrapper .k-tabstrip-items .k-item.k-state-active:after, .k-tabstrip-wrapper .k-tabstrip-items .k-item.k-state-selected:after {
          transform: scaleX(1); }

.k-loading-mask .k-loading-color {
  display: none; }

.k-widget .k-select {
  background: transparent !important; }

.k-grid.rs-grid {
  background: transparent;
  border: 0 transparent;
  max-width: 100%;
  width: 100%; }
  .k-grid.rs-grid.condensed {
    line-height: 1.2;
    font-size: 13px; }
    .k-grid.rs-grid.condensed tbody td {
      padding: 6px 10px; }
  .k-grid.rs-grid .k-grid-toolbar {
    padding: 10px 0; }
    .k-grid.rs-grid .k-grid-toolbar .k-button {
      margin-left: 10px; }
  .k-grid.rs-grid .k-grid-toolbar,
  .k-grid.rs-grid .k-grid-pager {
    background: transparent;
    border: 0; }
    .k-grid.rs-grid .k-grid-toolbar ul,
    .k-grid.rs-grid .k-grid-pager ul {
      display: block !important; }
  .k-grid.rs-grid .k-grid-header .k-header > .k-link > .k-icon {
    position: absolute !important; }
  .k-grid.rs-grid .k-current-page {
    display: none; }
  .k-grid.rs-grid thead th {
    font-weight: 500;
    font-size: 13px;
    padding-bottom: 6px;
    background-color: #efeff0;
    border-color: #d9d9d9;
    white-space: normal;
    vertical-align: middle; }
    .k-grid.rs-grid thead th:first-child {
      border-radius: 8px 0 0 0; }
    .k-grid.rs-grid thead th:last-child {
      border-radius: 0 8px 0 0; }
  .k-grid.rs-grid tbody td {
    border-width: 0 0 1px 0;
    overflow: visible; }
  .k-grid.rs-grid tbody .cell-actions {
    padding: 5px;
    text-align: center; }
   .k-grid.rs-grid tbody tr:hover:not(.isMarked), .k-grid.rs-grid tbody tr.k-state-hover:not(.isMarked) {
        color: #424447;
        background-color: rgba(0, 0, 0, 0.04) !important;
    }
  .k-grid.rs-grid tbody tr.k-alt {
    background-color: transparent; }
  .k-grid.rs-grid tbody tr:last-child td {
    border: 0; }
  .k-grid.rs-grid table {
    width: 100% !important;
    background: #fff;
    border-color: #d9d9d9;
    border-style: solid;
    border-width: 1px;
    border-radius: 8px; }
    .k-grid.rs-grid table ul {
      margin: 0; }
  .k-grid.rs-grid tr.top-row:nth-child(4n-1) td,
  .k-grid.rs-grid tr.top-row:nth-child(4n-1) + tr td {
    background: #f5f5f5; }
  .k-grid.rs-grid.no-head table thead {
    display: none; }
  .k-grid.rs-grid.grid-list {
    box-sizing: border-box; }
    .k-grid.rs-grid.grid-list table {
      box-sizing: inherit;
      background: transparent;
      border: 0; }
    .k-grid.rs-grid.grid-list tr {
      background: transparent !important; }
      .k-grid.rs-grid.grid-list tr:hover {
        background: transparent !important; }
    .k-grid.rs-grid.grid-list td {
      padding: 3px 0;
      border: 0;
      background: transparent !important; }
      .k-grid.rs-grid.grid-list td:hover {
        background: transparent !important; }
    .k-grid.rs-grid.grid-list .k-grid-norecords {
      background: none;
      padding: 0;
      margin-top: 4px;
      border-radius: 8px;
      height: 40px;
      font-size: 14px;
      opacity: .75; }
    .k-grid.rs-grid.grid-list .rs-card {
      margin-bottom: 0; }
    .k-grid.rs-grid.grid-list .id {
      min-width: 37%;
      max-width: 37%;
      width: 37%; }
    .k-grid.rs-grid.grid-list .row > div {
      display: flex;
      align-items: center; }
    .k-grid.rs-grid.grid-list .actions,
    .k-grid.rs-grid.grid-list .row > span:last-child {
      min-width: 40px;
      max-width: 40px;
      width: 40px; }
    .k-grid.rs-grid.grid-list .id-type {
      white-space: nowrap;
      max-width: 70px;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-right: 8px;
      background: rgba(26, 179, 51, 0.18);
      padding: 2px 6px;
      border-radius: 4px;
      width: auto;
      color: #08911f;
      font-size: 11px;
      font-weight: 500; }
      .k-grid.rs-grid.grid-list .id-type.type-NIP, .k-grid.rs-grid.grid-list .id-type.type-KRS {
        background: rgba(26, 128, 179, 0.18);
        color: #086391; }
  .k-grid.rs-grid .k-pager-wrap {
    background: none;
    border: 0;
    width: 100%; }
  .k-grid.rs-grid .k-pager-last + .k-link,
  .k-grid.rs-grid .k-pager-first + .k-link,
  .k-grid.rs-grid .k-pager-nav,
  .k-grid.rs-grid .k-pager-numbers + .k-link {
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    border: 0 solid #bfc0c5;
    border-radius: 55%;
    padding: 0;
    box-shadow: 0 0 0 0 rgba(138, 138, 138, 0.15);
    position: relative;
    transition: .25s;
    margin: 0 4px;
    background-repeat: no-repeat;
    background-position: center center; }
    .k-grid.rs-grid .k-pager-last + .k-link:focus,
    .k-grid.rs-grid .k-pager-first + .k-link:focus,
    .k-grid.rs-grid .k-pager-nav:focus,
    .k-grid.rs-grid .k-pager-numbers + .k-link:focus {
      box-shadow: none; }
    .k-grid.rs-grid .k-pager-last + .k-link:hover,
    .k-grid.rs-grid .k-pager-first + .k-link:hover,
    .k-grid.rs-grid .k-pager-nav:hover,
    .k-grid.rs-grid .k-pager-numbers + .k-link:hover {
      box-shadow: 0 0 0 4px rgba(138, 138, 138, 0.15); }
  .k-grid.rs-grid .k-pager-nav {
    background: none !important; }
  .k-grid.rs-grid .k-pager-numbers .k-link, .k-grid.rs-grid .k-pager-numbers .k-state-selected {
    padding: 0;
    margin: 0 1px;
    transition: .2s;
    font-weight: 500;
    letter-spacing: -1px;
    text-indent: 1px; }
  .k-grid.rs-grid .k-pager-numbers .k-link {
    box-sizing: border-box;
    border-radius: 21.33333px;
    width: 32px;
    height: 32px;
    padding: 1px 1px 0 0;
    background-color: transparent;
    color: #9799a1;
    border-color: transparent;
    border-width: 0px;
    border-style: solid;
    position: relative;
    display: flex;
    align-content: center;
    justify-content: center;
    position: relative;
    overflow: hidden; }
    .k-grid.rs-grid .k-pager-numbers .k-link > * {
      z-index: 1; }
    .k-grid.rs-grid .k-pager-numbers .k-link:before {
      pointer-events: none;
      content: ' ';
      position: absolute;
      border-radius: inherit;
      transition: inherit;
      width: 106%;
      height: 106%;
      left: -3%;
      top: -3%;
      background: rgba(0, 0, 0, 0.05);
      transform: scale(0.5, 0.5);
      opacity: 0;
      z-index: 0; }
    .k-grid.rs-grid .k-pager-numbers .k-link:hover:before, .k-grid.rs-grid .k-pager-numbers .k-link.open:before, .k-grid.rs-grid .k-pager-numbers .k-link.k-state-border-down:before, .k-grid.rs-grid .k-pager-numbers .k-link.k-state-border-up:before {
      transform: scale(1, 1);
      opacity: 1; }
  .k-grid.rs-grid .k-pager-numbers li .k-state-selected {
    box-sizing: border-box;
    border-radius: 21.33333px;
    width: 32px;
    height: 32px;
    padding: 1px 1px 0 0;
    background-color: #d5d5d5;
    color: #333;
    border-color: #d5d5d5;
    border-width: 0px;
    border-style: solid;
    position: relative;
    display: flex;
    align-content: center;
    justify-content: center; }
    .k-grid.rs-grid .k-pager-numbers li .k-state-selected:before {
      content: ' ';
      position: absolute;
      opacity: 0; }
  .k-grid.rs-grid .gridPageTotal {
    font-weight: 600;
    color: #0a7eb8; }
  .k-grid.rs-grid .k-grid-norecords {
    border: 1px solid #d1d1d1;
    margin-top: -2px;
    border-radius: 0 0 8px 8px;
    background: transparent url(/images/no-data2.png);
    background-repeat: no-repeat;
    background-position: center 160px;
    padding-bottom: 20px;
    font-weight: 400;
    color: #888;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    animation: bgin 0.2s 0.075s cubic-bezier(0, 0, 0.2, 1) forwards; }
    .k-grid.rs-grid .k-grid-norecords .k-grid-norecords-template {
      background: transparent;
      border: none;
      opacity: 0;
      transform: translateY(30px);
      animation: list-item-enter 0.15s 0.1s cubic-bezier(0, 0, 0.2, 1) forwards; }

.rs-app .row {
  margin-left: -10px;
  margin-right: -10px; }
  .rs-app .row > [class*="col"] {
    padding-left: 10px;
    padding-right: 10px; }

.rs-app .searcher {
  margin-bottom: 10px;
  background: rgba(0, 0, 0, 0.035);
  padding: 16px;
  border-radius: 4px; }
  .rs-app .searcher.labels-top label:not(.radio-label) {
    font-size: 14px;
    margin-bottom: 2px; }
  .rs-app .searcher .rs-control-group {
    padding-right: 10px !important; }

.rs-app .k-button {
  font-weight: 500;
  border-color: rgba(0, 0, 0, 0.2);
  position: relative;
  border-radius: 25px;
  padding: 4px 15px; }
  .rs-app .k-button:after {
    display: block;
    border-radius: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    opacity: 1; }
  .rs-app .k-button.k-primary {
    padding: 5px 15px;
    border-color: transparent !important; }
    .rs-app .k-button.btn-add {
        color: #fff;
        border: 0;
        min-width: 100px;
        transition: 0.3s;
        background-size: 100% 100%;
        background-image: linear-gradient(-90deg, #f44048 0%, #b00808 100%);
    }
    .rs-app .k-button.btn-add:hover {
      background-size: 150% 100%; }
    .rs-app .k-button.btn-add ~ .btn-add {
      margin-left: 10px; }
    .rs-app .k-button.btn-addNew {
        color: #fff;
        border: 0;
        min-width: 100px;
        transition: 0.3s;
        background-size: 100% 100%;
        background-image: linear-gradient(-90deg, #64ce87 0%, #24a866 100%);
    }
    .rs-app .k-button.btn-addNew:hover {
        background-image: linear-gradient(-90deg, #64ce87 0%, #207148  100%);
    }

    .rs-app .k-button.btn-addNew ~ .btn-addNew {
        margin-left: 10px;
    }

.rs-app .k-switch {
  width: 32px;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: visible;
  padding: 1px; }
  .rs-app .k-switch .k-switch-label-on,
  .rs-app .k-switch .k-switch-label-off {
    display: none; }
  .rs-app .k-switch .k-switch-container,
  .rs-app .k-switch .k-switch-container:hover {
    width: 32px;
    height: 10px;
    background: #c7c8cc !important;
    box-shadow: none !important;
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
  .rs-app .k-switch .k-switch-handle {
    width: 18px;
    height: 18px;
    border-width: 2px;
    background-color: #fff !important;
    border-color: #c7c8cc !important;
    background-clip: border-box;
    position: absolute;
    top: calc(50% - (18px * 0.5));
    left: -1px;
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
  .rs-app .k-switch.k-switch-on {
    --switch-color: #1ab34d; }
    .rs-app .k-switch.k-switch-on .k-switch-container,
    .rs-app .k-switch.k-switch-on .k-switch-container:hover {
      background: var(--switch-color) !important;
      box-shadow: none !important; }
    .rs-app .k-switch.k-switch-on .k-switch-handle {
      transform: translateX(calc(100% - 2px));
      background-color: #fff !important;
      border-color: var(--switch-color) !important; }
    .rs-app .k-switch.k-switch-on.orange {
      --switch-color: #f09d28; }

.rs-app .k-window {
  border: none;
  background-color: #e7e7e9;
  box-shadow: none !important;
  border-radius: 10px;
  top: 60px !important;
  max-height: 85vh;
  left: 50% !important;
  transform: translateX(-50%) !important; }
  .rs-app .k-window .modal-footer-btns,
  .rs-app .k-window .k-footer {
    display: grid;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-template-columns: auto auto;
    justify-items: initial;
    grid-auto-flow: column;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    position: sticky;
    bottom: 0;
    left: 0;
    height: 60px;
    margin-top: 30px;
    background: #e7e7e9;
    border-top: 1px solid #ccc; }
    .rs-app .k-window .modal-footer-btns > button:only-child,
    .rs-app .k-window .k-footer > button:only-child {
      justify-self: end; }
    .rs-app .k-window .modal-footer-btns button,
    .rs-app .k-window .k-footer button {
      min-width: 100px; }
  .rs-app .k-window .k-window-titlebar {
    border-radius: 10px 10px 0 0;
    background: #fff;
    border-color: #ddd; }
  .rs-app .k-window .k-window-content {
    padding: 16px 36px 0; }
    .rs-app .k-window .k-window-content .rs-control-group:last-of-type {
      margin-bottom: 30px; }
  .rs-app .k-window.alerts-window .k-window-content {
    display: grid;
    grid-template-rows: auto 90px; }

.rs-app .k-window-titlebar {
  border-radius: 10px 10px 0 0; }

@keyframes bgin {
  0% {
    background-position: center 160px; }
  100% {
    background-position: center bottom; } }

.rs-app .k-loading-mask ~ .k-grid-norecords {
  opacity: 0 !important; }

.rs-app .rs-tag {
  padding: 2px 6px;
  background: #f5f5f5;
  border: 1px solid rgba(77, 77, 77, 0.2);
  border-radius: 4px;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  margin: 0 0 3px 0;
  transition: .2s; 
  width: 90%;
}
  .rs-app .rs-tag:not(:only-child) {
    margin-right: 5px; }
  .rs-app .rs-tag.sm {
    padding: 1px 5px 0 5px;
    font-size: 11px;
    font-weight: 500;
    height: fit-content;
    line-height: 17px; }
  .rs-app .rs-tag.white {
    background: #fff; }
  .rs-app .rs-tag.blue {
      color: #317cb9;
      border: 1px solid rgba(0, 79, 143, 0.55);
      background: rgba(163, 221, 255, 0.39);
    }
  .rs-app .rs-tag.green {
    color: #099504;
    border: 1px solid rgba(12, 104, 5, 0.69);
    background: rgba(70, 230, 12, 0.4); }
  .rs-app .rs-tag.orange {
    color: #e98d0c;
    border: 1px solid #ffcc99;
    background: #fff5e1; }
  .rs-app .rs-tag.red {
    color: #f32412;
    border: 1px solid #ffa299;
    background: #ffeae6; }
  .rs-app .rs-tag.yellow {
    color: #65682b;
    border: 1px solid rgb(136, 140, 5);
    background: rgb(255, 252, 63); }
  .rs-app .rs-tag.purple {
    color: #7e14b5;
    border: 1px solid rgba(60, 4, 54, 0.39);
    background: rgba(181, 108, 228, 0.39); }
  .rs-app .rs-tag.brown {
    background-color: #a52a2a4a;
    color: #a52a2ac7;
    border: 1px solid #a52a2ac2; }
  .rs-app .rs-tag.light-grey {
    background: rgb(189 189 189 / 39%);
    color: #747474;
    border: 1px solid #a7a2a2; }
  .rs-app .rs-tag.dark-grey {
    background: rgb(87 84 84 / 39%);
    color: #121111;
    border: 1px solid #2d2c2c; }
  .rs-app .rs-tag.teal {
    color: #2e9985;
    border: 1px solid rgb(14, 177, 128);
    background: rgba(23, 247, 180, 0.61); }
  .rs-app .rs-tag:hover:not(.nohover) {
    color: #013f71;
    border: 1px solid rgba(12, 91, 174, 0.68);
    background: rgba(0, 161, 255, 0.63);
    cursor: pointer;
  }
  .rs-app .rs-tag.tag-two {
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr; }
    .rs-app .rs-tag.tag-two > span {
      padding: 2px 6px; }
      .rs-app .rs-tag.tag-two > span:first-child {
        background: #fff;
        border-radius: 4px 0 0 4px;
        padding-right: 20px; }
      .rs-app .rs-tag.tag-two > span:last-child {
        text-align: right;
        border-radius: 0 4px 4px 0;
        padding-left: 20px; }

.rs-app .cell-issuer {
  font-size: 12px;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 500;
  color: #2f7cbc;
  position: relative; }

.rs-app .head-blocked {
  text-align: center; }
  .rs-app .head-blocked svg {
    opacity: .35; }

.rs-app .svg-priceList {
  margin-left: 2px; }

.rs-app .k-popup.k-group.kendo-dd-wide,
.rs-app .k-popup.k-group.kendo-dd-wide .k-virtual-wrap {
  min-width: 250px !important;
  max-width: 400px !important;
  width: auto !important; }

.rs-app .k-dropdown .k-dropdown-wrap, .rs-app .k-dropdowntree .k-dropdown-wrap {
  border-color: rgba(0, 0, 0, 0.15);
  background-image: none; }

.rs-app .k-dropdown.user-plus {
  width: 28px;
  height: 28px; }
  .rs-app .k-dropdown.user-plus .k-input,
  .rs-app .k-dropdown.user-plus .k-select {
    display: none; }
  .rs-app .k-dropdown.user-plus .k-dropdown-wrap {
    width: 24px;
    height: 24px;
    box-sizing: content-box;
    position: relative;
    cursor: pointer;
    border-radius: 24px;
    background: transparent;
    box-shadow: none;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid #c7c7c7; }
    .rs-app .k-dropdown.user-plus .k-dropdown-wrap:after, .rs-app .k-dropdown.user-plus .k-dropdown-wrap:before {
      content: '';
      position: absolute;
      background: #c7c7c7; }
    .rs-app .k-dropdown.user-plus .k-dropdown-wrap:after {
      width: 12px;
      height: 2px;
      top: 11px;
      left: 6px; }
    .rs-app .k-dropdown.user-plus .k-dropdown-wrap:before {
      width: 2px;
      height: 12px;
      top: 6px;
      left: 11px; }
    .rs-app .k-dropdown.user-plus .k-dropdown-wrap:hover, .rs-app .k-dropdown.user-plus .k-dropdown-wrap.k-state-active {
      transform: rotate(180deg);
      border-color: #3fc66c;
      background-color: #caf2e1; }
      .rs-app .k-dropdown.user-plus .k-dropdown-wrap:hover:after, .rs-app .k-dropdown.user-plus .k-dropdown-wrap:hover:before, .rs-app .k-dropdown.user-plus .k-dropdown-wrap.k-state-active:after, .rs-app .k-dropdown.user-plus .k-dropdown-wrap.k-state-active:before {
        background-color: #3fc66c; }

.rs-app .entity-card.header {
  padding: 0 10px;
  opacity: .65;
  font-size: 14px;
  line-height: 14px; }
  .rs-app .entity-card.header .id {
    min-width: 37%;
    max-width: 37%;
    width: 37%; }
  .rs-app .entity-card.header .row > div {
    display: flex;
    align-items: center; }
  .rs-app .entity-card.header .actions,
  .rs-app .entity-card.header .row > span:last-child {
    min-width: 40px;
    max-width: 40px;
    width: 40px; }

.rs-app .disposition-wraper {
  position: fixed;
  top: 0;
  left: 510px;
  width: 370px;
  align-items: center;
  height: 64px;
  border: solid #ccc;
  border-width: 0 1px;
  padding: 0 11px;
  background: #e1e1e1;
  padding-top: 6px; }

.rs-app .pulse {
  box-shadow: 0 0 0 rgba(240, 157, 40, 0.25);
  animation: pulse 1.5s;
  animation-iteration-count: 10; }

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(240, 157, 40, 0.25); }
  100% {
    box-shadow: 0 0 0 20px rgba(240, 157, 40, 0); } }

.rs-app .uat {
  position: fixed;
  right: 19px;
  top: 80px; }

.margin-top-30 {
  margin-top: 30px; }

.entity {
  padding-top: 0 !important; }
  .entity.entity-issuer .entity-top .tabs {
    grid-column: 1/3; }
  .entity.entity-issuer .entity-top .actions {
    padding: 20px;
    grid-row: 1/2; }
  .entity .entity-top {
    border-radius: 0 0 8px 8px;
    background-color: #ffffff;
    box-shadow: 0 5px 10px 0 rgba(121, 123, 129, 0.1);
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto 150px;
    -ms-grid-columns: auto 150px; }
    .entity .entity-top:not(.entity-add) {
      height: 190px;
      grid-template-rows: auto 70px;
      -ms-grid-rows: auto 70px; }
    .entity .entity-top.entity-add {
      margin-bottom: 20px; }
      .entity .entity-top.entity-add .actions {
        grid-row: 1/1; }
    .entity .entity-top.entity-share {
      grid-template-rows: auto 60px; }
      .entity .entity-top.entity-share .rs-control-group {
        margin: 0; }
      .entity .entity-top.entity-share .label, .entity .entity-top.entity-share label {
        font-size: 13px;
        font-weight: 600; }
      .entity .entity-top.entity-share .details {
        display: inline-grid;
        display: -ms-inline-grid;
        grid-template-columns: auto min-content;
        -ms-grid-columns: auto min-content;
        grid-template-rows: unset;
        grid-template-areas: "h s"
 "i i"; }
        .entity .entity-top.entity-share .details > div {
          padding: 10px 20px; }
        .entity .entity-top.entity-share .details .holders {
          grid-area: h;
          min-width: 300px; }
          .entity .entity-top.entity-share .details .holders .list {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap; }
          .entity .entity-top.entity-share .details .holders .count {
            position: absolute;
            right: -2px;
            z-index: 10;
            top: 50%;
            margin-top: -8px;
            height: 28px;
            width: 28px;
            border-radius: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            font-size: 13px;
            opacity: .5;
            transition: .2s; }
            .entity .entity-top.entity-share .details .holders .count:hover {
              opacity: 1; }
        .entity .entity-top.entity-share .details .series {
          grid-area: s;
          display: flex;
          justify-content: space-between;
          grid-template-columns: 1fr 1fr 2fr;
          border-left: 1px solid #e5e5e5;
          color: #1ab34d; }
          .entity .entity-top.entity-share .details .series .rs-control-group:not(:last-child) {
            padding-right: 40px; }
          .entity .entity-top.entity-share .details .series label {
            color: #1ab34d; }
          .entity .entity-top.entity-share .details .series .rs-control {
            font-size: 20px;
            text-transform: uppercase;
            white-space: nowrap;
            line-height: 1.3; }
            .entity .entity-top.entity-share .details .series .rs-control:not(:last-child) {
              padding-right: 40px; }
          .entity .entity-top.entity-share .details .series .rs-tag {
            min-width: 120px; }
            .entity .entity-top.entity-share .details .series .rs-tag span {
              white-space: nowrap; }
        .entity .entity-top.entity-share .details .issuer {
          grid-area: i;
          color: #0a7eb8 !important;
          background: #f2f2f2; }
          .entity .entity-top.entity-share .details .issuer .rs-control {
            max-width: 70%;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            line-clamp: 1;
            -webkit-box-orient: vertical;
            line-height: 1.25;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%; }
        .entity .entity-top.entity-share .details .status-tags {
          position: absolute;
          right: 0;
          top: 8px; }
    .entity .entity-top .main {
      display: flex; }
      .entity .entity-top .main > *:not(.logo) {
        flex-basis: 0;
        padding: 20px 30px 0 30px;
        display: grid;
        display: -ms-grid;
        border-left: 1px solid #e5e5e5; }
    .entity .entity-top .data {
      font-size: 14px;
      line-height: 1.2;
      font-weight: 500; }
      .entity .entity-top .data svg {
        fill: url(#svg-espiro-gradient); }
    .entity .entity-top .field {
      display: flex;
      align-items: start;
      justify-content: flex-start; }
    .entity .entity-top .label, .entity .entity-top label {
      color: rgba(0, 0, 0, 0.4);
      margin-right: 20px;
      float: left; }
    .entity .entity-top .val {
      color: #999999; }
    .entity .entity-top .logo {
      min-width: 120px;
      max-width: 120px;
      width: 120px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .entity .entity-top .avatar {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 70px;
      height: 70px;
      border-radius: 100px;
      background: #f0f0f0;
      color: #ccc;
      font-size: 40px;
      font-weight: 300; }
    .entity .entity-top .actions {
      grid-column: 2;
      grid-row: 1/3;
      -ms-grid-row: 1/3;
      z-index: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      padding: 30px;
      border-left: 1px solid #e5e5e5; }
    .entity .entity-top .action {
      width: 100%;
      margin: 0 0 15px 0;
      border-width: 1px;
      border-radius: 50px;
      background: transparent; }
      .entity .entity-top .action.secondary {
        color: #a8a8a8; }
      .entity .entity-top .action:not(:disabled):hover:before {
        transform: scale(1.1, 1); }
    .entity .entity-top .tabs {
      border-top: 1px solid #e5e5e5; }
  .entity .entity-tabs.k-tabstrip {
    margin-top: -57px; }
    .entity .entity-tabs.k-tabstrip .k-tabstrip-items {
      position: static;
      background: transparent;
      border-color: transparent;
      box-shadow: none;
      height: 62px;
      padding: 0 12px; }
    .entity .entity-tabs.k-tabstrip .k-item {
      font-weight: 500; }
      .entity .entity-tabs.k-tabstrip .k-item:after {
        height: 5px;
        border-radius: 10px;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAFCAIAAABzdd0sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MGIyYTI0OS03NWQ4LTllNDEtOWQyZC1mZjY1YTI4MmJjOTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjQ5NUM0MDU5ODk3MTFFQTlEOTlBNzhFQTAxMEE1NTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjQ5NUM0MDQ5ODk3MTFFQTlEOTlBNzhFQTAxMEE1NTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M2MyYmIzODUtMWMyYi1iZjQxLTkxNGYtZjgxZDBkYjY5MGRlIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YTljZDA1NGYtMzA2Zi01NTRkLWIxNTMtZDUxNGIyNzQwNjkxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+9aqlMgAAAONJREFUeNqUU0kOwkAMsyP+f+Bh/AbUW5gl20wrVKqqeBLLOMsQzxeUIMDxRQAPth+hxTuOlBi/ZcnMdiAuWJQngYOPiafaloKlwswIwM6/HoEGTTtuB8UA6EXOrDqdI9jO9Cj9P4LTW6P9TU24+6k//TnHFIamnk2rad54HjiOnAZhTUVpjDCnlEMrEURqpYm3H2OMgsTEKhWjQ86w4lu1tGLe7+J+3YfNd/UhtYYrf7aNclGz1EVaV7EayB37o5hP9uB8Z+LCTMCthvVezazIicPSoDVYpxG1AfuduTecrwADAMy1IW3RuFziAAAAAElFTkSuQmCC");
        background-size: 100% 100%;
        background-repeat: no-repeat; }
      .entity .entity-tabs.k-tabstrip .k-item:before {
        content: '';
        position: absolute;
        z-index: -1;
        pointer-events: none;
        width: 100%;
        height: 26px;
        left: 0;
        bottom: -22px;
        transition: 0.3s;
        transform-origin: 10% 50%;
        transform: scaleX(0);
        background-repeat: no-repeat;
        background-size: 100% 26px;
        opacity: .6;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAaCAYAAABIIVmfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MGIyYTI0OS03NWQ4LTllNDEtOWQyZC1mZjY1YTI4MmJjOTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTA3RkQwQUM5ODk4MTFFQTg2NTU4M0QzRjE1RTNEM0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTA3RkQwQUI5ODk4MTFFQTg2NTU4M0QzRjE1RTNEM0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkI3MENCMEU5ODJBMTFFQUJDMzhBMjc0QjAzRjA4MTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkI3MENCMEY5ODJBMTFFQUJDMzhBMjc0QjAzRjA4MTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz65mcBwAAADb0lEQVR42tRZCY7bMAwkFf+mv+s/+rs+pxGLYGOAGAwP2cqiFWCs7ZV1DMnhUFH99fsQkeGux/t63R/k3fms7lnds8C7s+G9va9Xm++/9uHLzzPJ/LgO/97Ims31/3r584fJQjvIOw8mgszAH8QQaBAhhvAbYe8qEBmYvo9Cf5zDO8R49xuwnnOMAYBvawdMNgiAGgCuQSSg9+O9gJcp8f4sGs7/PRzAr/snzDcBXCP3ftzh1mOwbjQac5rLBogoQgOP9uCzyPBGYONJAPCEzUeUcYI4AewHeCl6uDf4AGMOGE9c3yiCtkUAox8pwMsMpME3g4zrQX64e+Zt3nvZWrwXP8k+LABygPElWCeLKuyz3AbZ0GpjXi0J31ZjsMbGHYteqcnYuFYtnHJ7DrBgo5UymWBIIYDYAgWhAonyASZhZqgqh2TrjcbAqJW7tHQ0gWZAMdoYLlS9CtKAEiJJx+SfOO63QAFFsjEav2McId/prlxwBBQUyTkFgJ9ExWgRtow2JhiyK0Ov6H0LtH7H+z+ahNkmBgFewLNHkE9GkFR3FGKRAaLaQC4WYh1q3hIB0WQzSWDm9DfzfiPgZwl7FvzdqVgjQ0jDkJKAj20yMFerYJ+EmUd60J6EPl7g/3ERYIE0rSLAimTbeVclXLnZB/syB7OrEYBKBqlnQtVpQEGR0lFSM7DKd0XBRIBl1DGTyM4Mm6mcTEXdKsSiDT5JyW5E8WhSvFVJ2JJ8JI17ZqBd40pikNtHEZosXkhCZeclerGQqaJAEt3d8d4qp1iz9pGgHtgmQwcZeJKqeZIIQGmaHT9UlagVhZEseLA0qCubaybjbJehRnKAkkUgj0fFlpLvpUhas3juRoslNDELCskMllLOFQWEBpgOTNT+/uwFk/BMErAUMvZqRFRGkKJPJ+Fmxt0aAUbywCk9B0TG6fEoS0cDdC022jGELIC8AuxKbtpyBlSpIE8TTzhDZ8nWFoDXIqStcWIpC2N0Ae8afxv4SEEaHPkyTtYE6Ep6ahPsapPWBFwW57CF9d3if3YWpESfZ4dQGlS53d8OZMEbV7zPvmvcO+AzCsrO8zt8nv1fN4eyNcfZQSEfo6EDOD362a4CuOP5V1SEbe73z815NAfXC+GrN8P9U82+6ZtLOaBzbtPh912Ltv/EQJfbXwEGAIFo+UMAedtSAAAAAElFTkSuQmCC"); }
      .entity .entity-tabs.k-tabstrip .k-item.k-state-active, .entity .entity-tabs.k-tabstrip .k-item.k-state-selected {
        color: #00a1d6; }
        .entity .entity-tabs.k-tabstrip .k-item.k-state-active:before, .entity .entity-tabs.k-tabstrip .k-item.k-state-selected:before {
          transform: scaleX(1); }
      .entity .entity-tabs.k-tabstrip .k-item .k-link {
        padding: 6px 12px;
        letter-spacing: -0.1px; }
  .entity .issuer-name-edit {
    flex-grow: 2; }
    .entity .issuer-name-edit h3 {
      line-height: 1.2; }
    .entity .issuer-name-edit .font-md {
      font-size: 18px !important; }
    .entity .issuer-name-edit .font-sm {
      font-size: 14px !important; }
  .entity .shareholder-name-w {
    width: 55%;
    padding-right: 5%; }
  .entity .shareholder-name {
    width: 55%;
    padding-right: 5%;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2; }
  .entity .shareholder-id-w {
    width: 40%; }
  .entity .shareholder-id {
    width: 40%;
    display: flex;
    align-items: center; }
  .entity .card-shareholder {
    margin-bottom: 6px; }

.rs-app .upload-wrap {
  margin-top: 20px;
  margin-bottom: 20px; }
  .rs-app .upload-wrap .btn-add:after {
    display: flex;
    align-items: center;
    justify-content: center;
    content: attr(title); }

.rs-app .upload-content {
  display: block;
  overflow: hidden;
  max-height: 0;
  transition: .4s .2s ease-out; }

.rs-app #upload-toggle:checked ~ div .upload-content {
  max-height: 220px;
  transition: .5s 0s; }
  .rs-app #upload-toggle:checked ~ div .upload-content .upload-area {
    opacity: 1;
    transition: .2s .25s; }

.rs-app #upload-toggle:checked ~ div .btn-add {
  color: #4d4d4d; }
  .rs-app #upload-toggle:checked ~ div .btn-add:after {
    background: #cccccc;
    content: attr(title-close); }

.rs-app .upload-area {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 20px;
  border: 2px solid #ccc;
  border-radius: 6px;
  opacity: 0;
  transition: .2s 0s; }
  .rs-app .upload-area .cloud {
    border: solid #ccc;
    border-width: 0 1px;
    margin: 0 40px; }
  .rs-app .upload-area .drop-info {
    display: grid;
    text-align: center; }
  .rs-app .upload-area .dropZoneElement {
    background: rgba(147, 203, 240, 0.7);
    position: fixed;
    width: calc(100% - 280px);
    left: 260px;
    height: calc(100% - 300px);
    top: 280px;
    border-radius: 10px;
    border: 2px dashed #028ecd;
    cursor: grab;
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
    .rs-app .upload-area .dropZoneElement:after {
      content: attr(title);
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      text-align: center;
      color: #0a7eb8;
      font-size: 28px;
      font-weight: 300; }
    .rs-app .upload-area .dropZoneElement.k-dropzone-active {
      transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 100 !important;
      opacity: 1 !important;
      pointer-events: all !important; }
      .rs-app .upload-area .dropZoneElement.k-dropzone-active.k-dropzone-hovered {
        background: rgba(77, 255, 166, 0.6);
        border: 2px dashed #1ab34d; }
        .rs-app .upload-area .dropZoneElement.k-dropzone-active.k-dropzone-hovered:after {
          color: #1d7c3d;
          content: attr(title-hover); }
  .rs-app .upload-area .k-upload-button {
    position: absolute;
    left: -235px;
    top: 94px;
    border: 0;
    background: #d1d1d1; }
  .rs-app .upload-area .k-upload-async {
    background: transparent;
    border: 0;
    height: 100%;
    display: grid; }
  .rs-app .upload-area .k-dropzone {
    background: transparent;
    border: 0; }
  .rs-app .upload-area .k-upload-files {
    border: 0; }
  .rs-app .upload-area .k-action-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0;
    max-height: 130px; }
    .rs-app .upload-area .k-action-buttons .k-button {
      border-radius: 26px;
      border: 1px solid #cccccc;
      background: transparent;
      height: 30px; }
      .rs-app .upload-area .k-action-buttons .k-button:not(.k-primary) {
        border-color: #cccccc;
        background: transparent; }
      .rs-app .upload-area .k-action-buttons .k-button.k-primary {
        color: #4d4d4d;
        border: 1px solid #cccccc;
        background: #cccccc; }

.rs-grid .cell-price * {
  text-align: right; }

.rs-grid .price {
  color: #f1464c;
  border: solid 1px #ddd;
  padding: 5px 10px;
  cursor: pointer;
  display: flex;
  width: auto;
  border-radius: 5px;
  text-align: right;
  align-items: center;
  justify-content: flex-end; }
  .rs-grid .price.off {
    color: #1ab34d; }

.rs-card.transaction-sides {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  margin-top: 20px;
  position: relative;
  z-index: 1; }
  .rs-card.transaction-sides .side {
    padding: 16px 32px 24px; }
  .rs-card.transaction-sides .sellers .subhead {
    color: #824417; }
  .rs-card.transaction-sides .sellers .rs-card .line-clamp-2 {
    color: #6b472e;
    opacity: .8; }
  .rs-card.transaction-sides .buyers {
    position: relative; }
    .rs-card.transaction-sides .buyers .bg {
      content: ' ';
      position: absolute;
      z-index: 0;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      overflow: hidden;
      border-radius: 0 8px 8px 0;
      background: rgba(0, 0, 0, 0.04);
      box-shadow: 1px 0 0 0 #e5e5e5 inset; }
      .rs-card.transaction-sides .buyers .bg:after {
        content: ' ';
        position: absolute;
        z-index: 10;
        left: -35px;
        top: 50%;
        margin-top: -20px;
        width: 40px;
        height: 40px;
        background: #fff;
        border: 1px solid #d9d9d9;
        transform: rotate(45deg); }
    .rs-card.transaction-sides .buyers .subhead {
      color: #1ea44b; }
    .rs-card.transaction-sides .buyers .rs-card .line-clamp-2 {
      color: #3b8754;
      opacity: .8; }
  .rs-card.transaction-sides .subhead {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: 1fr;
    align-items: center;
    font-size: 18px;
    margin-bottom: 20px;
    place-content: space-evenly; }
  .rs-card.transaction-sides .grid-list .rs-card {
    box-shadow: none;
    border: 1px solid #ddd; }
  .rs-card.transaction-sides .grid-list .card-section {
    padding: 2px 10px; }
  .rs-card.transaction-sides .grid-list svg {
    opacity: .5;
    transition: .2s; }
  .rs-card.transaction-sides .grid-list .name-status {
    position: absolute;
    left: -24px;
    top: 50%;
    margin-top: -8px; }
    .rs-card.transaction-sides .grid-list .name-status:hover svg {
      opacity: 1; }
  .rs-card.transaction-sides .grid-list .range {
    font-size: 12px; }

.transaction-area {
  position: relative; }
  .transaction-area .bill {
    position: absolute;
    z-index: 0;
    bottom: 10px;
    height: 30px;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    background: #40bf55;
    color: #fff;
    border-radius: 0 0 4px 4px;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    justify-items: stretch;
    font-size: 14px;
    transition: .2s ease-in-out; }
    .transaction-area .bill.hidden {
      bottom: 35px;
      opacity: .3; }
    .transaction-area .bill > span {
      padding: 0 10px;
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      column-gap: 5px; }
      .transaction-area .bill > span:last-child {
        background: rgba(0, 0, 0, 0.075); }
    .transaction-area .bill .lab {
      opacity: .8; }
    .transaction-area .bill .curr {
      font-size: 12px; }

.k-grid .nowrap {
  white-space: nowrap; }

.redSquare {
  background: red;
  text-align: center;
  font: bold 15px/25px Helvetica, Verdana, Tahoma;
  color: white;
  height: 25px;
  border-radius: 10%; }

.greenSquare {
  background: green;
  text-align: center;
  font: bold 15px/25px Helvetica, Verdana, Tahoma;
  color: white;
  height: 25px;
  border-radius: 10%; }

.multiselect-own {
  display: grid;
  grid-template-columns: 200px 120px 120px;
  grid-column-gap: 20px; }

.k-popup.k-group.kendo-dd-wide-500,
.k-popup.k-group.kendo-dd-wide-500 .k-virtual-wrap {
  min-width: 500px !important;
  max-width: 500px !important;
  width: auto !important; }

.orderer-identificator-type {
  color: #007909;
  font-weight: 500; }

.orderer-name {
  overflow: hidden;
  font-weight: 500; }

.orderer-identificator {
  color: #007abc;
  font-weight: 500; }

.menu-main {
  height: inherit;
  width: inherit;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between; }
  .menu-main.tab-sum-0 .menu-tabs, .menu-main.tab-sum-1 .menu-tabs {
    pointer-events: none;
    min-height: auto;
    max-height: 0px;
    height: 0px; }
  .menu-main .menu-items {
    flex-grow: 1;
    position: relative;
    margin-top: 10px;
    margin-bottom: 60px;
    overflow-y: auto;
    overflow-x: hidden; }
  .menu-main .menu-tabs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: auto;
    max-height: 80px;
    height: 80px;
    padding: 0 5px 0 20px;
    overflow: hidden;
    transition: 0.25s;
    box-shadow: 0px -1px 0px 0px rgba(161, 170, 179, 0.2), 0px -2px 8px 0px rgba(161, 170, 179, 0.25); }
    .menu-main .menu-tabs .tab {
      display: flex;
      flex-direction: column;
      padding: 0 10px;
      align-items: center;
      justify-content: center;
      flex-grow: 1;
      cursor: pointer;
      transition: .3s; }
      .menu-main .menu-tabs .tab:not(:hover) {
        opacity: .75; }
    .menu-main .menu-tabs .txt {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 12px;
      letter-spacing: 0.5px;
      border: 2px solid;
      border-radius: 20px;
      padding: 5px 24px; }
  .menu-main .menu-tabs-panels {
    position: absolute;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    flex-wrap: nowrap;
    transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(0%);
    display: flex;
    left: 0;
    top: 0; }
  .menu-main .menu-panel {
    --enter-from: 40px;
    min-width: 100%;
    max-width: 100%;
    width: 100%; }
    .menu-main .menu-panel .menu-item {
      opacity: 0;
      transform: translatey(var(--enter-from)); }

@keyframes menu-in {
  0%,
  1% {
    transform: translatey(var(--enter-from));
    opacity: 0; }
  100% {
    transform: translatey(0);
    opacity: 1; } }

@keyframes menu-out {
  0%,
  1% {
    transform: translateX(0);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 0; } }
  .menu-main[class*="section-{{"] .menu-panel .menu-item .menu-item-content {
    opacity: 0; }
  .menu-main.section-1 .menu-tabs-panels {
    transform: translateX(0%); }
  .menu-main.section-1 .menu-panel:nth-child(1) .menu-item:nth-of-type(0) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
    animation-duration: 0.63s;
    animation-delay: 0.51s; }
  .menu-main.section-1 .menu-panel:nth-child(1) .menu-item:nth-of-type(1) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
    animation-duration: 0.63s;
    animation-delay: 0.676s; }
  .menu-main.section-1 .menu-panel:nth-child(1) .menu-item:nth-of-type(2) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 3;
    animation-duration: 0.63s;
    animation-delay: 0.774s; }
  .menu-main.section-1 .menu-panel:nth-child(1) .menu-item:nth-of-type(3) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 4;
    animation-duration: 0.63s;
    animation-delay: 0.843s; }
  .menu-main.section-1 .menu-panel:nth-child(1) .menu-item:nth-of-type(4) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 5;
    animation-duration: 0.63s;
    animation-delay: 0.896s; }
  .menu-main.section-1 .menu-panel:nth-child(1) .menu-item:nth-of-type(5) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 6;
    animation-duration: 0.63s;
    animation-delay: 0.94s; }
  .menu-main.section-1 .menu-panel:nth-child(1) .menu-item:nth-of-type(6) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 7;
    animation-duration: 0.63s;
    animation-delay: 0.977s; }
  .menu-main.section-1 .menu-panel:nth-child(1) .menu-item:nth-of-type(7) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 8;
    animation-duration: 0.63s;
    animation-delay: 1.009s; }
  .menu-main.section-1 .menu-panel:nth-child(1) .menu-item:nth-of-type(8) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 9;
    animation-duration: 0.63s;
    animation-delay: 1.037s; }
  .menu-main.section-1 .menu-panel:nth-child(1) .menu-item:nth-of-type(9) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 10;
    animation-duration: 0.63s;
    animation-delay: 1.063s; }
  .menu-main.section-1 .menu-panel:nth-child(1) .menu-item:nth-of-type(10) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 11;
    animation-duration: 0.63s;
    animation-delay: 1.085s; }
  .menu-main.section-1 .menu-panel:nth-child(1) .menu-item:nth-of-type(11) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 12;
    animation-duration: 0.63s;
    animation-delay: 1.106s; }
  .menu-main.section-1 .menu-panel:nth-child(1) .menu-item:nth-of-type(12) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 13;
    animation-duration: 0.63s;
    animation-delay: 1.126s; }
  .menu-main.section-1 .menu-panel:nth-child(1) .menu-item:nth-of-type(13) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 14;
    animation-duration: 0.63s;
    animation-delay: 1.143s; }
  .menu-main.section-1 .menu-panel:nth-child(1) .menu-item:nth-of-type(14) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 15;
    animation-duration: 0.63s;
    animation-delay: 1.16s; }
  .menu-main.section-1 .menu-panel:nth-child(1) .menu-item:nth-of-type(15) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 16;
    animation-duration: 0.63s;
    animation-delay: 1.175s; }
  .menu-main.section-1 .tab:nth-child(1) {
    color: #fff;
    opacity: 1; }
  .menu-main.section-2 .menu-tabs-panels {
    transform: translateX(-100%); }
  .menu-main.section-2 .menu-panel:nth-child(2) .menu-item:nth-of-type(0) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
    animation-duration: 0.63s;
    animation-delay: 0.51s; }
  .menu-main.section-2 .menu-panel:nth-child(2) .menu-item:nth-of-type(1) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
    animation-duration: 0.63s;
    animation-delay: 0.676s; }
  .menu-main.section-2 .menu-panel:nth-child(2) .menu-item:nth-of-type(2) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 3;
    animation-duration: 0.63s;
    animation-delay: 0.774s; }
  .menu-main.section-2 .menu-panel:nth-child(2) .menu-item:nth-of-type(3) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 4;
    animation-duration: 0.63s;
    animation-delay: 0.843s; }
  .menu-main.section-2 .menu-panel:nth-child(2) .menu-item:nth-of-type(4) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 5;
    animation-duration: 0.63s;
    animation-delay: 0.896s; }
  .menu-main.section-2 .menu-panel:nth-child(2) .menu-item:nth-of-type(5) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 6;
    animation-duration: 0.63s;
    animation-delay: 0.94s; }
  .menu-main.section-2 .menu-panel:nth-child(2) .menu-item:nth-of-type(6) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 7;
    animation-duration: 0.63s;
    animation-delay: 0.977s; }
  .menu-main.section-2 .menu-panel:nth-child(2) .menu-item:nth-of-type(7) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 8;
    animation-duration: 0.63s;
    animation-delay: 1.009s; }
  .menu-main.section-2 .menu-panel:nth-child(2) .menu-item:nth-of-type(8) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 9;
    animation-duration: 0.63s;
    animation-delay: 1.037s; }
  .menu-main.section-2 .menu-panel:nth-child(2) .menu-item:nth-of-type(9) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 10;
    animation-duration: 0.63s;
    animation-delay: 1.063s; }
  .menu-main.section-2 .menu-panel:nth-child(2) .menu-item:nth-of-type(10) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 11;
    animation-duration: 0.63s;
    animation-delay: 1.085s; }
  .menu-main.section-2 .menu-panel:nth-child(2) .menu-item:nth-of-type(11) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 12;
    animation-duration: 0.63s;
    animation-delay: 1.106s; }
  .menu-main.section-2 .menu-panel:nth-child(2) .menu-item:nth-of-type(12) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 13;
    animation-duration: 0.63s;
    animation-delay: 1.126s; }
  .menu-main.section-2 .menu-panel:nth-child(2) .menu-item:nth-of-type(13) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 14;
    animation-duration: 0.63s;
    animation-delay: 1.143s; }
  .menu-main.section-2 .menu-panel:nth-child(2) .menu-item:nth-of-type(14) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 15;
    animation-duration: 0.63s;
    animation-delay: 1.16s; }
  .menu-main.section-2 .menu-panel:nth-child(2) .menu-item:nth-of-type(15) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 16;
    animation-duration: 0.63s;
    animation-delay: 1.175s; }
  .menu-main.section-2 .tab:nth-child(2) {
    color: #fff;
    opacity: 1; }
  .menu-main.section-3 .menu-tabs-panels {
    transform: translateX(-200%); }
  .menu-main.section-3 .menu-panel:nth-child(3) .menu-item:nth-of-type(0) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
    animation-duration: 0.63s;
    animation-delay: 0.51s; }
  .menu-main.section-3 .menu-panel:nth-child(3) .menu-item:nth-of-type(1) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
    animation-duration: 0.63s;
    animation-delay: 0.676s; }
  .menu-main.section-3 .menu-panel:nth-child(3) .menu-item:nth-of-type(2) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 3;
    animation-duration: 0.63s;
    animation-delay: 0.774s; }
  .menu-main.section-3 .menu-panel:nth-child(3) .menu-item:nth-of-type(3) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 4;
    animation-duration: 0.63s;
    animation-delay: 0.843s; }
  .menu-main.section-3 .menu-panel:nth-child(3) .menu-item:nth-of-type(4) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 5;
    animation-duration: 0.63s;
    animation-delay: 0.896s; }
  .menu-main.section-3 .menu-panel:nth-child(3) .menu-item:nth-of-type(5) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 6;
    animation-duration: 0.63s;
    animation-delay: 0.94s; }
  .menu-main.section-3 .menu-panel:nth-child(3) .menu-item:nth-of-type(6) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 7;
    animation-duration: 0.63s;
    animation-delay: 0.977s; }
  .menu-main.section-3 .menu-panel:nth-child(3) .menu-item:nth-of-type(7) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 8;
    animation-duration: 0.63s;
    animation-delay: 1.009s; }
  .menu-main.section-3 .menu-panel:nth-child(3) .menu-item:nth-of-type(8) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 9;
    animation-duration: 0.63s;
    animation-delay: 1.037s; }
  .menu-main.section-3 .menu-panel:nth-child(3) .menu-item:nth-of-type(9) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 10;
    animation-duration: 0.63s;
    animation-delay: 1.063s; }
  .menu-main.section-3 .menu-panel:nth-child(3) .menu-item:nth-of-type(10) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 11;
    animation-duration: 0.63s;
    animation-delay: 1.085s; }
  .menu-main.section-3 .menu-panel:nth-child(3) .menu-item:nth-of-type(11) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 12;
    animation-duration: 0.63s;
    animation-delay: 1.106s; }
  .menu-main.section-3 .menu-panel:nth-child(3) .menu-item:nth-of-type(12) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 13;
    animation-duration: 0.63s;
    animation-delay: 1.126s; }
  .menu-main.section-3 .menu-panel:nth-child(3) .menu-item:nth-of-type(13) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 14;
    animation-duration: 0.63s;
    animation-delay: 1.143s; }
  .menu-main.section-3 .menu-panel:nth-child(3) .menu-item:nth-of-type(14) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 15;
    animation-duration: 0.63s;
    animation-delay: 1.16s; }
  .menu-main.section-3 .menu-panel:nth-child(3) .menu-item:nth-of-type(15) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 16;
    animation-duration: 0.63s;
    animation-delay: 1.175s; }
  .menu-main.section-3 .tab:nth-child(3) {
    color: #fff;
    opacity: 1; }
  .menu-main.section-4 .menu-tabs-panels {
    transform: translateX(-300%); }
  .menu-main.section-4 .menu-panel:nth-child(4) .menu-item:nth-of-type(0) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
    animation-duration: 0.63s;
    animation-delay: 0.51s; }
  .menu-main.section-4 .menu-panel:nth-child(4) .menu-item:nth-of-type(1) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
    animation-duration: 0.63s;
    animation-delay: 0.676s; }
  .menu-main.section-4 .menu-panel:nth-child(4) .menu-item:nth-of-type(2) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 3;
    animation-duration: 0.63s;
    animation-delay: 0.774s; }
  .menu-main.section-4 .menu-panel:nth-child(4) .menu-item:nth-of-type(3) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 4;
    animation-duration: 0.63s;
    animation-delay: 0.843s; }
  .menu-main.section-4 .menu-panel:nth-child(4) .menu-item:nth-of-type(4) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 5;
    animation-duration: 0.63s;
    animation-delay: 0.896s; }
  .menu-main.section-4 .menu-panel:nth-child(4) .menu-item:nth-of-type(5) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 6;
    animation-duration: 0.63s;
    animation-delay: 0.94s; }
  .menu-main.section-4 .menu-panel:nth-child(4) .menu-item:nth-of-type(6) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 7;
    animation-duration: 0.63s;
    animation-delay: 0.977s; }
  .menu-main.section-4 .menu-panel:nth-child(4) .menu-item:nth-of-type(7) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 8;
    animation-duration: 0.63s;
    animation-delay: 1.009s; }
  .menu-main.section-4 .menu-panel:nth-child(4) .menu-item:nth-of-type(8) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 9;
    animation-duration: 0.63s;
    animation-delay: 1.037s; }
  .menu-main.section-4 .menu-panel:nth-child(4) .menu-item:nth-of-type(9) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 10;
    animation-duration: 0.63s;
    animation-delay: 1.063s; }
  .menu-main.section-4 .menu-panel:nth-child(4) .menu-item:nth-of-type(10) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 11;
    animation-duration: 0.63s;
    animation-delay: 1.085s; }
  .menu-main.section-4 .menu-panel:nth-child(4) .menu-item:nth-of-type(11) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 12;
    animation-duration: 0.63s;
    animation-delay: 1.106s; }
  .menu-main.section-4 .menu-panel:nth-child(4) .menu-item:nth-of-type(12) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 13;
    animation-duration: 0.63s;
    animation-delay: 1.126s; }
  .menu-main.section-4 .menu-panel:nth-child(4) .menu-item:nth-of-type(13) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 14;
    animation-duration: 0.63s;
    animation-delay: 1.143s; }
  .menu-main.section-4 .menu-panel:nth-child(4) .menu-item:nth-of-type(14) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 15;
    animation-duration: 0.63s;
    animation-delay: 1.16s; }
  .menu-main.section-4 .menu-panel:nth-child(4) .menu-item:nth-of-type(15) {
    animation-name: menu-in;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 16;
    animation-duration: 0.63s;
    animation-delay: 1.175s; }
  .menu-main.section-4 .tab:nth-child(4) {
    color: #fff;
    opacity: 1; }
  .menu-main.dir-left .menu-panel {
    --enter-from: -40px; }
  .menu-main.dir-right .menu-panel {
    --enter-from: 40px; }
  .menu-main .menu-item {
    position: relative; }
    .menu-main .menu-item .menu-item-content {
      display: flex;
      align-items: center;
      font-size: 15px;
      font-weight: 500;
      height: 48px;
      color: #7d8999;
      padding: 10px 20px 10px 25px;
      position: relative; }
      .menu-main .menu-item .menu-item-content .txt {
        color: inherit;
        padding-top: 2px;
        flex-grow: 1;
        white-space: nowrap; }
      .menu-main .menu-item .menu-item-content > .ico {
        color: #438cc1;
        display: flex;
        margin-right: 25px;
        opacity: 1;
        min-width: 28px;
        max-height: 28px;
        max-width: 28px; }
      .menu-main .menu-item .menu-item-content .rs-svg, .menu-main .menu-item .menu-item-content svg, .menu-main .menu-item .menu-item-content .shape {
        fill: url(#svg-espiro-gradient); }
      .menu-main .menu-item .menu-item-content .txt, .menu-main .menu-item .menu-item-content i, .menu-main .menu-item .menu-item-content path {
        transition: 0.3s; }
      .menu-main .menu-item .menu-item-content .svg-payments, .menu-main .menu-item .menu-item-content .svg-Charges {
        height: 20px; }
      .menu-main .menu-item .menu-item-content:before {
        content: '';
        position: absolute;
        z-index: -1;
        width: calc(100% - 25px);
        height: 100%;
        background: linear-gradient(90deg, #fff 10%, #e6f7ff 100%);
        transform-origin: 100% 50%;
        transform: scaleY(0.2);
        opacity: 0;
        transition: .3s; }
      .menu-main .menu-item .menu-item-content:hover:before {
        transform: scaleY(1);
        opacity: 1; }
    .menu-main .menu-item:after {
      content: '';
      position: absolute;
      width: 4px;
      height: 20px;
      top: 12px;
      right: 0px;
      background: linear-gradient(180deg, #00bcf0 0%, #006eb3 100%);
      border-radius: 2px;
      opacity: 0;
      transform: scaleY(0.4); }
    .menu-main .menu-item.active:after, .menu-main .menu-item.open:after {
      opacity: 1;
      transform: scaleY(1);
      transition: .4s 1s; }
    .menu-main .menu-item.active .menu-item-content .txt, .menu-main .menu-item.open .menu-item-content .txt {
      color: #004c8a; }
    .menu-main .menu-item.active .submenu:before, .menu-main .menu-item.open .submenu:before {
      opacity: 1;
      transform: translateY(0px) scale(1, 1); }
    .menu-main .menu-item.active .submenu-content:before, .menu-main .menu-item.open .submenu-content:before {
      opacity: 1;
      transform: translateY(0px) scale(1, 1); }
    .menu-main .menu-item.active .submenu-content .submenu-item, .menu-main .menu-item.open .submenu-content .submenu-item {
      opacity: 1;
      transform: translateY(0px); }
  .menu-main .submenu {
    width: 100%;
    position: relative; }
    .menu-main .submenu:before {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      background: rgba(0, 55, 97, 0.5);
      transform-origin: 50% 20%;
      transform: translateY(0px) scale(1, 0.2);
      opacity: 0.00001;
      transition: .3s .1s; }
  .menu-main .submenu-content {
    overflow: hidden;
    padding: 20px 20px 20px 42px;
    position: relative; }
    .menu-main .submenu-content:before {
      position: absolute;
      content: '';
      width: 1px;
      height: calc(100% - 40px);
      top: 20px;
      left: 42px;
      background: rgba(255, 255, 255, 0.15);
      transform-origin: 50% 50%;
      transform: scale(1, 0.3);
      opacity: 0.00001;
      transition: .25s .25s; }
  .menu-main .submenu-item {
    display: block;
    font-size: 14px;
    padding: 2px 0 2px 35px;
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0; }
    .menu-main .submenu-item:nth-of-type(1) {
      transform: translate(0px, 45px);
      transition-duration: 0.1666s;
      transition-delay: 0.215s; }
    .menu-main .submenu-item:nth-of-type(2) {
      transform: translate(0px, 50px);
      transition-duration: 0.2499s;
      transition-delay: 0.235s; }
    .menu-main .submenu-item:nth-of-type(3) {
      transform: translate(0px, 55px);
      transition-duration: 0.3332s;
      transition-delay: 0.255s; }
    .menu-main .submenu-item:nth-of-type(4) {
      transform: translate(0px, 60px);
      transition-duration: 0.4165s;
      transition-delay: 0.275s; }
    .menu-main .submenu-item:nth-of-type(5) {
      transform: translate(0px, 65px);
      transition-duration: 0.4998s;
      transition-delay: 0.295s; }
    .menu-main .submenu-item:nth-of-type(6) {
      transform: translate(0px, 70px);
      transition-duration: 0.5831s;
      transition-delay: 0.315s; }
    .menu-main .submenu-item:nth-of-type(7) {
      transform: translate(0px, 75px);
      transition-duration: 0.6664s;
      transition-delay: 0.335s; }
    .menu-main .submenu-item:nth-of-type(8) {
      transform: translate(0px, 80px);
      transition-duration: 0.7497s;
      transition-delay: 0.355s; }
    .menu-main .submenu-item:nth-of-type(9) {
      transform: translate(0px, 85px);
      transition-duration: 0.833s;
      transition-delay: 0.375s; }
    .menu-main .submenu-item:nth-of-type(10) {
      transform: translate(0px, 90px);
      transition-duration: 0.9163s;
      transition-delay: 0.395s; }
    .menu-main .submenu-item:nth-of-type(11) {
      transform: translate(0px, 95px);
      transition-duration: 0.9996s;
      transition-delay: 0.415s; }
    .menu-main .submenu-item:nth-of-type(12) {
      transform: translate(0px, 100px);
      transition-duration: 1.0829s;
      transition-delay: 0.435s; }
    .menu-main .submenu-item > a {
      display: block;
      transition: .25s 0s;
      color: #93cbf0; }
      .menu-main .submenu-item > a:before {
        transition: inherit;
        position: absolute;
        content: '';
        width: 3px;
        height: 100%;
        left: -1px;
        top: 0;
        border-radius: 2px;
        background-color: transparent;
        transform: scaleY(0.4);
        transition-delay: 0s; }
    .menu-main .submenu-item.active > a {
      color: white; }
      .menu-main .submenu-item.active > a:before {
        background-color: white;
        transform: scaleY(1); }

.super-add-menu {
  margin-top: -6px !important; }

.user-menu {
  margin-top: 6px !important; }

[rs-main-menu].section-1 + .aside-header .logo.for-section-1 {
  transform: translateY(0);
  opacity: 1; }

[rs-main-menu].section-1 + .aside-header .logo.for-section-2 {
  opacity: 0;
  transform: translateY(-200%); }

[rs-main-menu].section-2 + .aside-header .logo.for-section-1 {
  opacity: 0;
  transform: translateY(-200%); }

[rs-main-menu].section-2 + .aside-header .logo.for-section-2 {
  opacity: 1;
  transform: translateY(0); }

/* 	CARD
========================================================================== */
.rs-card {
  width: 100%;
  background: #fff;
  margin-bottom: 40px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.11), 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  transition: 0.235s background-color; }
  .rs-card .card-section {
    width: 100%;
    padding: 16px; }
    .rs-card .card-section:first-child {
      border-radius: 8px 8px 0 0; }
    .rs-card .card-section:last-child {
      border-radius: 0 0 8px 8px; }
    .rs-card .card-section:only-child {
      border-radius: 8px; }
    .rs-card .card-section.inputs-section {
      padding-bottom: 8px; }
    .rs-card .card-section.separated {
      border-top: 1px solid;
      border-color: inherit; }
  .rs-card.card-transparent {
    background: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06); }
    .card-list .rs-card.card-transparent:hover {
      background-color: #dadadd; }
  .rs-card.card-flat {
    box-shadow: none !important; }
  .rs-card.card-xs {
    border-radius: 4px;
    margin-bottom: 5px; }
    .rs-card.card-xs .card-section {
      padding: 5px 7px; }
  .rs-card.card-sm {
    margin-bottom: 10px; }
    .rs-card.card-sm .card-section {
      padding: 8px; }
  .rs-card.card-md .card-section {
    padding: 34px; }
  .rs-card.card-big .card-section {
    padding: 40px; }
    .rs-card.card-big .card-section:first-child {
      padding: 45px 40px; }
  .rs-card.font-small {
    font-size: 14px; }

.rs-icon-anim {
  position: relative;
  height: 17px;
  width: 23px;
  cursor: pointer;
  display: flex; }
  .rs-icon-anim .icon-bars:before,
  .rs-icon-anim .icon-bars:after,
  .rs-icon-anim .icon-bar-middle {
    content: ' ';
    position: absolute;
    background: rgba(244, 67, 54, 0.4);
    transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    left: 0;
    width: 100%;
    border-radius: 6px;
    height: 3px;
    top: calc(50% -  1.5px);
    transform-origin: 0 100% 0; }
  .rs-icon-anim.menu .icon-bars:before {
    top: calc(0% + 0px); }
  .rs-icon-anim.menu .icon-bars:after {
    top: calc(100% - 3px); }
  .rs-icon-anim.menu-2-arrow:hover .icon-bars:before,
  .rs-icon-anim.menu-2-arrow:hover .icon-bars:after,
  .rs-icon-anim.menu-2-arrow:hover .icon-bar-middle {
    transition: 0.3s; }
  .rs-icon-anim.menu-2-arrow:hover .icon-bars:before {
    width: 33%; }
  .rs-icon-anim.menu-2-arrow:hover .icon-bar-middle {
    width: 60%; }
  .rs-icon-anim.menu-2-arrow:hover .icon-bars:after {
    width: 85%; }

.rs-icon {
  min-width: 32px;
  max-width: 32px;
  width: 32px;
  min-height: 32px;
  max-height: 32px;
  height: 32px;
  border-radius: 56%;
  overflow: hidden;
  display: inline-flex;
  position: relative;
  z-index: 1;
  align-items: center;
  justify-content: center;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
  .rs-icon.icon-bordered {
    border-width: 2px;
    border-style: solid;
    border-color: inherit; }
  .rs-icon .rs-icon-more {
    pointer-events: none;
    position: relative;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 55%;
    background-color: #a8a8a8; }
    .rs-icon .rs-icon-more:after, .rs-icon .rs-icon-more:before {
      content: ' ';
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      background: inherit;
      border-radius: inherit; }
    .rs-icon .rs-icon-more:after {
      top: auto;
      bottom: -7px; }
    .rs-icon .rs-icon-more:before {
      bottom: auto;
      top: -7px; }
    .rs-icon .rs-icon-more.more-horizontal:after, .rs-icon .rs-icon-more.more-horizontal:before {
      top: 0;
      bottom: auto;
      background: inherit;
      border-radius: inherit; }
    .rs-icon .rs-icon-more.more-horizontal:after {
      right: auto;
      left: -7px; }
    .rs-icon .rs-icon-more.more-horizontal:before {
      left: auto;
      right: -7px; }

.rs-svg {
  fill: #1985c8; }
  .rs-svg .shape {
    fill: currentColor; }
  .rs-svg .bg {
    fill: transparent; }
    .rs-svg .bg.stroked {
      stroke: currentColor;
      stroke-width: 1.8; }
  .rs-svg.dark-theme,
  .dark-theme .rs-svg {
    fill: #93cbf0; }
    .rs-svg.dark-theme .shape,
    .dark-theme .rs-svg .shape {
      fill: #72bbec; }
    .rs-svg.dark-theme .bg,
    .dark-theme .rs-svg .bg {
      fill: transparent; }
  .ico-orange .rs-svg .shape {
    fill: #f09d28; }
  .ico-orange .rs-svg .bg {
    fill: transparent; }
    .ico-orange .rs-svg .bg.stroked {
      stroke: #f09d28;
      stroke-width: 1.8; }
  .rs-svg.dates {
    fill: #FFB554;
    color: #FFF2CC; }
  .rs-svg.dates-blue {
    fill: #1985c8;
    color: #d6eafa; }

.btn-icon {
  border-radius: 55%; }
  .btn-icon .plus {
    z-index: 2;
    width: 32px;
    height: 32px;
    box-sizing: content-box;
    position: relative;
    cursor: pointer;
    border-radius: 32px;
    background: #caf2e1;
    box-shadow: none;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid #3fc66c; }
    .btn-icon .plus:after, .btn-icon .plus:before {
      content: '';
      position: absolute;
      background: #3fc66c; }
    .btn-icon .plus:after {
      width: 16px;
      height: 2px;
      top: 15px;
      left: 8px; }
    .btn-icon .plus:before {
      width: 2px;
      height: 16px;
      top: 8px;
      left: 15px; }
    .btn-icon .plus:hover {
      transform: rotate(180deg); }
  .btn-icon > * {
    display: flex;
    align-items: center;
    justify-content: center; }
  .btn-icon .download {
    width: 32px;
    height: 32px;
    box-sizing: content-box;
    position: relative;
    cursor: pointer;
    border-radius: 32px;
    background: #deecf7;
    box-shadow: none;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid #1ac6ff; }
    .btn-icon .download path {
      fill: #1ac6ff; }
    .btn-icon .download svg {
      margin-top: -2px; }
    .btn-icon .download:hover svg {
      animation: down-up .8s ease;
      animation-iteration-count: 2; }
    .btn-icon .download rs-hint {
      background: #1ac6ff !important; }
  .btn-icon .settings {
    width: 32px;
    height: 32px;
    box-sizing: content-box;
    position: relative;
    cursor: pointer;
    border-radius: 32px;
    background: transparent;
    box-shadow: none;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid #bdbdbd; }
    .btn-icon .settings path {
      fill: #bdbdbd; }
    .btn-icon .settings svg {
      margin-top: -1px; }
    .btn-icon .settings:hover svg {
      animation: rotate .8s;
      animation-iteration-count: 1; }
  .btn-icon .btn-default {
    color: #a8a8a8;
    width: 30px;
    height: 30px;
    box-sizing: content-box;
    position: relative;
    cursor: pointer;
    border-radius: 30px;
    background: transparent;
    box-shadow: none;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid #a8a8a8; }
    .btn-icon .btn-default path {
      fill: #a8a8a8; }
  .btn-icon .btn-sm {
    width: 24px;
    height: 24px;
    box-sizing: content-box;
    position: relative;
    cursor: pointer;
    border-radius: 24px;
    background: transparent;
    box-shadow: none;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid #a8a8a8; }

.kendo-cell-true,
.kendo-cell-True,
.kendo-cell-TRUE,
.kendo-cell-1 {
  color: #1ab34d;
  font-weight: 500; }
  ta
.kendo-cell-true.k-icon, ta
  .kendo-cell-True.k-icon, ta
  .kendo-cell-TRUE.k-icon, ta
  .kendo-cell-1.k-icon {
    font-size: 18px; }

.kendo-cell-false,
.kendo-cell-False,
.kendo-cell-FALSE,
.kendo-cell-0 {
  color: #f1464c;
  font-weight: 500; }
  .kendo-cell-false.k-icon,
  .kendo-cell-False.k-icon,
  .kendo-cell-FALSE.k-icon,
  .kendo-cell-0.k-icon {
    font-size: 18px; }

.k-popup {
  border-radius: 4px; }
  .k-popup.rs-dropdown-items {
    padding: 5px 0;
    overflow: hidden; }
    .k-popup.rs-dropdown-items .dropdown-item {
      font-weight: 400 !important;
      color: inherit !important; }

.rs-dropdown-control {
  position: relative; }

.rs-dropdown-menu {
  pointer-events: none;
  opacity: 0;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.065);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  min-width: 100px;
  margin: 2px 0 0 0;
  padding: 5px 0;
  position: absolute;
  right: 0;
  left: auto;
  top: 100%;
  transform: translateY(10px);
  z-index: 900;
  overflow: hidden; }
  .rs-dropdown-menu.to-left {
    right: auto;
    left: 0; }

.rs-dropdown-items .dropdown-item {
  font-size: 14px;
  padding: 4px 40px 4px 7px;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center; }
  .rs-dropdown-items .dropdown-item:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.06);
    transform: scale(0.55, 1);
    transform-origin: 0 50%;
    opacity: 0;
    transition-duration: .25s;
    transition-delay: 0s;
    z-index: 1; }
  .rs-dropdown-items .dropdown-item.color-red-dark:before, .rs-dropdown-items .dropdown-item.color-red:before {
    background-color: rgba(241, 70, 76, 0.1); }
  .rs-dropdown-items .dropdown-item:hover, .rs-dropdown-items .dropdown-item.highlight {
    transition-duration: .35s; }
    .rs-dropdown-items .dropdown-item:hover:before, .rs-dropdown-items .dropdown-item.highlight:before {
      transform: scale(1, 1);
      opacity: 1; }
  .rs-dropdown-items .dropdown-item:first-child {
    margin-top: 0; }
  .rs-dropdown-items .dropdown-item > * {
    position: relative;
    z-index: 2; }
  .rs-dropdown-items .dropdown-item strong:last-child {
    margin-left: 3px; }

.rs-dropdown-items .title {
  font-size: 14px;
  padding: 4px 40px 4px 10px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  color: inherit; }

.rs-dropdown-items .rs-dropdown-menu-foot {
  background: #f3f3f3;
  border-top: 1px solid rgba(7, 7, 7, 0.08);
  padding: 5px 8px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  column-gap: 20px;
  white-space: nowrap;
  align-items: center; }

.rs-dropdown-items hr {
  margin: 4px 0; }

input.dropdown-input:checked ~ .rs-dropdown-menu {
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
  transition: transform 0.25s, opacity 0.15s, visibility 0s 0s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  input.dropdown-input:checked ~ .rs-dropdown-menu .dropdown-item {
    transition: 0.2s;
    transform: translateY(0); }
    input.dropdown-input:checked ~ .rs-dropdown-menu .dropdown-item:nth-of-type(0) {
      transition-duration: 0.525s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-delay: -0.2s;
      transform: translate(0, 0); }
    input.dropdown-input:checked ~ .rs-dropdown-menu .dropdown-item:nth-of-type(1) {
      transition-duration: 0.525s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-delay: -0.2s;
      transform: translate(0, 0); }
    input.dropdown-input:checked ~ .rs-dropdown-menu .dropdown-item:nth-of-type(2) {
      transition-duration: 0.525s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-delay: -0.18128s;
      transform: translate(0, 0); }
    input.dropdown-input:checked ~ .rs-dropdown-menu .dropdown-item:nth-of-type(3) {
      transition-duration: 0.525s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-delay: -0.1556s;
      transform: translate(0, 0); }
    input.dropdown-input:checked ~ .rs-dropdown-menu .dropdown-item:nth-of-type(4) {
      transition-duration: 0.525s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-delay: -0.12544s;
      transform: translate(0, 0); }
    input.dropdown-input:checked ~ .rs-dropdown-menu .dropdown-item:nth-of-type(5) {
      transition-duration: 0.525s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-delay: -0.092s;
      transform: translate(0, 0); }
    input.dropdown-input:checked ~ .rs-dropdown-menu .dropdown-item:nth-of-type(6) {
      transition-duration: 0.525s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-delay: -0.05552s;
      transform: translate(0, 0); }
    input.dropdown-input:checked ~ .rs-dropdown-menu .dropdown-item:nth-of-type(7) {
      transition-duration: 0.525s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-delay: -0.01688s;
      transform: translate(0, 0); }
    input.dropdown-input:checked ~ .rs-dropdown-menu .dropdown-item:nth-of-type(8) {
      transition-duration: 0.525s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-delay: 0.02336s;
      transform: translate(0, 0); }
    input.dropdown-input:checked ~ .rs-dropdown-menu .dropdown-item:nth-of-type(9) {
      transition-duration: 0.525s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-delay: 0.06568s;
      transform: translate(0, 0); }
    input.dropdown-input:checked ~ .rs-dropdown-menu .dropdown-item:nth-of-type(10) {
      transition-duration: 0.525s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-delay: 0.1096s;
      transform: translate(0, 0); }
    input.dropdown-input:checked ~ .rs-dropdown-menu .dropdown-item:nth-of-type(11) {
      transition-duration: 0.525s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-delay: 0.15464s;
      transform: translate(0, 0); }
    input.dropdown-input:checked ~ .rs-dropdown-menu .dropdown-item:nth-of-type(12) {
      transition-duration: 0.525s;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-delay: 0.20032s;
      transform: translate(0, 0); }
    input.dropdown-input:checked ~ .rs-dropdown-menu .dropdown-item.static {
      transition: none !important;
      transform: none !important; }

input.dropdown-input:checked + .ripple-hover:before {
  transform: scale(1, 1);
  opacity: 1; }

input.dropdown-input:not(:checked) ~ .rs-dropdown-menu {
  transform: translateY(10px);
  pointer-events: none;
  transition: transform 0.2s, opacity 0.24s, visibility 0s 0.27s; }
  input.dropdown-input:not(:checked) ~ .rs-dropdown-menu .dropdown-item:not(.static) {
    transform: translateY(40px);
    transition-delay: 0.2s !important; }

.rs-btn,
.rs-btn.k-button {
  cursor: pointer;
  display: inline-flex;
  box-sizing: border-box;
  text-decoration: none;
  white-space: nowrap;
  align-items: center;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  transition: 0.235s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 32px;
  min-width: 36px;
  padding: 0 30px;
  justify-content: center;
  border-radius: 36px;
  border: none; }
  .rs-btn + .rs-btn,
  .rs-btn.k-button + .rs-btn {
    margin-left: 10px; }
  .rs-btn i, .rs-btn span,
  .rs-btn.k-button i,
  .rs-btn.k-button span {
    display: flex;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .rs-btn span,
  .rs-btn.k-button span {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.25px;
    z-index: 1; }
  .rs-btn .btn-addon,
  .rs-btn.k-button .btn-addon {
    margin-left: 15px; }
  .rs-btn.btn-noncenter,
  .rs-btn.k-button.btn-noncenter {
    padding: 0 30px;
    justify-content: space-between; }
  .dark-theme .rs-btn, .dark-theme
  .rs-btn.k-button {
    border-color: inherit; }

.btn-move:before {
  content: '';
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: 0.235s;
  border-radius: inherit; }

.btn-move.static:before {
  transform: scale(1, 1) translateX(0) !important; }

.btn-move:not(:disabled):hover:before {
  transform: scale(1.04, 1);

}

.btn-move:not(:disabled):hover.move-centered:before {
  transform: scale(1);
  left: -5px;
  right: -5px; }

.btn-move.btn-back:before {
  background: rgba(26, 26, 26, 0.1); }

.btn-move.btn-back:hover:before {
  background: rgba(26, 26, 26, 0.15);
  transform: scale(1.05, 1) translateX(-5px); }

.btn-morph {
  overflow: hidden;
  max-width: 36px; }
  .btn-morph span {
    overflow: hidden;
    opacity: 0;
    margin-right: 0;
    transform: translateX(-130%); }
  .btn-morph.morph-true {
    max-width: 130px; }
    .btn-morph.morph-true span {
      opacity: 1;
      margin-right: 10px;
      transform: translateX(0%); }

.btn-blue, .btn-blue:hover {
  color: #fff; }
  .btn-blue:before, .btn-blue:hover:before {
    background-image: linear-gradient(-90deg, #f44048  0%, #b00808  100%); }

.btn-yellow {
  background-color: #fff2cc;
  border-color: #f2b96e;
  color: #efa748; }
  .btn-yellow path {
    fill: #f2b96e; }

.btn-green {
  background-color: #caf2e1;
  border-color: #3fc66c;
  color: #3fc66c; }

.btn-violet {
  background-color: #e8dffb;
  border-color: #9388ce;
  color: #9388ce; }

.btn-red {
  background-color: #f5d6d7;
  border-color: #f15f64;
  color: #f15f64;
  opacity: 0.6; }
  .btn-red:hover {
    opacity: 1; }

html.k-ie11 .rs-btn {
  position: relative; }
  html.k-ie11 .rs-btn i {
    position: absolute;
    right: 8px;
    top: 8px; }
  html.k-ie11 .rs-btn span {
    padding-right: 10px; }

/*  TOOLTIP DEFS
========================================================================== */
[hint-config] {
  position: relative; }
  [hint-config].di {
    display: inherit; }

[hint-config] rs-hint {
  pointer-events: none;
  position: absolute;
  z-index: 100000;
  max-width: 320px;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  background: #666;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  opacity: 0;
  left: 50%;
  transition: transform 0.0s 0.26s, opacity 0.25s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); }
  [hint-config] rs-hint.light {
    background: #ddd;
    color: inherit; }
  [hint-config] rs-hint.wrap-text {
    white-space: normal;
    max-width: 300px;
    width: max-content; }
  [hint-config] rs-hint:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: inherit;
    z-index: -1;
    transform: translate(-50%, 0) rotate(45deg); }
  [hint-config] rs-hint.hint-rich {
    min-width: 240px;
    white-space: normal;
    background: #fff;
    color: #4d4d4d;
    box-shadow: 0 10px 45px rgba(241, 95, 100, 0.15);
    padding: 14px 14px 10px;
    font-size: 12px;
    border-radius: 8px; }
  [hint-config] rs-hint.rich-error {
    box-shadow: none;
    background: #f15f64;
    color: #fff; }
  [hint-config] rs-hint.hint-tooltip {
    min-width: 240px;
    white-space: normal;
    background: #fff;
    color: #4d4d4d;
    box-shadow: 0 10px 45px rgba(241, 95, 100, 0.15);
    padding: 14px 14px 10px;
    font-size: 12px;
    border-radius: 8px; }
    [hint-config] rs-hint.hint-tooltip .close {
      position: absolute;
      top: -9px;
      right: -8px;
      background: #fff;
      width: 18px;
      height: 18px;
      border-radius: 16px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 10px;
      font-weight: 600;
      border: 1px solid #bbb;
      color: #bbb;
      cursor: pointer; }

[hint-config]:hover:not(.on-hint-check) rs-hint,
[hint-config]:hover:not(.on-hint-check) ~ rs-hint,
[hint-config] .hint-check:checked rs-hint,
[hint-config] .hint-check:checked ~ rs-hint {
  pointer-events: all;
  transition: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

[hint-config][hint-config*='bottom'] rs-hint {
  top: 100%;
  bottom: auto;
  transform: translate(-50%, 10px); }
  [hint-config][hint-config*='bottom'] rs-hint:after {
    left: 50%;
    top: -2px;
    bottom: auto; }

[hint-config][hint-config*='bottom']:hover:not(.on-hint-check) rs-hint,
[hint-config][hint-config*='bottom']:hover:not(.on-hint-check) ~ rs-hint,
[hint-config][hint-config*='bottom'] .hint-check:checked rs-hint,
[hint-config][hint-config*='bottom'] .hint-check:checked ~ rs-hint {
  opacity: 1;
  transform: translate(-50%, 15px); }

[hint-config][hint-config*='top'] rs-hint {
  top: auto;
  bottom: 100%;
  transform: translate(-50%, -10px); }
  [hint-config][hint-config*='top'] rs-hint:after {
    left: 50%;
    bottom: -3px;
    top: auto; }

[hint-config][hint-config*='top']:hover rs-hint:not(.when-disabled),
[hint-config][hint-config*='top']:hover ~ rs-hint:not(.when-disabled) {
  pointer-events: all;
  opacity: 1;
  transform: translate(-50%, -15px); }

[hint-config][hint-config*='top'].hint-disabled.disabled:hover rs-hint.when-disabled,
[hint-config][hint-config*='top'].hint-disabled.disabled:hover ~ rs-hint.when-disabled {
  pointer-events: all;
  opacity: 1 !important;
  transform: translate(-50%, -15px); }

[hint-config][hint-config*='left'] rs-hint {
  top: 50%;
  bottom: auto;
  left: auto;
  right: 100%;
  transform: translate(-10px, -50%); }
  [hint-config][hint-config*='left'] rs-hint:after {
    top: 50%;
    bottom: auto;
    right: -3px;
    left: auto;
    transform: translate(0, -50%) rotate(45deg); }

[hint-config][hint-config*='left']:hover:not(.on-hint-check) rs-hint,
[hint-config][hint-config*='left']:hover:not(.on-hint-check) ~ rs-hint,
[hint-config][hint-config*='left'] .hint-check:checked rs-hint,
[hint-config][hint-config*='left'] .hint-check:checked ~ rs-hint {
  opacity: 1;
  transform: translate(-15px, -50%); }

[hint-config][hint-config*='right'] rs-hint {
  top: 50%;
  bottom: auto;
  left: 100%;
  right: auto;
  transform: translate(10px, -50%); }
  [hint-config][hint-config*='right'] rs-hint:after {
    top: 50%;
    bottom: auto;
    left: -3px;
    right: auto;
    transform: translate(0, -50%) rotate(45deg); }

[hint-config][hint-config*='right']:hover:not(.on-hint-check) rs-hint,
[hint-config][hint-config*='right']:hover:not(.on-hint-check) ~ rs-hint,
[hint-config][hint-config*='right'] .hint-check:checked rs-hint,
[hint-config][hint-config*='right'] .hint-check:checked ~ rs-hint {
  opacity: 1;
  transform: translate(15px, -50%); }

[hint-config][hint-config*='none'] rs-hint {
  display: none; }

.dark-theme [hint-config] rs-hint {
  color: inherit;
  font-size: 13px;
  font-weight: 500;
  background: #001a2e; }
  .dark-theme [hint-config] rs-hint.blue-dark {
    background: #002e52;
    color: #93cbf0; }

.gap-1 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 25px; }
  .gap-1 .column {
    min-width: 45%;
    max-width: 45%;
    width: unset; }
  .gap-1.gap60p .col:first-child {
    min-width: 55%;
    max-width: 55%;
    width: unset; }
  .gap-1.gap60p .col:last-child {
    min-width: 35%;
    max-width: 35%;
    width: unset; }

.rs-control-group {
  display: flex;
  align-items: stretch;
  position: relative;
  margin-bottom: 16px;
  width: inherit;
  /****************************************************************/
  /****************************************************************/ }
  .rs-control-group:not(.row) {
    width: 100%;
    max-width: 100%; }
  .rs-control-group .rs-control {
    width: 100%;
    max-width: 100%;
    position: relative; }
  .rs-control-group > label,
  .rs-control-group > div:first-child {
    position: relative;
    display: flex;
    align-items: center;
    max-height: 34px; }
  .rs-control-group label {
    font-weight: 500;
    line-height: 1.1; }
    .rs-control-group label.label-top {
      display: block;
      width: 100%;
      max-width: 100%;
      margin-bottom: 4px;
      line-height: 1.2;
      white-space: nowrap; }
    .rs-control-group label.rs-switch, .rs-control-group label.rs-checkbox {
      line-height: 1.1;
      max-height: none;
      align-items: stretch; }
  .rs-control-group.label-top,
  .labels-top .rs-control-group {
    flex-direction: column;
    align-items: stretch; }
    .rs-control-group.label-top > [class*="col-"],
    .labels-top .rs-control-group > [class*="col-"] {
      flex-basis: auto; }
    .rs-control-group.label-top label:not(.radio-label),
    .labels-top .rs-control-group label:not(.radio-label) {
      display: block;
      width: 100%;
      max-width: 100%;
      margin-bottom: 4px;
      line-height: 1.2;
      white-space: nowrap; }
  .rs-control-group .hint-inline {
    display: block;
    line-height: 1.8;
    font-size: 11px;
    color: #a8a8a8;
    cursor: default;
    transition: .2s; }
    .rs-control-group .hint-inline:hover {
      color: #1ab34d; }
  .rs-control-group .k-textbox,
  .rs-control-group .k-input.k-textbox,
  .rs-control-group .k-numerictextbox .k-input,
  .rs-control-group .k-textarea,
  .rs-control-group .k-dropdown-wrap {
    transition: 0.235s cubic-bezier(0.4, 0, 0.2, 1);
    background-image: linear-gradient(to left, rgba(0, 188, 240, 0) 0%, #f06767 5%, #ec6b6b 95%, rgba(0, 188, 240, 0) 100%);
    background-repeat: no-repeat;
    background-size: 0 1px;
    background-position: 30% 100%; }
    .rs-control-group .k-textbox.k-state-invalid, .rs-control-group .k-textbox.k-invalid,
    .rs-control-group .k-input.k-textbox.k-state-invalid,
    .rs-control-group .k-input.k-textbox.k-invalid,
    .rs-control-group .k-numerictextbox .k-input.k-state-invalid,
    .rs-control-group .k-numerictextbox .k-input.k-invalid,
    .rs-control-group .k-textarea.k-state-invalid,
    .rs-control-group .k-textarea.k-invalid,
    .rs-control-group .k-dropdown-wrap.k-state-invalid,
    .rs-control-group .k-dropdown-wrap.k-invalid {
      transition: 0.235s cubic-bezier(0.4, 0, 0.2, 1);
      background-image: linear-gradient(to left, rgba(241, 95, 100, 0) 0%, #f15f64 5%, #f15f64 95%, rgba(241, 95, 100, 0) 100%);
      background-repeat: no-repeat;
      background-size: 0 1px;
      background-position: 30% 100%; }
      .rs-control-group .k-textbox.k-state-invalid:focus, .rs-control-group .k-textbox.k-state-invalid.k-state-active, .rs-control-group .k-textbox.k-invalid:focus, .rs-control-group .k-textbox.k-invalid.k-state-active,
      .rs-control-group .k-input.k-textbox.k-state-invalid:focus,
      .rs-control-group .k-input.k-textbox.k-state-invalid.k-state-active,
      .rs-control-group .k-input.k-textbox.k-invalid:focus,
      .rs-control-group .k-input.k-textbox.k-invalid.k-state-active,
      .rs-control-group .k-numerictextbox .k-input.k-state-invalid:focus,
      .rs-control-group .k-numerictextbox .k-input.k-state-invalid.k-state-active,
      .rs-control-group .k-numerictextbox .k-input.k-invalid:focus,
      .rs-control-group .k-numerictextbox .k-input.k-invalid.k-state-active,
      .rs-control-group .k-textarea.k-state-invalid:focus,
      .rs-control-group .k-textarea.k-state-invalid.k-state-active,
      .rs-control-group .k-textarea.k-invalid:focus,
      .rs-control-group .k-textarea.k-invalid.k-state-active,
      .rs-control-group .k-dropdown-wrap.k-state-invalid:focus,
      .rs-control-group .k-dropdown-wrap.k-state-invalid.k-state-active,
      .rs-control-group .k-dropdown-wrap.k-invalid:focus,
      .rs-control-group .k-dropdown-wrap.k-invalid.k-state-active {
        background-size: 120% 1px;
        border-bottom-color: #f15f64; }
    .rs-control-group .k-textbox:focus, .rs-control-group .k-textbox.k-state-active,
    .rs-control-group .k-input.k-textbox:focus,
    .rs-control-group .k-input.k-textbox.k-state-active,
    .rs-control-group .k-numerictextbox .k-input:focus,
    .rs-control-group .k-numerictextbox .k-input.k-state-active,
    .rs-control-group .k-textarea:focus,
    .rs-control-group .k-textarea.k-state-active,
    .rs-control-group .k-dropdown-wrap:focus,
    .rs-control-group .k-dropdown-wrap.k-state-active {
      box-shadow: none !important;
      background-size: 120% 1px;
      border-bottom-color: #ff3939; }
  .rs-control-group .k-textarea.height-low {
    min-height: 80px; }
  .rs-control-group .k-state-focused {
    box-shadow: none !important; }
  .rs-control-group.connect .k-widget:after,
  .rs-control-group.connect .rs-control:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 1px;
    left: 100%;
    top: 50%;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.2); }
  .rs-control-group.connect.connect-lg .k-widget:after,
  .rs-control-group.connect.connect-lg .rs-control:after {
    width: 80px; }
  .rs-control-group .k-autocomplete,
  .rs-control-group .k-combobox,
  .rs-control-group .k-dateinput,
  .rs-control-group .k-datepicker,
  .rs-control-group .k-datetimepicker,
  .rs-control-group .k-dropdown,
  .rs-control-group .k-textbox,
  .rs-control-group .k-textarea,
  .rs-control-group .k-multiselect,
  .rs-control-group .k-numerictextbox,
  .rs-control-group .k-maskedtextbox,
  .rs-control-group .k-timepicker {
    width: 100%; }
    .rs-control-group .k-autocomplete .k-icon::before,
    .rs-control-group .k-combobox .k-icon::before,
    .rs-control-group .k-dateinput .k-icon::before,
    .rs-control-group .k-datepicker .k-icon::before,
    .rs-control-group .k-datetimepicker .k-icon::before,
    .rs-control-group .k-dropdown .k-icon::before,
    .rs-control-group .k-textbox .k-icon::before,
    .rs-control-group .k-textarea .k-icon::before,
    .rs-control-group .k-multiselect .k-icon::before,
    .rs-control-group .k-numerictextbox .k-icon::before,
    .rs-control-group .k-maskedtextbox .k-icon::before,
    .rs-control-group .k-timepicker .k-icon::before {
      color: #bbb; }

.k-maskedtextbox.k-widget {
  background: transparent !important;
  border: 0 solid transparent !important; }

.required-star.rs-control-group label.required-star:after {
  content: '*';
  color: #f15f64;
  font-size: 18px;
  line-height: .68; }

.required-star:not(.rs-control-group) > .form-head span:after {
  content: '*';
  color: #f15f64;
  font-size: 20px;
  line-height: .68; }

.form-head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  color: inherit;
  font-size: 18px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d1d1d1;
  box-shadow: none; }
  .form-head.old {
    height: 60px;
    color: #086da0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }
  .form-head > span {
    line-height: 1.2;
    position: relative; }
    .form-head > span:after {
      content: '';
      position: absolute;
      width: 30px;
      height: 3px;
      border-radius: 6px;
      background-image: linear-gradient(-90deg, #ffb6b6 0%, #c90000 100%);
      left: 0;
      bottom: -11px; }
  .form-head figure {
    position: relative;
    margin-right: 12px; }
  .form-head .ico {
    color: #1985c8; }
    .form-head .ico .bg {
      fill: #d6eafa; }
    .form-head .ico.circle {
      width: 28px;
      height: 28px;
      border: 2px solid currentColor;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      background-color: #d6eafa; }
  .form-head .typo-percent {
    font-weight: 900;
    font-size: 18px; }
  .form-head.borderless {
    border-bottom: 0;
    box-shadow: none;
    border-radius: 8px; }

.flex-gap {
  width: 8.33333%;
  height: 40px; }
  @media only screen and (max-width: 79.9375em) {
    .flex-gap {
      pointer-events: none;
      transform: scale(0);
      position: absolute;
      z-index: -1;
      left: 0;
      top: 0;
      width: 1px;
      height: 1px;
      max-width: 1px;
      max-height: 1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      opacity: 0;
      border: 0;
      padding: 0;
      margin: 0; } }

.k-multiselect-wrap .k-button span:first-child {
  word-break: break-all;
  text-align: left; }

label:disabled, label.disabled, label.k-state-disabled,
.k-textbox:disabled,
.k-textbox.disabled,
.k-textbox.k-state-disabled,
.k-textarea:disabled,
.k-textarea.disabled,
.k-textarea.k-state-disabled,
.k-numeric-wrap:disabled,
.k-numeric-wrap.disabled,
.k-numeric-wrap.k-state-disabled,
.k-dropdown-wrap:disabled,
.k-dropdown-wrap.disabled,
.k-dropdown-wrap.k-state-disabled,
.k-picker-wrap:disabled,
.k-picker-wrap.disabled,
.k-picker-wrap.k-state-disabled {
  background: #e7e7e9 !important;
  border-style: dashed !important;
  border-color: #bbb;
  opacity: 1 !important;
  cursor: not-allowed !important;
  pointer-events: all !important; }

.k-textbox::placeholder,
.k-input::placeholder,
.k-input.k-textbox::placeholder,
input[type=text]::placeholder,
.k-textarea::placeholder, textarea::placeholder {
  font-size: 14px; }

.k-listview.k-state-disabled i {
  opacity: 0; }

.valid-region {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  line-height: 1.1;
  pointer-events: none;
  text-indent: 1px;
  transition: .25s .0s; }
  .valid-region .valid-msg {
    min-height: 20px;
    margin-top: 2px;
    color: #f1464c;
    transition: .3s .0s;
    width: 100%;
    left: 0;
    transform: translate3d(0, -200%, 0);
    display: flex !important;
    font-weight: 500;
    font-size: 13px; }
    .valid-region .valid-msg .k-tooltip-validation {
      margin: 0 !important;
      line-height: 1.1; }
    .valid-region .valid-msg .k-icon {
      display: none; }

.valid-helper-wrap {
  position: relative; }

.valid-helper {
  cursor: pointer;
  position: absolute;
  top: -8px;
  left: calc(100% - 18px);
  display: flex;
  align-content: center;
  justify-content: center;
  opacity: 0;
  transform: translateX(6px);
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .valid-helper .check {
    pointer-events: none;
    transform: scale(0);
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    max-width: 1px;
    max-height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    opacity: 0;
    border: 0;
    padding: 0;
    margin: 0; }
  .valid-helper .ico {
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    overflow: hidden;
    position: relative;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    border-radius: 20px;
    color: #f1464c;
    background: #ffe6e6;
    border: 1px solid #f15f64;
    box-shadow: 0 0 1px 0 #fa3138 inset;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .valid-helper .ico .mark {
      position: absolute;
      left: 6px;
      top: 2px;
      z-index: 1;
      transition: .15s .15s; }
    .valid-helper .ico .num {
      display: flex;
      padding: 0 8px;
      font-size: 11px;
      line-height: 20px;
      opacity: 1;
      transform: translateX(-30px);
      transition: 0.235s; }
  .valid-helper rs-hint {
    min-width: 240px;
    white-space: normal;
    background: #fff;
    color: #4d4d4d;
    box-shadow: 0 10px 45px rgba(241, 95, 100, 0.15);
    padding: 14px 14px 10px;
    font-size: 12px;
    border-radius: 8px; }
    .valid-helper rs-hint .close {
      position: absolute;
      top: -9px;
      right: -8px;
      background: #fff;
      width: 18px;
      height: 18px;
      border-radius: 16px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 10px;
      font-weight: 600;
      border: 1px solid #bbb;
      color: #bbb;
      cursor: pointer; }

.rs-control-group .k-tooltip-validation {
  position: static;
  display:none !important;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.1;
  margin-top: 2px;
  padding-left: 4px;
  padding-bottom: 0;
  padding-top: 0; }

.rs-control-group .k-i-warning {
  display: none; }

.rs-control-group .k-invalid .k-icon {
  color: #f15f64; }

.rs-control-group.invalid-pulse .k-textbox,
.rs-control-group.invalid-pulse .k-textarea,
.rs-control-group.invalid-pulse .k-dropdown-wrap,
.rs-control-group.invalid-pulse .k-autocomplete,
.rs-control-group.invalid-pulse .k-picker-wrap,
.rs-control-group.invalid-pulse .k-dateinput-wrap,
.rs-control-group.invalid-pulse .k-multiselect,
.rs-control-group.invalid-pulse .k-multiselect-wrap,
.rs-control-group.invalid-pulse .k-numeric-wrap {
  animation-name: invalid-pulse;
  animation-duration: 1s;
  animation-iteration-count: 3;
  animation-fill-mode: forwards;
  box-shadow: 0 2px 3px 0 transparent, inset 0 2px 3px 0 rgba(255, 128, 132, 0.5);
  color: #f1464c;
  border-color: #f15f64 !important; }
  .dark-theme .rs-control-group.invalid-pulse .k-textbox, .dark-theme
  .rs-control-group.invalid-pulse .k-textarea, .dark-theme
  .rs-control-group.invalid-pulse .k-dropdown-wrap, .dark-theme
  .rs-control-group.invalid-pulse .k-autocomplete, .dark-theme
  .rs-control-group.invalid-pulse .k-picker-wrap, .dark-theme
  .rs-control-group.invalid-pulse .k-dateinput-wrap, .dark-theme
  .rs-control-group.invalid-pulse .k-multiselect, .dark-theme
  .rs-control-group.invalid-pulse .k-multiselect-wrap, .dark-theme
  .rs-control-group.invalid-pulse .k-numeric-wrap {
    animation-name: invalid-pulse-light;
    animation-duration: 1s;
    animation-iteration-count: 3;
    animation-fill-mode: forwards; }

.invalid > .valid-region {
  max-height: 40px; }
  .invalid > .valid-region .valid-msg {
    transform: translate3d(0, 0%, 0); }

.invalid > .valid-helper {
  transform: translateX(0px);
  opacity: 1; }

.invalid.rs-control-group .valid-region, .invalid.invalid-helper .valid-region {
  max-height: 40px; }
  .invalid.rs-control-group .valid-region .valid-msg, .invalid.invalid-helper .valid-region .valid-msg {
    transform: translate3d(0, 0%, 0); }

.invalid.rs-control-group .valid-helper, .invalid.invalid-helper .valid-helper {
  transform: translateX(0px);
  opacity: 1; }

.invalid.rs-control-group .k-textbox,
.invalid.rs-control-group .k-input.k-textbox,
.invalid.rs-control-group .k-textarea,
.invalid.rs-control-group .k-dropdown-wrap,
.invalid.rs-control-group .k-picker-wrap,
.invalid.rs-control-group .k-numeric-wrap, .invalid.invalid-helper .k-textbox,
.invalid.invalid-helper .k-input.k-textbox,
.invalid.invalid-helper .k-textarea,
.invalid.invalid-helper .k-dropdown-wrap,
.invalid.invalid-helper .k-picker-wrap,
.invalid.invalid-helper .k-numeric-wrap {
  transition: 0.235s cubic-bezier(0.4, 0, 0.2, 1);
  background-image: linear-gradient(to left, rgba(241, 95, 100, 0) 0%, #f15f64 5%, #f15f64 95%, rgba(241, 95, 100, 0) 100%);
  background-repeat: no-repeat;
  background-size: 0 1px;
  background-position: 30% 100%;
  box-shadow: 0 2px 3px 0 transparent, inset 0 2px 3px 0 rgba(255, 128, 132, 0.5);
  color: #f1464c;
  border-color: #f15f64 !important;
  transition: .3s !important; }
  .invalid.rs-control-group .k-textbox:focus, .invalid.rs-control-group .k-textbox.k-state-active,
  .invalid.rs-control-group .k-input.k-textbox:focus,
  .invalid.rs-control-group .k-input.k-textbox.k-state-active,
  .invalid.rs-control-group .k-textarea:focus,
  .invalid.rs-control-group .k-textarea.k-state-active,
  .invalid.rs-control-group .k-dropdown-wrap:focus,
  .invalid.rs-control-group .k-dropdown-wrap.k-state-active,
  .invalid.rs-control-group .k-picker-wrap:focus,
  .invalid.rs-control-group .k-picker-wrap.k-state-active,
  .invalid.rs-control-group .k-numeric-wrap:focus,
  .invalid.rs-control-group .k-numeric-wrap.k-state-active, .invalid.invalid-helper .k-textbox:focus, .invalid.invalid-helper .k-textbox.k-state-active,
  .invalid.invalid-helper .k-input.k-textbox:focus,
  .invalid.invalid-helper .k-input.k-textbox.k-state-active,
  .invalid.invalid-helper .k-textarea:focus,
  .invalid.invalid-helper .k-textarea.k-state-active,
  .invalid.invalid-helper .k-dropdown-wrap:focus,
  .invalid.invalid-helper .k-dropdown-wrap.k-state-active,
  .invalid.invalid-helper .k-picker-wrap:focus,
  .invalid.invalid-helper .k-picker-wrap.k-state-active,
  .invalid.invalid-helper .k-numeric-wrap:focus,
  .invalid.invalid-helper .k-numeric-wrap.k-state-active {
    background-size: 120% 1px;
    border-bottom-color: #f15f64; }
  .dark-theme .invalid.rs-control-group .k-textbox, .dark-theme
  .invalid.rs-control-group .k-input.k-textbox, .dark-theme
  .invalid.rs-control-group .k-textarea, .dark-theme
  .invalid.rs-control-group .k-dropdown-wrap, .dark-theme
  .invalid.rs-control-group .k-picker-wrap, .dark-theme
  .invalid.rs-control-group .k-numeric-wrap, .dark-theme .invalid.invalid-helper .k-textbox, .dark-theme
  .invalid.invalid-helper .k-input.k-textbox, .dark-theme
  .invalid.invalid-helper .k-textarea, .dark-theme
  .invalid.invalid-helper .k-dropdown-wrap, .dark-theme
  .invalid.invalid-helper .k-picker-wrap, .dark-theme
  .invalid.invalid-helper .k-numeric-wrap {
    box-shadow: none; }

.invalid.rs-control-group .rs-switch input:checked ~ .switch:before, .invalid.invalid-helper .rs-switch input:checked ~ .switch:before {
  border-color: #f15f64; }

.invalid.rs-control-group .rs-switch input:checked ~ .switch:after, .invalid.invalid-helper .rs-switch input:checked ~ .switch:after {
  background-color: #f15f64; }

.invalid.rs-control-group .radio-group, .invalid.invalid-helper .radio-group {
  color: #f1464c;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06), inset 0 0 0 1px #fb6a6f; }
  .invalid.rs-control-group .radio-group label, .invalid.invalid-helper .radio-group label {
    box-shadow: -1px 0px 0px 0px #fb6a6f; }
  .invalid.rs-control-group .radio-group .snake, .invalid.invalid-helper .radio-group .snake {
    background-image: linear-gradient(0deg, #a4232e 0%, #c83745 21%, #e65160 70%); }

.invalid.rs-control-group.no-valid-msg .valid-region, .invalid.invalid-helper.no-valid-msg .valid-region {
  max-height: 0 !important;
  pointer-events: none !important; }
  .invalid.rs-control-group.no-valid-msg .valid-region .valid-msg, .invalid.invalid-helper.no-valid-msg .valid-region .valid-msg {
    transform: translate3d(0, -200%, 0) !important; }

.invalid .form-head, .invalid.form-head {
  color: #f1464c !important; }
  .invalid .form-head span, .invalid.form-head span {
    color: #f1464c !important; }
  .invalid .form-head .ico, .invalid.form-head .ico {
    color: #f1464c !important; }
    .invalid .form-head .ico.circle, .invalid.form-head .ico.circle {
      background-color: #f5d6d7 !important; }
    .invalid .form-head .ico svg.rs-svg, .invalid.form-head .ico svg.rs-svg {
      color: #f5d6d7 !important;
      fill: #f1464c !important; }
    .invalid .form-head .ico path.shape, .invalid.form-head .ico path.shape {
      fill: #f1464c !important; }
    .invalid .form-head .ico path.bg, .invalid.form-head .ico path.bg {
      fill: #f5d6d7 !important; }

.invalid.rs-card {
  color: #f1464c !important;
  box-shadow: 0 0 0 2px rgba(255, 0, 9, 0.5) !important;
  border-color: transparent !important; }
  .invalid.rs-card .num {
    border-color: #f1464c !important; }
  .invalid.rs-card.invalid-pulse .card-section {
    animation-name: invalid-pulse-light;
    animation-duration: 1s;
    animation-iteration-count: 3;
    animation-fill-mode: forwards; }

.invalid.invalid-pulse .form-head, .invalid.invalid-pulse .radio-group > label {
  animation-name: invalid-pulse-ondark;
  animation-duration: 1s;
  animation-iteration-count: 3;
  animation-fill-mode: forwards; }

input[type=radio]:disabled + label span,
input[type=checkbox]:disabled + label span {
  opacity: .5; }

.radio-group {
  background-image: linear-gradient(0deg, #e6e6e6 0%, white 30%);
  border-radius: 6px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06), inset 0 0 0 1px #c7c7c7;
  height: 34px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  justify-content: space-between; }
  .radio-group.radios-small {
    height: 26px; }
  .radio-group.radios-2 .snake {
    width: calc(100% / 2 + 1px);
    left: -52%; }
  .radio-group.radios-2 input[type=radio]:nth-of-type(1):checked ~ .snake {
    left: calc((0 / 2) * 100% - 1px); }
  .radio-group.radios-2 input[type=radio]:nth-of-type(2):checked ~ .snake {
    left: calc((1 / 2) * 100% - 1px); }
  .radio-group.radios-3 .snake {
    width: calc(100% / 3 + 1px);
    left: -35.33333%; }
  .radio-group.radios-3 input[type=radio]:nth-of-type(1):checked ~ .snake {
    left: calc((0 / 3) * 100% - 1px); }
  .radio-group.radios-3 input[type=radio]:nth-of-type(2):checked ~ .snake {
    left: calc((1 / 3) * 100% - 1px); }
  .radio-group.radios-3 input[type=radio]:nth-of-type(3):checked ~ .snake {
    left: calc((2 / 3) * 100% - 1px); }
  .radio-group.radios-4 .snake {
    width: calc(100% / 4 + 1px);
    left: -27%; }
  .radio-group.radios-4 input[type=radio]:nth-of-type(1):checked ~ .snake {
    left: calc((0 / 4) * 100% - 1px); }
  .radio-group.radios-4 input[type=radio]:nth-of-type(2):checked ~ .snake {
    left: calc((1 / 4) * 100% - 1px); }
  .radio-group.radios-4 input[type=radio]:nth-of-type(3):checked ~ .snake {
    left: calc((2 / 4) * 100% - 1px); }
  .radio-group.radios-4 input[type=radio]:nth-of-type(4):checked ~ .snake {
    left: calc((3 / 4) * 100% - 1px); }
  .radio-group.radios-5 .snake {
    width: calc(100% / 5 + 1px);
    left: -22%; }
  .radio-group.radios-5 input[type=radio]:nth-of-type(1):checked ~ .snake {
    left: calc((0 / 5) * 100% - 1px); }
  .radio-group.radios-5 input[type=radio]:nth-of-type(2):checked ~ .snake {
    left: calc((1 / 5) * 100% - 1px); }
  .radio-group.radios-5 input[type=radio]:nth-of-type(3):checked ~ .snake {
    left: calc((2 / 5) * 100% - 1px); }
  .radio-group.radios-5 input[type=radio]:nth-of-type(4):checked ~ .snake {
    left: calc((3 / 5) * 100% - 1px); }
  .radio-group.radios-5 input[type=radio]:nth-of-type(5):checked ~ .snake {
    left: calc((4 / 5) * 100% - 1px); }
  .radio-group.radios-6 .snake {
    width: calc(100% / 6 + 1px);
    left: -18.66667%; }
  .radio-group.radios-6 input[type=radio]:nth-of-type(1):checked ~ .snake {
    left: calc((0 / 6) * 100% - 1px); }
  .radio-group.radios-6 input[type=radio]:nth-of-type(2):checked ~ .snake {
    left: calc((1 / 6) * 100% - 1px); }
  .radio-group.radios-6 input[type=radio]:nth-of-type(3):checked ~ .snake {
    left: calc((2 / 6) * 100% - 1px); }
  .radio-group.radios-6 input[type=radio]:nth-of-type(4):checked ~ .snake {
    left: calc((3 / 6) * 100% - 1px); }
  .radio-group.radios-6 input[type=radio]:nth-of-type(5):checked ~ .snake {
    left: calc((4 / 6) * 100% - 1px); }
  .radio-group.radios-6 input[type=radio]:nth-of-type(6):checked ~ .snake {
    left: calc((5 / 6) * 100% - 1px); }
  .radio-group input[type=radio] {
    pointer-events: none;
    transform: scale(0);
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    max-width: 1px;
    max-height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    opacity: 0;
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute; }
    .radio-group input[type=radio]:checked + label span,
    .radio-group input[type=radio]:checked + label:hover span {
      color: #fff !important; }
  .radio-group label {
    cursor: pointer;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 0;
    flex-shrink: 0;
    box-shadow: -1px 0px 0px 0px #d4d4d4;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .radio-group label:hover span {
      transition-duration: 0.235s;
      color: #1ab34d; }
    .radio-group label:last-of-type {
      border-right-color: transparent; }
    .radio-group label > span {
      transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 2;
      position: relative; }
  .radio-group .snake {
    pointer-events: none;
    background-image: linear-gradient(0deg, #288a72 0%, #33a387 21%, #3db899 70%);
    top: 0;
    left: -51%;
    position: absolute;
    z-index: 1;
    width: 0;
    height: 100%;
    transition: left 0.365s cubic-bezier(0.4, 0, 0.2, 1); }

.radio-cards {
  display: flex;
  width: 300px; }
  .radio-cards input[type=radio] {
    pointer-events: none;
    transform: scale(0);
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    max-width: 1px;
    max-height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    opacity: 0;
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute; }
  .radio-cards label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
    width: auto;
    padding: 8px 20px;
    border: 1px solid transparent;
    cursor: pointer;
    margin-right: 40px;
    color: #6ac8b0;
    font-size: 17px; }
    .radio-cards label .rs-svg {
      height: 30px;
      width: 35px;
      margin-right: 10px;
      fill: #79cdb8;
      color: #e7f9f4; }
    .radio-cards label:last-child {
      margin-right: 0; }
  .radio-cards.cards3d {
    perspective: 1000px;
    height: 60px;
    width: 350px; }
    .radio-cards.cards3d .radio {
      flex-grow: 1;
      position: relative;
      z-index: 1;
      transition: .5s;
      transform-style: preserve-3d;
      margin-right: 0; }
      .radio-cards.cards3d .radio:not(:last-child) {
        margin-right: 40px; }
        .radio-cards.cards3d .radio:not(:last-child):after {
          content: '';
          position: absolute;
          z-index: -1;
          left: 100%;
          top: 50%;
          width: 40px;
          height: 1px;
          background: #ccc; }
      .radio-cards.cards3d .radio label {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
        transition: .5s; }
        .radio-cards.cards3d .radio label.card-transparent {
          color: #555;
          transform: rotateX(180deg); }
          .radio-cards.cards3d .radio label.card-transparent .rs-svg {
            fill: #ccc;
            color: transparent; }
        .radio-cards.cards3d .radio label:after {
          content: none;
          display: none;
          pointer-events: none; }
        .radio-cards.cards3d .radio label span {
          flex-grow: 1;
          text-align: center; }
    .radio-cards.cards3d input:not(:checked) + .radio label {
      transition-delay: .2s;
      transform: rotateX(180deg); }
    .radio-cards.cards3d input:not(:checked) + .radio label.card-transparent {
      transition-delay: .2s;
      transform: rotateX(0deg); }

/* 	CHECKBOX & RADIOS
========================================================================== */
.rs-checkbox {
  box-sizing: border-box;
  cursor: pointer;
  margin: 0;
  width: 100%;
  position: relative;
  display: flex;
  align-items: stretch;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .rs-checkbox > * {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer; }
  .rs-checkbox .check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin-right: 8px; }
    .rs-checkbox .check.blank {
      margin-right: 0; }
    .rs-checkbox .check:before {
      background-color: transparent;
      width: 6px;
      height: 9px;
      border: solid #1ab34d;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg) scale(0) translate3d(6px, 4px, 0);
      position: absolute;
      content: ' ';
      margin-top: -2px;
      top: 3px;
      left: 4px; }
    .rs-checkbox .check:after {
      display: none;
      position: absolute;
      content: ' ';
      width: 110%;
      height: 110%;
      left: -5%;
      top: -5%;
      background-color: #1ab34d;
      transform: scale(0);
      z-index: -1; }
  .rs-checkbox input {
    pointer-events: none;
    transform: scale(0);
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    max-width: 1px;
    max-height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    opacity: 0;
    border: 0;
    padding: 0;
    margin: 0; }
    .rs-checkbox input:checked ~ .check {
      border-color: #1ab34d;
      transition: border-color 0.1s;
      animation: scale-inbounce 0.2s; }
      .rs-checkbox input:checked ~ .check:before {
        transition: 0.15s 0.05s cubic-bezier(0.4, 0, 0.2, 1);
        transform: rotate(45deg) scale(1) translate3d(0, 0, 0); }
    .rs-checkbox input:focus:not(:checked) ~ .check {
      animation: scale-inbounce2 0.2s;
      transition: border-color 0.15s 0.05s; }
      .rs-checkbox input:focus:not(:checked) ~ .check:before {
        transition: 0.15s 0.05s;
        transform: rotate(45deg) scale(0) translate3d(6px, 4px, 0); }
    .rs-checkbox input.ng-touched.ng-invalid ~ .check {
      border-color: #f1464c; }
      .rs-checkbox input.ng-touched.ng-invalid ~ .check + .txt {
        color: #f1464c; }
  .rs-checkbox .txt {
    font-size: 14px;
    pointer-events: none;
    transition-duration: 0.1s; }
    .rs-checkbox .txt > * {
      cursor: pointer; }
  .rs-checkbox.label-false {
    width: auto;
    display: inline-flex; }
  .rs-checkbox.dark-theme .check,
  .dark-theme .rs-checkbox .check {
    border-color: #a0c6e3; }
    .rs-checkbox.dark-theme .check:before,
    .dark-theme .rs-checkbox .check:before {
      border-color: #36e28c; }
  .rs-checkbox.dark-theme input:checked + .check,
  .dark-theme .rs-checkbox input:checked + .check {
    border-color: #36e28c; }
  .rs-checkbox.dark-theme input.ng-touched.ng-invalid ~ .check,
  .dark-theme .rs-checkbox input.ng-touched.ng-invalid ~ .check {
    border-color: #ff8084; }
    .rs-checkbox.dark-theme input.ng-touched.ng-invalid ~ .check + .txt,
    .dark-theme .rs-checkbox input.ng-touched.ng-invalid ~ .check + .txt {
      color: #ff8084; }
  .rs-checkbox.multi-checkbox.semi-check-true input:not(:checked) ~ .check {
    border-color: #d1d1d1;
    transition: border-color 0.1s;
    animation: scale-inbounce 0.2s; }
    .rs-checkbox.multi-checkbox.semi-check-true input:not(:checked) ~ .check:before {
      border-color: #d1d1d1;
      transition: 0.1s;
      transform: rotate(45deg) scale(1) translate3d(0, 0, 0); }

/* 	SWITCH
========================================================================== */
.rs-switch {
  box-sizing: border-box;
  cursor: pointer;
  margin: 0;
  width: 100%;
  padding: 6px 0;
  margin-bottom: 6px;
  position: relative;
  display: flex;
  align-items: stretch;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .rs-switch > * {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer; }
  .rs-switch .switch {
    display: flex;
    position: relative;
    margin: 0 12px 0 0;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
    .rs-switch .switch:before {
      content: ' ';
      position: absolute;
      z-index: 2;
      left: 0;
      top: 50%;
      border-radius: 50%;
      border-style: solid;
      transition-duration: 0.2s; }
    .rs-switch .switch:after {
      content: ' ';
      position: absolute;
      z-index: 1;
      left: 1px;
      top: 50%;
      border-radius: 4px;
      transition-duration: 0.1s; }
    .rs-switch .switch:not(.sm) {
      width: 26px; }
      .rs-switch .switch:not(.sm):before {
        margin-top: -8px;
        width: 16px;
        height: 16px;
        border-width: 2px;
        transition-duration: 0.2s; }
      .rs-switch .switch:not(.sm):after {
        margin-top: -4px;
        height: 8px;
        width: 26px; }
    .rs-switch .switch.sm {
      width: 14px; }
      .rs-switch .switch.sm:before {
        margin-top: -7px;
        width: 14px;
        height: 14px;
        border-width: 2px;
        transition-duration: 0.2s; }
      .rs-switch .switch.sm:after {
        margin-top: -3px;
        height: 6px;
        width: 24px; }
    .rs-switch .switch:not(.reversed):before {
      transform: translate3d(0, 0, 0);
      border-color: rgba(0, 0, 0, 0.25);
      background: #e7e7e9; }
    .rs-switch .switch:not(.reversed):after {
      background-color: rgba(0, 0, 0, 0.25); }
    .rs-switch .switch.reversed:before {
      transform: translate3d(12px, 0, 0);
      border-color: #1ab34d;
      background: white; }
    .rs-switch .switch.reversed.sm:before {
      transform: translate3d(12px, 0, 0);
      border-color: #1ab34d;
      background: white; }
    .rs-switch .switch.reversed::after {
      background-color: #1ab34d; }
  .rs-switch input {
    pointer-events: none;
    transform: scale(0);
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    max-width: 1px;
    max-height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    opacity: 0;
    border: 0;
    padding: 0;
    margin: 0; }
    .rs-switch input:checked ~ .switch:not(.reversed):before {
      transform: translate3d(12px, 0, 0);
      border-color: #1ab34d;
      background: white; }
    .rs-switch input:checked ~ .switch:not(.reversed).sm:before {
      transform: translate3d(12px, 0, 0);
      border-color: #1ab34d;
      background: white; }
    .rs-switch input:checked ~ .switch:not(.reversed):after {
      background-color: #1ab34d; }
    .rs-switch input:checked ~ .switch.reversed:before {
      transform: translate3d(0, 0, 0);
      border-color: rgba(0, 0, 0, 0.25);
      background: #e7e7e9; }
    .rs-switch input:checked ~ .switch.reversed::after {
      background-color: rgba(0, 0, 0, 0.25); }
  .rs-switch .txt {
    font-size: 14px;
    pointer-events: none;
    flex-grow: 1;
    word-break: break-word; }
    .rs-switch .txt > * {
      cursor: pointer; }
  .rs-control-group .rs-switch {
    margin: 0; }
  .label-top .rs-switch,
  .labels-top .rs-switch {
    padding-top: 0; }
  .rs-switch.switch-on-right {
    justify-content: space-between; }
    .rs-switch.switch-on-right .switch {
      order: 2;
      margin: 0 0 0 12px; }
      .rs-switch.switch-on-right .switch:before {
        right: 12px;
        left: auto; }
      .rs-switch.switch-on-right .switch.sm:before {
        right: 12px; }
      .rs-switch.switch-on-right .switch:after {
        right: 1px;
        left: auto; }
  .rs-switch.switch-bordered {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-bottom: 6px; }
  .rs-switch.dark-theme.switch-bordered,
  .dark-theme .rs-switch.switch-bordered {
    border-color: #93cbf0; }
  .rs-switch.dark-theme .switch:before,
  .dark-theme .rs-switch .switch:before {
    background: #004c8a;
    border-color: #93cbf0; }
  .rs-switch.dark-theme .switch:after,
  .dark-theme .rs-switch .switch:after {
    background-color: #93cbf0; }
  .rs-switch.dark-theme input:checked + span:before,
  .dark-theme .rs-switch input:checked + span:before {
    background: #0a7eb8;
    border-color: #36e28c; }
  .rs-switch.dark-theme input:checked + span:after,
  .dark-theme .rs-switch input:checked + span:after {
    background-color: #36e28c; }
  .rs-switch.dark-theme.theme-green.switch-bordered,
  .dark-theme.theme-green .rs-switch.switch-bordered {
    border-color: #36e28c; }
  .rs-switch.dark-theme.theme-green .switch:before,
  .dark-theme.theme-green .rs-switch .switch:before {
    background: #36b560;
    border-color: #1d7c3d; }
  .rs-switch.dark-theme.theme-green .switch:after,
  .dark-theme.theme-green .rs-switch .switch:after {
    background-color: #1d7c3d; }
  .rs-switch.dark-theme.theme-green input:checked + span:before,
  .dark-theme.theme-green .rs-switch input:checked + span:before {
    border-color: white; }
  .rs-switch.dark-theme.theme-green input:checked + span:after,
  .dark-theme.theme-green .rs-switch input:checked + span:after {
    background-color: white; }

.rs-checkbox:hover input:disabled ~ .switch,
.rs-checkbox:hover input:disabled ~ .check,
.rs-checkbox:hover input:disabled ~ .txt,
.rs-checkbox:hover input[disabled] ~ .switch,
.rs-checkbox:hover input[disabled] ~ .check,
.rs-checkbox:hover input[disabled] ~ .txt,
.rs-switch:hover input:disabled ~ .switch,
.rs-switch:hover input:disabled ~ .check,
.rs-switch:hover input:disabled ~ .txt,
.rs-switch:hover input[disabled] ~ .switch,
.rs-switch:hover input[disabled] ~ .check,
.rs-switch:hover input[disabled] ~ .txt {
  animation: denied 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both !important;
  animation-delay: 0.1s; }

/* 	KENDO CHECK OVERRIDE
========================================================================== */
.rs-grid [role='gridcell'] .k-checkbox,
.rs-grid th.k-header .k-checkbox,
.rs-checkbox-kendo .k-checkbox {
  z-index: 2;
  cursor: pointer;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: hidden;
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.14);
  border-radius: 4px;
  margin-left: 4px; }
  .rs-grid [role='gridcell'] .k-checkbox:before,
  .rs-grid th.k-header .k-checkbox:before,
  .rs-checkbox-kendo .k-checkbox:before {
    border-radius: 0;
    background-color: transparent;
    width: 6px;
    height: 9px;
    border: solid #1ab34d;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0) translate3d(6px, 4px, 0);
    position: absolute;
    content: ' ';
    margin-top: -2px;
    top: 3px;
    left: 4px; }
  .rs-grid [role='gridcell'] .k-checkbox:checked,
  .rs-grid th.k-header .k-checkbox:checked,
  .rs-checkbox-kendo .k-checkbox:checked {
    background-color: transparent;
    border-color: #1ab34d;
    transition: border-color 0.1s;
    animation: scale-inbounce 0.2s; }
    .rs-grid [role='gridcell'] .k-checkbox:checked:before,
    .rs-grid th.k-header .k-checkbox:checked:before,
    .rs-checkbox-kendo .k-checkbox:checked:before {
      background-color: transparent;
      border: solid #1ab34d;
      border-width: 0 2px 2px 0;
      transition: 0.15s 0.05s cubic-bezier(0.4, 0, 0.2, 1);
      transform: rotate(45deg) scale(1) translate3d(0, 0, 0); }
  .rs-grid [role='gridcell'] .k-checkbox:focus,
  .rs-grid th.k-header .k-checkbox:focus,
  .rs-checkbox-kendo .k-checkbox:focus {
    box-shadow: none; }
    .rs-grid [role='gridcell'] .k-checkbox:focus :not(:checked) + .k-checkbox-label,
    .rs-grid th.k-header .k-checkbox:focus :not(:checked) + .k-checkbox-label,
    .rs-checkbox-kendo .k-checkbox:focus :not(:checked) + .k-checkbox-label {
      animation: scale-inbounce2 0.2s;
      transition: border-color 0.15s 0.05s; }
      .rs-grid [role='gridcell'] .k-checkbox:focus :not(:checked) + .k-checkbox-label:before,
      .rs-grid th.k-header .k-checkbox:focus :not(:checked) + .k-checkbox-label:before,
      .rs-checkbox-kendo .k-checkbox:focus :not(:checked) + .k-checkbox-label:before {
        transition: 0.15s 0.05s;
        transform: rotate(45deg) scale(0) translate3d(6px, 4px, 0); }
  .rs-grid [role='gridcell'] .k-checkbox:disabled,
  .rs-grid th.k-header .k-checkbox:disabled,
  .rs-checkbox-kendo .k-checkbox:disabled {
    border-style: dotted !important;
    cursor: not-allowed !important;
    pointer-events: auto !important; }

.k-ie11 .rs-grid th.k-header .k-checkbox {
  top: 13px; }

.rs-status {
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.5px;
  border-radius: 6px;
  padding: 3px 6px;
  display: inline-flex;
  align-items: center; }
  td .rs-status {
    padding-left: 0 !important; }
  .rs-status .dot {
    width: 6px;
    height: 6px;
    border-radius: 8px;
    border: 2px solid transparent;
    margin: -1px 12px 0 0; }
  .rs-status.status-RPLC, .rs-status.status-NONE, .rs-status.status-REMOVED, .rs-status.status-Canceled {
    color: #8a8a8a;
    border-color: #ebebeb; }
    .rs-status.status-RPLC .dot, .rs-status.status-NONE .dot, .rs-status.status-REMOVED .dot, .rs-status.status-Canceled .dot {
      border-color: #d1d1d1;
      background-color: #fff;
      box-shadow: 0 3px 8px transparent; }
  .rs-status.status-PASS, .rs-status.status-PDNG, .rs-status.status-RCVD, .rs-status.status-ARPD, .rs-status.status-ARCC, .rs-status.status-null, .rs-status.status-NEW, .rs-status.status-Published, .rs-status.status-Accepted {
    color: #00b4f0;
    border-color: #b3ecff; }
    .rs-status.status-PASS .dot, .rs-status.status-PDNG .dot, .rs-status.status-RCVD .dot, .rs-status.status-ARPD .dot, .rs-status.status-ARCC .dot, .rs-status.status-null .dot, .rs-status.status-NEW .dot, .rs-status.status-Published .dot, .rs-status.status-Accepted .dot {
      border-color: #0ac2ff;
      background-color: #0ac2ff;
      box-shadow: 0 3px 8px #57d5ff; }
  .rs-status.status-SENT, .rs-status.status-ACPT, .rs-status.status-ACPD, .rs-status.status-ARAC, .rs-status.status-ARCL, .rs-status.status-Ready, .rs-status.status-CORRECT {
    color: #1ab34d;
    border-color: #9df1b9; }
    .rs-status.status-SENT .dot, .rs-status.status-ACPT .dot, .rs-status.status-ACPD .dot, .rs-status.status-ARAC .dot, .rs-status.status-ARCL .dot, .rs-status.status-Ready .dot, .rs-status.status-CORRECT .dot {
      border-color: #1dc956;
      background-color: #1dc956;
      box-shadow: 0 3px 8px #4de680; }
  .rs-status.status-WARN, .rs-status.status-CNER, .rs-status.status-ARWR, .rs-status.status-ARRW, .rs-status.status-OVERRIDDEN, .rs-status.status-Ordered {
    color: #f09d28;
    border-color: #fdf0de; }
    .rs-status.status-WARN .dot, .rs-status.status-CNER .dot, .rs-status.status-ARWR .dot, .rs-status.status-ARRW .dot, .rs-status.status-OVERRIDDEN .dot, .rs-status.status-Ordered .dot {
      border-color: #f2a840;
      background-color: #f2a840;
      box-shadow: 0 3px 8px #f7c888; }
  .rs-status.status-ERRO, .rs-status.status-CRPT, .rs-status.status-RJCT, .rs-status.status-RJPD, .rs-status.status-ARRJ, .rs-status.status-Error, .rs-status.status-ERRORED {
    color: #f1464c;
    border-color: snow; }
    .rs-status.status-ERRO .dot, .rs-status.status-CRPT .dot, .rs-status.status-RJCT .dot, .rs-status.status-RJPD .dot, .rs-status.status-ARRJ .dot, .rs-status.status-Error .dot, .rs-status.status-ERRORED .dot {
      border-color: #f35e63;
      background-color: #f35e63;
      box-shadow: 0 3px 8px #f8a5a8; }
  .rs-status.status-RPLC .dot {
    background-color: #fff !important;
    box-shadow: none !important; }
  .rs-status.status-PASS .dot {
    background-color: #deecf7 !important;
    box-shadow: none !important; }
  .rs-status.status-SENT .dot {
    background-color: #caf2e1 !important;
    box-shadow: none !important; }
  .rs-status.status-WARN .dot, .rs-status.status-CNER .dot {
    background-color: #fff2cc !important;
    box-shadow: none !important; }
  .rs-status.status-CRPT .dot {
    background-color: #f5d6d7 !important;
    box-shadow: none !important; }
  .rs-status.status-ERRO .dot {
    background-color: #f5d6d7 !important;
    box-shadow: none !important; }

#EntriesStatuses-list .k-list,
#Status-list .k-list {
  display: flex;
  flex-direction: column; }
  #EntriesStatuses-list .k-list .k-item,
  #Status-list .k-list .k-item {
    padding: 0;
    border-radius: 0; }
    #EntriesStatuses-list .k-list .k-item[status-group=RISCO],
    #Status-list .k-list .k-item[status-group=RISCO] {
      order: 1; }
    #EntriesStatuses-list .k-list .k-item[status-group=ARM],
    #Status-list .k-list .k-item[status-group=ARM] {
      order: 2; }
    #EntriesStatuses-list .k-list .k-item[status-group=ESMA],
    #Status-list .k-list .k-item[status-group=ESMA] {
      order: 3; }
  #EntriesStatuses-list .k-list .trans-status,
  #Status-list .k-list .trans-status {
    border-radius: 0;
    padding: 5px 8px;
    width: 100%;
    position: relative; }
    #EntriesStatuses-list .k-list .trans-status:after,
    #Status-list .k-list .trans-status:after {
      content: attr(status-group);
      position: absolute;
      top: 0;
      right: 0;
      font-size: 10px;
      height: 100%;
      padding: 0 4px;
      display: flex;
      align-items: center;
      color: #d1d1d1; }
    #EntriesStatuses-list .k-list .trans-status:hover:after,
    #Status-list .k-list .trans-status:hover:after {
      color: #a8a8a8; }
    #EntriesStatuses-list .k-list .trans-status.status-ARAC, #EntriesStatuses-list .k-list .trans-status.status-ACPT:not(.sftr-status), #EntriesStatuses-list .k-list .trans-status.status-PDNG.sftr-status,
    #Status-list .k-list .trans-status.status-ARAC,
    #Status-list .k-list .trans-status.status-ACPT:not(.sftr-status),
    #Status-list .k-list .trans-status.status-PDNG.sftr-status {
      border-top: 1px solid #e3e3e3; }

#Status-list .trans-status:after {
  content: unset !important;
  display: none !important; }

/*  BACKGROUND
========================================================================== */
/* 	UNITS & SIZES
========================================================================== */
/* 	TYPO basics
========================================================================== */
/* 	GENERAL
========================================================================== */
.hidden-visually {
  pointer-events: none;
  transform: scale(0);
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  max-width: 1px;
  max-height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  opacity: 0;
  border: 0;
  padding: 0;
  margin: 0; }

@keyframes invalid-pulse {
  0%, 100% {
    background-color: white; }
  50% {
    background-color: rgba(230, 26, 26, 0.13); } }

@keyframes invalid-pulse-light {
  0%, 100% {
    background-color: rgba(230, 26, 26, 0); }
  50% {
    background-color: rgba(230, 26, 26, 0.13); } }

@keyframes invalid-pulse-ondark {
  0%, 100% {
    background-color: rgba(230, 26, 26, 0); }
  50% {
    background-color: rgba(230, 26, 26, 0.4); } }

.valid-manager {
  position: absolute;
  width: 320px;
  z-index: 20000;
  bottom: 0;
  left: -336px;
  min-height: 500px;
  max-height: 500px;
  height: 500px;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  background: #fff;
  border-top-right-radius: 12px;
  box-shadow: 10px 0 30px 0 rgba(0, 0, 0, 0.05);
  transition: 0.365s cubic-bezier(0.4, 0, 0.2, 1); }
  .valid-manager .hide-manager {
    position: absolute;
    top: -40px;
    right: 10px;
    transition: 0.3s; }
    .valid-manager .hide-manager > i {
      color: #a8a8a8;
      border-color: #a8a8a8;
      transition: 0.3s;
      opacity: 0.5; }
      .valid-manager .hide-manager > i:hover {
        opacity: 1; }
  .valid-manager header {
    position: relative;
    padding: 10px 15px 0;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 50px;
    color: #f1464c; }
    .valid-manager header > svg {
      margin-left: -6px; }
    .valid-manager header span {
      padding-left: 10px; }
  .valid-manager .copier {
    position: absolute;
    top: 15px;
    right: 24px; }
  .valid-manager .errors-content {
    flex-grow: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 12px 12px 0 15px; }
  .valid-manager .field {
    border: 1px solid #d1d1d1;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.11);
    border-radius: 6px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    opacity: 0;
    transform: translateY(40px); }
    .valid-manager .field:nth-of-type(0) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 1;
      animation-duration: 0.315s;
      animation-delay: -0.1s; }
    .valid-manager .field:nth-of-type(1) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 2;
      animation-duration: 0.315s;
      animation-delay: 0.066s; }
    .valid-manager .field:nth-of-type(2) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 3;
      animation-duration: 0.315s;
      animation-delay: 0.164s; }
    .valid-manager .field:nth-of-type(3) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 4;
      animation-duration: 0.315s;
      animation-delay: 0.233s; }
    .valid-manager .field:nth-of-type(4) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 5;
      animation-duration: 0.315s;
      animation-delay: 0.286s; }
    .valid-manager .field:nth-of-type(5) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 6;
      animation-duration: 0.315s;
      animation-delay: 0.33s; }
    .valid-manager .field:nth-of-type(6) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 7;
      animation-duration: 0.315s;
      animation-delay: 0.367s; }
    .valid-manager .field:nth-of-type(7) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 8;
      animation-duration: 0.315s;
      animation-delay: 0.399s; }
    .valid-manager .field:nth-of-type(8) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 9;
      animation-duration: 0.315s;
      animation-delay: 0.427s; }
    .valid-manager .field:nth-of-type(9) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 10;
      animation-duration: 0.315s;
      animation-delay: 0.453s; }
    .valid-manager .field:nth-of-type(10) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 11;
      animation-duration: 0.315s;
      animation-delay: 0.475s; }
    .valid-manager .field:nth-of-type(11) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 12;
      animation-duration: 0.315s;
      animation-delay: 0.496s; }
    .valid-manager .field:nth-of-type(12) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 13;
      animation-duration: 0.315s;
      animation-delay: 0.516s; }
    .valid-manager .field:nth-of-type(13) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 14;
      animation-duration: 0.315s;
      animation-delay: 0.533s; }
    .valid-manager .field:nth-of-type(14) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 15;
      animation-duration: 0.315s;
      animation-delay: 0.55s; }
    .valid-manager .field:nth-of-type(15) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 16;
      animation-duration: 0.315s;
      animation-delay: 0.565s; }
    .valid-manager .field:nth-of-type(16) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 17;
      animation-duration: 0.315s;
      animation-delay: 0.58s; }
    .valid-manager .field:nth-of-type(17) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 18;
      animation-duration: 0.315s;
      animation-delay: 0.594s; }
    .valid-manager .field:nth-of-type(18) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 19;
      animation-duration: 0.315s;
      animation-delay: 0.607s; }
    .valid-manager .field:nth-of-type(19) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 20;
      animation-duration: 0.315s;
      animation-delay: 0.619s; }
    .valid-manager .field:nth-of-type(20) {
      animation-name: list-item-enter-big;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      z-index: 21;
      animation-duration: 0.315s;
      animation-delay: 0.631s; }
    .valid-manager .field.not-hide {
      opacity: 1;
      transform: none; }
    .valid-manager .field.info-item .error-name .msg {
      color: #0a7eb8; }
      .valid-manager .field.info-item .error-name .msg:hover {
        color: #3aa0e4; }
    .valid-manager .field .label {
      padding: 8px 12px; }
    .valid-manager .field.leave {
      animation: fade-out 0.235s;
      transform: translate3d(0, 0, 0) !important; }
    .valid-manager .field .error:last-child .msg-det {
      border-color: transparent; }
    .valid-manager .field .field-name {
      background: #eee;
      border-radius: 7px 7px 0 0;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      min-height: 30px;
      margin-bottom: 7px;
      position: relative;
      cursor: pointer; }
      .valid-manager .field .field-name .field-code {
        min-width: 20px;
        height: 20px;
        background: #fff;
        border-radius: 55%;
        display: flex;
        border: 1px solid #bbb;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: -0.5px;
        color: #888;
        padding-top: 1px;
        padding-right: 1px;
        margin-left: -6px; }
      .valid-manager .field .field-name .point-field {
        position: absolute;
        width: 22px;
        height: 22px;
        right: 10px;
        top: 9px;
        opacity: 0;
        transform: scale(0.8);
        transition: 0.3s; }
        .valid-manager .field .field-name .point-field svg {
          fill: #aaa; }
      .valid-manager .field .field-name:hover .point-field {
        opacity: 1;
        transform: scale(1); }
    .valid-manager .field .error-name {
      margin-bottom: 7px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start; }
      .valid-manager .field .error-name .msg {
        color: #f1464c;
        padding: 2px 10px 0 10px;
        word-break: break-word;
        word-wrap: break-word;
        -ms-word-wrap: break-word;
        transition: color 0.235s; }
        .valid-manager .field .error-name .msg:hover {
          color: #c20f15; }
      .valid-manager .field .error-name .msg-det {
        padding: 10px 10px 10px 0;
        color: #777;
        border-bottom: 1px solid #ddd;
        line-height: 1.1;
        margin-left: 10px;
        width: auto;
        white-space: normal;
        word-break: break-all;
        word-wrap: break-word; }
      .valid-manager .field .error-name .error-code {
        margin-left: -6px;
        min-width: 24px;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 6px;
        padding: 2px 5px 0;
        font-size: 11px;
        font-weight: 700;
        color: #888;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center; }
  .valid-manager.open-true {
    left: 0; }

[hint-config] rs-hint.hint-danger {
  background: #f15f64;
  color: #fff; }