@charset "UTF-8";
/*Nunito Sans Regular*/
@font-face {
  font-family: "Nunito Sans";
  font-weight: normal;
  font-style: normal;
  src: url(data:application/octet-stream;base64,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);
}
/*Nunito Sans Light*/
@font-face {
  font-family: "Nunito Sans";
  font-weight: 300;
  font-style: normal;
  src: url(data:application/octet-stream;base64,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);
}
/*Nunito Sans SemiBold*/
@font-face {
  font-family: "Nunito Sans";
  font-weight: 600;
  font-style: normal;
  src: url(data:application/octet-stream;base64,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);
}
/*Nunito Sans Bold*/
@font-face {
  font-family: "Nunito Sans";
  font-weight: 700;
  font-style: normal;
  src: url(data:application/octet-stream;base64,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);
}
/*Nunito Sans ExtraBold*/
@font-face {
  font-family: "Nunito Sans";
  font-weight: 800;
  font-style: normal;
  src: url(data:application/octet-stream;base64,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);
}
/*-- Chart --*/
.c3 svg {
  font: 10px sans-serif;
  -webkit-tap-highlight-color: transparent;
}

.c3 path, .c3 line {
  fill: none;
  stroke: #000;
}

.c3 text {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
  shape-rendering: crispEdges;
}

.c3-chart-arc path {
  stroke: #fff;
}

.c3-chart-arc text {
  fill: #fff;
  font-size: 13px;
}

/*-- Axis --*/
/*-- Grid --*/
.c3-grid line {
  stroke: #aaa;
}

.c3-grid text {
  fill: #aaa;
}

.c3-xgrid, .c3-ygrid {
  stroke-dasharray: 3 3;
}

/*-- Text on Chart --*/
.c3-text.c3-empty {
  fill: #808080;
  font-size: 2em;
}

/*-- Line --*/
.c3-line {
  stroke-width: 1px;
}

/*-- Point --*/
.c3-circle._expanded_ {
  stroke-width: 1px;
  stroke: white;
}

.c3-selected-circle {
  fill: white;
  stroke-width: 2px;
}

/*-- Bar --*/
.c3-bar {
  stroke-width: 0;
}

.c3-bar._expanded_ {
  fill-opacity: 1;
  fill-opacity: 0.75;
}

/*-- Focus --*/
.c3-target.c3-focused {
  opacity: 1;
}

.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
  stroke-width: 2px;
}

.c3-target.c3-defocused {
  opacity: 0.3 !important;
}

/*-- Region --*/
.c3-region {
  fill: steelblue;
  fill-opacity: 0.1;
}

/*-- Brush --*/
.c3-brush .extent {
  fill-opacity: 0.1;
}

/*-- Select - Drag --*/
/*-- Legend --*/
.c3-legend-item {
  font-size: 12px;
}

.c3-legend-item-hidden {
  opacity: 0.15;
}

.c3-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1;
}

/*-- Title --*/
.c3-title {
  font: 14px sans-serif;
}

/*-- Tooltip --*/
.c3-tooltip-container {
  z-index: 10;
}

.c3-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  -webkit-box-shadow: 7px 7px 12px -9px #777777;
  -moz-box-shadow: 7px 7px 12px -9px #777777;
  box-shadow: 7px 7px 12px -9px #777777;
  opacity: 0.9;
}

.c3-tooltip tr {
  border: 1px solid #CCC;
}

.c3-tooltip th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #FFF;
}

.c3-tooltip td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999;
}

.c3-tooltip td > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}

.c3-tooltip td.value {
  text-align: right;
}

/*-- Area --*/
.c3-area {
  stroke-width: 0;
  opacity: 0.2;
}

/*-- Arc --*/
.c3-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em;
}

.c3-chart-arcs .c3-chart-arcs-background {
  fill: #e0e0e0;
  stroke: none;
}

.c3-chart-arcs .c3-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px;
}

.c3-chart-arcs .c3-chart-arcs-gauge-max {
  fill: #777;
}

.c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #777;
}

.c3-chart-arc .c3-gauge-value {
  fill: #000;
  /*  font-size: 28px !important;*/
}

.c3-chart-arc.c3-target g path {
  opacity: 1;
}

.c3-chart-arc.c3-target.c3-focused g path {
  opacity: 1;
}

.tox-tinymce {
  border: none !important;
}

/*=== Base ===*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect form-sizing, padding, or width.
 *
 * 1. Address form sizing set to `content-form` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `form-sizing` set to `border-form` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

html {
  font-size: 100%;
  height: 100%;
}
html.mod-opened-popup {
  overflow: hidden;
}
html.mod-opened-popup body {
  height: auto;
  overflow: hidden;
}

body {
  position: relative;
  height: 100%;
  color: #333C48;
  font-size: 16px;
  line-height: 1.42;
  font-family: "Nunito Sans", Arial, sans-serif;
  background: #f2f2f2;
  -webkit-font-smoothing: antialiased;
}

a {
  position: relative;
  text-decoration: none;
  outline: none;
  border: none;
}
a:active {
  background: none;
}

input {
  margin: 0;
  padding: 0;
  outline: none;
  border: 0;
  font-family: "Nunito Sans", Arial, sans-serif;
}

textarea {
  resize: vertical;
  outline: none;
}

input[type=number].form-input {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

button {
  outline: none;
  background: none;
  border: 0;
}

gccs-icon-holder {
  display: block;
  font-size: 0;
}
gccs-icon-holder.mod-relative > .service-ico {
  position: relative;
}

.hide {
  display: none !important;
}

.wrapper {
  height: 100%;
  min-height: 100%;
}

.page-content {
  position: relative;
  padding: 30px 0 150px;
}

.fix {
  position: relative;
  padding: 0 30px;
  max-width: 1465px;
  min-width: 1140px;
  margin: 0 auto;
  box-sizing: border-box;
}
.fix:after {
  display: table;
  content: "";
  clear: both;
}
.fix.mod-w735 {
  max-width: 735px;
  min-width: 735px;
}
.fix.mod-w825 {
  max-width: 885px;
  min-width: 885px;
}
.fix.mod-w970 {
  max-width: 970px;
  min-width: 970px;
}
.fix.mod-w970 {
  max-width: 970px;
  min-width: 970px;
}
.fix.mod-w1040 {
  max-width: 1040px;
  min-width: 1040px;
}
.fix.mod-w1179 {
  max-width: 1179px;
  min-width: 1179px;
  width: 100%;
}
.fix.mod-w1255 {
  max-width: 1255px;
  min-width: 1255px;
}
.fix.mod-w1300 {
  max-width: 1300px;
}

.support-fix {
  max-width: 865px;
  margin: 0 auto;
}

.hr-text {
  border: 0;
  line-height: 1em;
  position: relative;
  text-align: center;
  height: 1.5em;
  font-size: 14px;
}
.hr-text::before {
  content: "";
  background: linear-gradient(to right, transparent, #7E8FA5, transparent);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}
.hr-text::after {
  content: attr(data-content);
  position: relative;
  padding: 0 7px;
  line-height: 1.5em;
  color: #7E8FA5;
  background-color: #FFF;
}

#notfound {
  position: relative;
  height: 100vh;
}
#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.notfound {
  max-width: 560px;
  width: 100%;
  padding-left: 160px;
  line-height: 1.1;
}
.notfound .notfound-404 {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 140px;
  height: 140px;
  background-image: url("/assets/rademade_admin/sad_face-c5c0949a.svg");
  background-size: cover;
}
.notfound .notfound-404:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(2.4);
  -ms-transform: scale(2.4);
  transform: scale(2.4);
  border-radius: 50%;
  background-color: #E3E8EE;
  z-index: -1;
}
.notfound h1 {
  font-family: nunito, sans-serif;
  font-size: 65px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 10px;
  color: #151723;
  text-transform: uppercase;
}
.notfound h2 {
  font-family: nunito, sans-serif;
  font-size: 21px;
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
  color: #151723;
}
.notfound p {
  font-family: nunito, sans-serif;
  color: #999fa5;
  font-weight: 400;
}
.notfound a {
  font-family: nunito, sans-serif;
  display: inline-block;
  font-weight: 700;
  border-radius: 40px;
  text-decoration: none;
  color: #388dbc;
}

@media only screen and (max-width: 767px) {
  .notfound {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 110px;
  }
  .notfound .notfound-404 {
    width: 110px;
    height: 110px;
  }
}
/*=== Blocks ===*/
.btn {
  position: relative;
  display: inline-block;
  height: 35px;
  margin: 0;
  padding: 0 20px;
  color: #fff;
  font-size: 0.875rem;
  line-height: 33px;
  outline: 0;
  background-color: #333C48;
  border: 1px solid #333C48;
  border-radius: 4px;
  box-sizing: border-box;
  transition: background 0.3s ease, border 0.3s ease;
  user-select: none;
  cursor: pointer;
  vertical-align: top;
  font-weight: bold;
}

.btn.mod-full {
  width: 100%;
  text-align: center;
}

.btn.mod-big {
  height: 50px;
  padding-left: 44px;
  padding-right: 44px;
  font-size: 0.9375rem;
}

.btn-loader {
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
}

.btn-loader-ico {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  background: url("/images/loader.svg");
  background-size: cover;
  transform: translateY(-50%) translateX(-50%);
}

.btn.is-loader .btn-loader {
  display: block;
}

.btn.mod-w155 {
  max-width: 155px;
  width: 100%;
}

.btn.mod-semibold {
  font-weight: 600;
}

.btn-create-payroll {
  width: auto;
  padding: 0 20px;
}

.btn-add {
  position: relative;
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 1px solid #00bb28;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}
.btn-add:before, .btn-add:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #00bb28;
  transition: background-color 0.15s ease-in-out;
}
.btn-add:before {
  height: 14px;
  width: 2px;
}
.btn-add:after {
  width: 14px;
  height: 2px;
}

.btn-remove {
  position: relative;
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 1px solid #7E8FA5;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.btn-remove:before, .btn-remove:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 14px;
  width: 2px;
  background-color: #7E8FA5;
  transition: background-color 0.15s ease-in-out;
}
.btn-remove:before {
  transform: rotate(45deg);
}
.btn-remove:after {
  transform: rotate(-45deg);
}

.btn-empty {
  border: none;
  background-color: #fff;
  color: #333C48;
}

.btn-empty.mod-padding {
  padding: 0;
}

.btn-empty.mod-grey {
  color: #7E8FA5;
}

.btn-wrap {
  margin-top: 20px;
}

.btn-back {
  padding: 0;
  border: none;
  color: #7E8FA5;
  background: #fff;
  font-size: 0.9375rem;
}
.btn-back:before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 7px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOXB4IiBoZWlnaHQ9IjdweCIgdmlld0JveD0iMCAwIDkgNyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPuKGkDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJTaWduLXVwLWFzLWNsaWVudF8wMiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUzNi4wMDAwMDAsIC0xMTEwLjAwMDAwMCkiIGZvbnQtZmFtaWx5PSJQcm94aW1hTm92YS1SZWd1bGFyLCBQcm94aW1hIE5vdmEiIGZvbnQtc2l6ZT0iMTUiIGZvbnQtd2VpZ2h0PSJub3JtYWwiIGxpbmUtc3BhY2luZz0iMTgiPgogICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTM2LjAwMDAwMCwgMTA5Mi4wMDAwMDApIiBmaWxsPSIjN0U4RkE1Ij4KICAgICAgICAgICAgPHRleHQgaWQ9IuKGkCI+CiAgICAgICAgICAgICAgICA8dHNwYW4geD0iMCIgeT0iMjYiPuKGkDwvdHNwYW4+CiAgICAgICAgICAgIDwvdGV4dD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
}

.btn-plus {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  height: 36px;
  width: 36px;
  padding: 0;
  border-radius: 4px;
  border: 1px solid #E8EBF0;
  background-image: linear-gradient(180deg, #ffffff 0%, #f6f6f6 100%);
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}
.btn-plus:hover:before, .btn-plus:hover:after {
  background-color: #00a8ff;
}
.btn-plus.mod-repeatable {
  width: 64px;
  height: 64px;
}
.btn-plus.mod-repeatable:before, .btn-plus.mod-repeatable:after {
  background-color: #00a8ff;
}
.btn-plus:before, .btn-plus:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 2px;
  background-color: #7e8fa5;
  transition: background-color 0.15s ease-in-out;
}
.btn-plus:before {
  height: 16px;
  width: 2px;
}
.btn-plus:after {
  width: 16px;
  height: 2px;
}

.btn-empty.form-title-link {
  margin-bottom: 6px;
}

.btn-date-toggle-action {
  padding: 3px 12px 3px 26px;
  height: auto;
  font-size: 15px;
  font-weight: normal;
  line-height: normal;
}

.btn.m-sm {
  margin: 5px;
}

.btn.m-t-sm {
  margin-top: 5px;
}

.btn.m-b-sm {
  margin-top: 5px;
}

.btn.m-l-sm {
  margin-top: 5px;
}

.btn.m-r-sm {
  margin-top: 5px;
}

.btn-box.mod-align-center {
  text-align: center;
}
.btn-box.mod-align-center .btn {
  margin: 0 10px;
}

.btn-counter {
  position: absolute;
  z-index: 1;
  top: -7px;
  right: -7px;
  width: 15px;
  height: 15px;
  font-size: 0.625rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.6;
  background: #00A8FF;
  font-style: normal;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  font-weight: bold;
}

.btn-plus-hint {
  position: absolute;
  top: 75px;
  left: calc(100% + 4px);
  border: 1px dashed #DFE3E9;
  border-radius: 4px;
  z-index: 2;
}
.btn-plus-hint:before {
  position: absolute;
  z-index: 1;
  content: "";
  left: -10px;
  bottom: 7px;
  width: 20px;
  height: 20px;
  background: #F8F9FA;
  transform: rotate(45deg);
  border: 1px dashed #DFE3E9;
}

.btn-plus-hint--locations {
  left: 100%;
  top: 50%;
  margin-left: 20px;
  margin-top: 5px;
  transform: translateY(-50%);
}
.btn-plus-hint--locations:before {
  top: 50%;
  bottom: auto;
  left: -5px;
  transform: translateY(-50%) rotate(45deg);
}
.btn-plus-hint--locations .btn-plus-hint-data {
  width: 263px;
  padding: 10px 48px 10px 16px;
}
.btn-plus-hint--locations .btn-plus-hint-text {
  font-size: 13px;
  line-height: 20px;
}
.btn-plus-hint--locations .btn-plus-close-ico-wrapper {
  position: absolute;
  top: 12px;
  right: 12px;
}

.btn-plus-hint--pay-rate {
  left: 100%;
}
.btn-plus-hint--pay-rate:before {
  left: -5px;
}
.btn-plus-hint--pay-rate .btn-plus-hint-data {
  width: 235px;
  padding: 10px 48px 10px 16px;
}
.btn-plus-hint--pay-rate .btn-plus-hint-text {
  font-size: 13px;
  line-height: 20px;
}
.btn-plus-hint--pay-rate .btn-plus-close-ico-wrapper {
  position: absolute;
  top: 12px;
  right: 12px;
}

.btn-plus-hint-data {
  display: flex;
  position: relative;
  z-index: 2;
  width: 208px;
  padding: 20px 16px;
  align-items: center;
  justify-content: space-between;
  background: #F8F9FA;
  box-sizing: border-box;
}

.btn-plus-hint-text {
  font-size: 0.9375rem;
  color: #7E8FA5;
}

.btn-plus-close-ico-wrapper {
  position: relative;
  height: 16px;
  width: 16px;
  background-color: rgba(219, 223, 229, 0.6);
  border-radius: 50%;
  cursor: pointer;
}

.btn-plus-close-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  fill: #7D8FA6;
  transform: translateY(-50%) translateX(-50%);
}

.btn.mod-blue {
  color: #fff;
  background: #00A8FF;
  border: 1px solid #00A8FF;
}
.btn.mod-blue:hover {
  background: #00A8FF;
  border: 1px solid #00A8FF;
}
.btn.mod-blue:active {
  background: #00A8FF;
  border: 1px solid #00A8FF;
}
.btn.mod-blue.mod-stroke {
  color: #00A8FF;
  background: none;
  border: 1px solid #00A8FF;
}
.btn.mod-blue.mod-string {
  color: #00A8FF;
  background: none;
  border: none;
}

.btn.mod-green.is-not-clickable:hover, .btn.mod-green {
  background: #00BB28;
  border: 1px solid #00BB28;
}

.btn.mod-green:hover {
  background: #00A412;
  border: 1px solid #00A412;
}

.btn.mod-green:active {
  background: #019421;
  border: 1px solid #019421;
}

.btn.mod-green {
  color: #fff;
}
.btn.mod-green.mod-stroke {
  color: #00BB28;
  background: none;
  border: 1px solid #00BB28;
}
.btn.mod-green.is-disabled {
  background: #DFE3E9;
  color: #A4A6AE;
  border-color: #DFE3E9;
  cursor: default;
}
.btn.mod-green.is-not-clickable {
  opacity: 0.5;
  cursor: default;
}
.btn.mod-white {
  color: #333C48;
  background: #fff;
  background-image: linear-gradient(-180deg, #FFFFFF 0%, #F6F6F6 100%);
  border: 1px solid #E8EBF0;
}
.btn.mod-white:hover {
  background-image: linear-gradient(-180deg, #FAFAFA 0%, #F0F0F0 100%);
  border: 1px solid #E8EBF0;
}
.btn.mod-white:active {
  background-image: linear-gradient(-180deg, #F5F5F5 0%, #E2E2E2 100%);
  border: 1px solid #DDE0E6;
}
.btn.mod-white .svg-ico {
  fill: #7E8FA5;
}
.btn.mod-white.is-disabled {
  background: #e1dfdf;
  color: #75777a;
  opacity: 0.5;
  cursor: default;
}
.btn.mod-white.mod-grey-text {
  color: #7E8FA5;
  font-weight: 600;
}

.btn.mod-red {
  color: #fff;
  background: #FF4743;
  border: 1px solid #FF4743;
}
.btn.mod-red:hover {
  background: #FF4743;
  border: 1px solid #FF4743;
}
.btn.mod-red:active {
  background: #FF4743;
  border: 1px solid #FF4743;
}
.btn.mod-red.mod-stroke {
  color: #FF4743;
  background: none;
  border: 1px solid #FF4743;
}
.btn.mod-red-text {
  color: #FF4743;
}

.btn.mod-transparent {
  background: transparent;
  color: #7e8fa5;
  padding: 0 33px;
  border: 1px solid #b2bcc9;
}
.btn.mod-transparent:hover {
  color: #00a6ff;
  border-color: #00a6ff;
}
.btn.mod-transparent-blue {
  background: transparent;
  color: #00A6FF;
  border: 1px solid #00A6FF;
}
.btn.mod-transparent-grey {
  background: transparent;
  color: #7E8FA5;
  border: none;
}
.btn.mod-transparent-grey:hover .svg-ico {
  fill: #00A8FF;
}
.btn.mod-transparent-grey .svg-ico {
  fill: #7E8FA5;
}
.btn.mod-transparent-red {
  background: transparent;
  color: #FF4743;
  border: none;
}
.btn.mod-transparent-red .svg-ico {
  fill: #FF4743;
}
.btn.mod-transparent-yellow-bg {
  background: #FEEACD;
  border: none;
}

.btn.mod-blue-text {
  color: #00A8FF;
}
.btn.mod-blue-text .svg-ico {
  fill: #00A8FF;
}

.btn.mod-ico {
  min-width: 0;
  padding: 0 16px 0 33px;
}
.btn.mod-ico:after {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -5px;
  left: 16px;
}
.btn.mod-ico svg {
  position: absolute;
  top: 50%;
  content: "";
  left: 10px;
  max-width: 16px;
  max-height: 16px;
  transform: translateY(-50%);
}
.btn .svg-ico {
  position: absolute;
  content: "";
  top: 50%;
  left: 13px;
  width: 14px;
  height: 14px;
  fill: #fff;
  transform: translateY(-50%);
}
.btn .svg-ico-plus-circle {
  left: 10px;
  width: 17px;
  height: 17px;
  fill: #7E8FA5;
}
.btn .svg-ico-date-toggle-action {
  left: 6px;
  width: 14px;
  height: 14px;
  fill: #7E8FA5;
}

.btn.mod-ico-plus:after {
  left: 12px;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  background: url("/images/sprite.svg") -24px -305px;
}

.btn.mod-ico-plus-dark:after {
  width: 12px;
  height: 12px;
  background: url("/images/sprite.svg") 0px -305px;
}

.btn.mod-ico-edit:after {
  left: 9px;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  background: url("/images/sprite.svg") -268px -269px;
}

.btn.mod-ico-export:after {
  left: 12px;
  margin-top: -9px;
  width: 17px;
  height: 19px;
  background: url("/images/sprite.svg") -251px -269px;
}

.btn.mod-accepted {
  padding: 0 40px 0 20px;
}
.btn.mod-accepted:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 17px;
  height: 14px;
  background: url("/images/sprite.svg") -291px -181px;
}

.btn.mod-exsmall {
  padding: 0 10px;
  min-width: 68px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 0.75rem;
}

.btn.mod-small {
  padding: 0 10px;
  height: 28px;
  line-height: 25px;
  font-size: 0.875rem;
}
.btn.mod-small.mod-ico {
  padding: 0 16px 0 33px;
}
.btn.mod-small.mod-ico:after {
  margin-top: -6px;
  left: 12px;
}
.btn.mod-small-new.mod-ico {
  padding-left: 30px;
}
.btn.mod-small-new.mod-ico .svg-ico {
  width: 12px;
  height: 12px;
}

.btn.mod-large {
  height: 38px;
  line-height: 38px;
  text-align: center;
}
.btn.mod-exlarge {
  height: 44px;
  line-height: 44px;
  text-align: center;
}

.btn.mod-btn-ico {
  width: 45px;
  height: 30px;
  padding: 0;
}
.btn.mod-btn-ico:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  transform: translateY(-50%) translateX(-50%);
}
.btn.mod-btn-ico.mod-medium {
  height: 36px;
}
.btn.mod-btn-ico.mod-h35 {
  height: 35px;
}
.btn.mod-btn-ico.mod-hw36 {
  width: 36px;
  height: 36px;
}
.btn.mod-btn-ico.mod-hw35 {
  width: 35px;
  height: 35px;
}
.btn.mod-btn-ico.mod-hw44 {
  height: 44px;
  width: 44px;
}
.btn.mod-btn-ico.mod-small {
  min-width: 0;
  width: 30px;
  height: 30px;
}
.btn.mod-btn-ico.mod-exsmall {
  min-width: 0;
  width: 33px;
  height: 24px;
}
.btn.mod-btn-ico.mod-clock {
  width: 36px;
  height: 24px;
  min-width: 0;
  border-radius: 0;
}
.btn.mod-btn-ico.mod-clock .svg-ico {
  transform: translateY(-50%);
  left: auto;
  right: 4px;
}
.btn.mod-btn-ico.is-highlighted {
  background: #FFEBCB;
}
.btn.mod-btn-ico .svg-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 22px;
  transform: translateY(-50%) translateX(-50%);
}
.btn.mod-btn-ico .svg-ico.mod-big {
  width: 15px;
}
.btn.mod-btn-ico .svg-ico-trash {
  width: 16px;
  height: 16px;
}
.btn.mod-btn-ico .svg-ico-calendar {
  width: 20px;
  height: 20px;
}
.btn.mod-btn-ico .svg-ico-attach {
  width: 20px;
  height: 20px;
}
.btn.mod-btn-ico .svg-ico-cross-wh10 {
  width: 10px;
  height: 10px;
}
.btn.mod-btn-ico.mod-download:after {
  width: 22px;
  height: 18px;
  background: url("/images/sprite.svg") -203px -190px;
}
.btn.mod-btn-ico.mod-remove:after {
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -79px -249px;
}
.btn.mod-btn-ico.mod-edit:after {
  width: 18px;
  height: 18px;
  background: url("/images/sprite.svg") -268px -269px;
}
.btn.mod-btn-ico.mod-prev:after {
  width: 16px;
  height: 12px;
  background: url("/images/sprite.svg") -245px -190px;
}
.btn.mod-btn-ico.mod-next:after {
  width: 16px;
  height: 12px;
  background: url("/images/sprite.svg") -291px -276px;
}
.btn.mod-btn-ico.mod-rotate:after {
  width: 23px;
  height: 21px;
  background: url("/images/sprite.svg") -180px -190px;
}
.btn.mod-btn-ico.mod-zoom-fit:after {
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -157px -249px;
}
.btn.mod-btn-ico.mod-zoom-out:after {
  width: 19px;
  height: 20px;
  background: url("/images/sprite.svg") -118px -249px;
}
.btn.mod-btn-ico.mod-zoom-in:after {
  width: 19px;
  height: 20px;
  background: url("/images/sprite.svg") -99px -249px;
}
.btn.mod-btn-ico.mod-comment_black:after {
  width: 19px;
  height: 18px;
  background: url("/images/sprite.svg") -255px -249px;
}

.btn-link {
  color: #00A8FF;
  font-size: 0.875rem;
  line-height: 1.42;
  border-bottom: 1px solid transparent;
  transition: color 0.3s ease;
  cursor: pointer;
}
.btn-link:hover {
  color: #0092DD;
}
.btn-link:hover span {
  border-bottom-color: transparent;
}
.btn-link:active {
  color: #0370A8;
}
.btn-link.mod-ico {
  position: relative;
  padding-left: 13px;
}
.btn-link.mod-ico-plus:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 11px;
  height: 12px;
  background: url("/images/sprite.svg") -309px -26px;
}
.btn-link.mod-ico-eye {
  padding-left: 25px;
}
.btn-link.mod-ico-eye:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 14px;
  background: url("/images/sprite.svg") -225px -190px;
}
.btn-link.mod-ico-remove:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: url("/images/sprite.svg") -48px -305px;
}
.btn-link.mod-bold {
  font-weight: 600;
}
.btn-link span {
  border-bottom: 1px dashed #00A8FF;
}

.btn-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.btn-dropdown.mod-small .btn-dropdown-val-text {
  height: 27px;
  line-height: 25px;
}
.btn-dropdown.mod-small .btn-dropdown-val-tile {
  width: 27px;
  height: 27px;
}
.btn-dropdown .btn {
  border-radius: 4px 0 0 4px;
}

.btn-export {
  margin-left: 10px;
}
.btn-export .btn-dropdown-list {
  display: none;
}
.btn-export.btn-dropdown.is-active .btn-dropdown-val-tile:after {
  border-width: 0 4px 5px 4px;
  border-color: transparent transparent #00A8FF transparent;
}
.btn-export.btn-dropdown.is-active .btn-dropdown-list {
  display: block;
}
.btn-export .mod-ico-export {
  border-radius: 4px 0 0 4px;
}
.btn-export .btn.mod-white {
  border-right: none;
}
.btn-export .btn.mod-white:hover {
  border-right: none;
}
.btn-export .btn-dropdown-val-tile:after {
  border-width: 5px 4px 0 4px;
  border-radius: 9px;
}
.btn-export .btn-dropdown-val-tile.mod-white:after {
  border-color: #00A8FF transparent transparent transparent;
}
.btn-export .btn-dropdown-val-tile.mod-black:after {
  border-color: #333c48 transparent transparent transparent;
}
.btn-export .btn-dropdown-item {
  font-size: 1rem;
}

.btn-dropdown-val-text {
  position: relative;
  display: inline-block;
  height: 35px;
  margin: 0;
  padding: 0 20px;
  color: #fff;
  font-size: 0.875rem;
  line-height: 33px;
  outline: 0;
  background: #00BB28;
  border: 1px solid #00BB28;
  border-radius: 4px 0 0 4px;
  box-sizing: border-box;
  transition: background 0.3s ease, border 0.3s ease;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
.btn-dropdown-val-text:hover {
  background: #00A412;
  border: 1px solid #00A412;
}
.btn-dropdown-val-text:active {
  background: #019421;
  border: 1px solid #019421;
}
.btn-dropdown-val-text.mod-white {
  color: #333C48;
  background: #fff;
  background-image: linear-gradient(-180deg, #FFFFFF 0%, #F6F6F6 100%);
  border: 1px solid #E8EBF0;
  border-right: 0;
}
.btn-dropdown-val-text.mod-white:hover {
  background-image: linear-gradient(-180deg, #FAFAFA 0%, #F0F0F0 100%);
  color: #00A8FF;
  border-color: #E8EBF0;
}
.btn-dropdown-val-text.mod-white:hover .svg-ico {
  fill: #00A8FF;
}
.btn-dropdown-val-text.mod-white:active {
  background: #FAFAFA;
  border-color: #E8EBF0;
}
.btn-dropdown-val-text.mod-white .svg-ico {
  fill: #7E8FA5;
}
.btn-dropdown-val-text.mod-ico {
  min-width: 0;
  padding: 0 16px 0 33px;
}
.btn-dropdown-val-text .svg-ico {
  position: absolute;
  content: "";
  top: 50%;
  left: 13px;
  width: 12px;
  height: 15px;
  fill: #fff;
  transform: translateY(-50%);
}
.btn-dropdown-val-text.mod-ico-grey .svg-ico {
  left: 10px;
  fill: #fff;
  opacity: 0.5;
}
.btn-dropdown-val-text.mod-ico-edit:after {
  left: 9px;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  background: url("/images/sprite.svg") -268px -269px;
}
.btn-dropdown-val-text.mod-ico-plus:after {
  left: 12px;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  background: url("/images/sprite.svg") -24px -305px;
}

.btn-dropdown-list {
  position: absolute;
  z-index: 3;
  top: 100%;
  right: 0;
  margin-top: 7px;
  padding: 0;
  list-style-type: none;
  background: #FFFFFF;
  border: 1px solid #DFE3E9;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  box-sizing: border-box;
}
.btn-dropdown-list.mod-w-full {
  width: 100%;
  margin-top: 5px;
}
.btn-dropdown-list.mod-timeline {
  margin-top: 5px;
}

.btn-dropdown-item {
  display: block;
  padding: 0 11px;
  height: 32px;
  color: #333C48;
  font-size: 0.875rem;
  line-height: 2.2857142857;
  white-space: nowrap;
  cursor: pointer;
}
.btn-dropdown-item:hover {
  color: #00A8FF;
  background: #F5F8FB;
}
.btn-dropdown-item.mod-padding-20 {
  padding: 0 20px;
}
.btn-dropdown-item.mod-btn-dropdown {
  position: relative;
  height: 38px;
  padding: 0 20px 0 36px;
  line-height: 38px;
}
.btn-dropdown-item.mod-btn-dropdown .svg-ico {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 16px;
  height: 16px;
  fill: #C9CBD0;
  margin-top: -8px;
}
.btn-dropdown-item.mod-timeline {
  position: relative;
  padding: 7px 11px 7px 33px;
  height: auto;
  line-height: inherit;
  color: #333C48;
  font-weight: bold;
}
.btn-dropdown-item.mod-timeline:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 12px;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: url("/images/sprite.svg") 0px -305px;
}

.btn-dropdown-val-tile {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 35px;
  height: 35px;
  background: #00BB28;
  border: 1px solid #00BB28;
  cursor: pointer;
  border-radius: 0 4px 4px 0;
  box-sizing: border-box;
}
.btn-dropdown-val-tile:hover {
  background: #00A412;
  border: 1px solid #00A412;
}
.btn-dropdown-val-tile.is-active {
  background: #019421;
  border: 1px solid #019421;
}
.btn-dropdown-val-tile.mod-white {
  color: #333C48;
  background: #fff;
  background-image: linear-gradient(-180deg, #FFFFFF 0%, #F6F6F6 100%);
  border: 1px solid #E8EBF0;
}
.btn-dropdown-val-tile.mod-white:hover {
  background-image: linear-gradient(-180deg, #FAFAFA 0%, #F0F0F0 100%);
  border: 1px solid #E8EBF0;
}
.btn-dropdown-val-tile.mod-white.is-active {
  background: #FAFAFA;
  border: 1px solid #E8EBF0;
}
.btn-dropdown-val-tile.mod-white:before {
  background: #E8EBF0;
}
.btn-dropdown-val-tile.mod-white:after {
  border-color: #333C48 transparent transparent transparent;
}
.btn-dropdown-val-tile.mod-black {
  color: #fff;
  background: #333C48;
  border: 1px solid #333C48;
}
.btn-dropdown-val-tile:before {
  position: absolute;
  content: "";
  top: -1px;
  left: -1px;
  width: 1px;
  height: 35px;
  background: rgba(255, 255, 255, 0.5);
}
.btn-dropdown-val-tile:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3px 0 3px;
  border-color: #ffffff transparent transparent transparent;
  transform: translateY(-50%) translateX(-50%);
}

.steps {
  position: absolute;
  top: 50px;
  left: -75px;
  margin-bottom: 17px;
  padding: 0 0 0 5px;
  width: auto;
}
@media all and (max-width: calc(540 / 16)em) {
  .steps {
    display: flex;
    justify-content: center;
    position: static;
    top: 0;
    left: 0;
    width: 32px;
  }
}

.steps.mod-text {
  top: 15px;
  left: auto;
  right: 100%;
  margin-right: 30px;
  width: auto;
}
@media all and (max-width: calc(540 / 16)em) {
  .steps.mod-text {
    top: 0;
    left: 0;
    margin-right: 0;
  }
}
.steps.mod-text .steps-item {
  white-space: nowrap;
  text-align: right;
}
.steps.mod-text .item-num {
  display: inline-block;
}
.steps.mod-text .steps-text {
  margin-right: 10px;
  color: #fff;
}
.steps.mod-text .item-num {
  color: #fff;
}

.steps-list {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.steps-list:after {
  display: table;
  content: "";
  clear: both;
}
@media all and (max-width: calc(540 / 16)em) {
  .steps-list {
    display: flex;
  }
}

.steps-item {
  position: relative;
  text-align: left;
  padding: 0 0 40px;
  box-sizing: border-box;
}
@media all and (max-width: calc(540 / 16)em) {
  .steps-item {
    padding: 0 40px 0 0;
  }
}

.steps-text {
  display: none;
  color: #7E8FA5;
}

.steps-item:last-child {
  padding-right: 0;
}
.steps-item:last-child:after {
  display: none;
}
.steps-item.is-completed .item-text {
  color: #00A8FF;
}
@media all and (max-width: calc(540 / 16)em) {
  .steps-item.is-completed .item-text {
    display: none;
  }
}
.steps-item.is-completed .item-num {
  color: #00A8FF;
  background: #00A8FF;
  border-color: #00A8FF;
}
.steps-item.is-completed .item-num:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 15px;
  background: url("/images/sprite.svg") -291px 0px;
}
.steps-item.is-completed:after {
  background: #00A8FF;
}
.steps-item.is-active .steps-text {
  display: inline-block;
}
@media all and (max-width: calc(540 / 16)em) {
  .steps-item.is-active .steps-text {
    display: none;
  }
}
.steps-item.is-active .item-text {
  color: #00A8FF;
}
.steps-item.is-active .item-num {
  border-color: #00A8FF;
}

.steps-item .item-num {
  display: block;
  position: relative;
  width: 34px;
  height: 34px;
  line-height: 34px;
  font-size: 1.125rem;
  color: #7E8FA5;
  text-align: center;
  border: 1px solid #7E8FA5;
  border-radius: 50%;
  box-sizing: border-box;
}

.steps-item .item-text {
  display: inline-block;
  padding: 5px 0;
  font-size: 1.125rem;
  color: #7E8FA5;
  line-height: 1.42;
}
@media all and (max-width: calc(540 / 16)em) {
  .steps-item .item-text {
    display: none;
  }
}

.steps-item:after {
  position: absolute;
  content: "";
  right: 16px;
  bottom: 10px;
  width: 1px;
  height: 20px;
  background: #C5D0DF;
}
@media all and (max-width: calc(540 / 16)em) {
  .steps-item:after {
    width: 15px;
    height: 1px;
    right: 12px;
    bottom: 15px;
  }
}

.datepicker-holder {
  position: absolute;
  z-index: 101;
  top: 100%;
  right: 0;
  white-space: nowrap;
  margin-top: 18px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.datepicker-holder:after {
  position: absolute;
  z-index: 1;
  content: "";
  top: -8px;
  right: 21px;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.datepicker-holder.mod-left {
  right: auto;
  left: 0;
}
.datepicker-holder.mod-left:after {
  left: 21px;
  right: auto;
}
.datepicker-holder.mod-extended:after {
  background-color: #FCFCFC;
}
.datepicker-holder.mod-timeline:after {
  background-color: #FCFCFC;
}
.datepicker-holder.mod-timeline .datepicker-item.is-selected {
  color: #fff;
  background-color: #00A8FF;
  border-radius: 3px;
}
.datepicker-holder.mod-timeline .datepicker-item.is-disabled {
  color: #99999C;
}
.datepicker-holder.mod-relative {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  box-shadow: none;
}
.datepicker-holder.mod-relative:after {
  display: none;
}
.datepicker-holder.mod-relative .datepicker-menu {
  min-height: 280px;
}
.datepicker-holder.mod-relative .datepicker {
  width: 376px;
  text-align: center;
}
.datepicker-holder.mod-relative .datepicker-data-holder {
  max-width: 235px;
  margin: 0 auto;
}

.date-picker-date-time {
  display: inline-block;
}

.datepicker {
  display: inline-block;
  width: 235px;
}

.datepicker-box {
  display: inline-block;
  vertical-align: top;
}

.datepicker-data-holder {
  position: relative;
  padding: 15px;
  z-index: 2;
  background-color: #fff;
  border-radius: 4px;
}

.datepicker-data {
  table-layout: fixed;
}

.form-date-picker-range[data-type=hr-document-datepicker] .input-holder {
  font-size: 0;
}
.form-date-picker-range[data-type=hr-document-datepicker] .form-input {
  display: none;
}
.form-date-picker-range[data-type=hr-document-datepicker] .form-input-ico {
  position: relative;
  display: inline-block;
  height: 46px;
  width: 45px;
  border-radius: 4px;
}

.form-date-picker-range.is-active[data-type=hr-document-datepicker] .form-input {
  display: block;
}
.form-date-picker-range.is-active[data-type=hr-document-datepicker] .form-input-ico {
  position: absolute;
  border-radius: 4px 0 0 4px;
}
.form-date-picker-range.is-active[data-type=hr-document-datepicker] + .form-title-link {
  display: none;
}

.main-data-form .form-date-picker-range[data-type=hr-document-datepicker] .input-holder.mod-date .form-input {
  padding-left: 55px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.datepicker-title {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #333C48;
  font-size: 0.875rem;
  text-align: center;
  font-weight: bold;
}

.datepicker-headline {
  position: relative;
  text-align: center;
}
.datepicker-headline .datepicker-headline-title {
  color: #333C48;
  font-size: 0.875rem;
  text-align: center;
  font-weight: bold;
}
.datepicker-headline .datepicker-headline-title-text {
  display: inline-block;
  margin: 0 5px;
  border-bottom: 1px solid #333C48;
}
.datepicker-headline .datepicker-headline-title-val {
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
}
.datepicker-headline .datepicker-headline-title-val:hover {
  text-decoration: underline;
}
.datepicker-headline .datepicker-headline-title-val.mod-bold {
  font-weight: bold;
}
.datepicker-headline .datepicker-headline-title-val.mod-blue {
  color: #00A8FF;
}
.datepicker-headline .datepicker-headline-btn {
  position: absolute;
  top: 50%;
  width: 33px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
}
.datepicker-headline .datepicker-headline-btn:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.datepicker-headline .datepicker-headline-btn.mod-prev {
  left: -8px;
}
.datepicker-headline .datepicker-headline-btn.mod-prev:after {
  width: 12px;
  height: 17px;
  background: url("/images/sprite.svg") -291px -212px;
}
.datepicker-headline .datepicker-headline-btn.mod-next {
  right: -8px;
}
.datepicker-headline .datepicker-headline-btn.mod-next:after {
  width: 12px;
  height: 17px;
  background: url("/images/sprite.svg") -291px -229px;
}

.datepicker-header {
  position: relative;
  z-index: 2;
  padding: 10px 20px;
  background: #FCFCFC;
  border-bottom: 1px solid #E3E3E3;
}

.datepicker-header-title {
  position: relative;
  margin: 0;
  color: #333C48;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  letter-spacing: 0.07px;
}
.datepicker-header-title.mod-back {
  padding-left: 15px;
}
.datepicker-header-title.mod-back:after {
  position: absolute;
  content: "";
  top: 50%;
  left: -3px;
  transform: translateY(-50%);
  width: 12px;
  height: 17px;
  background: url("/images/sprite.svg") -291px -212px;
}

.datepicker-item {
  display: inline-block;
  width: 30px;
  height: 30px;
  color: #333C48;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 30px;
  text-align: center;
}
.datepicker-item:hover {
  background-color: rgba(0, 169, 255, 0.2);
}
.datepicker-item.is-disabled {
  opacity: 0.9;
  filter: grayscale(100%);
  cursor: default;
  color: #A4A6AE;
  pointer-events: none;
}
.datepicker-item.is-disabled:hover {
  background-color: transparent;
}
.datepicker-item.is-black-day {
  background-color: rgba(0, 0, 0, 0.3);
}
.datepicker-item.is-selected {
  background-color: rgba(0, 169, 255, 0.2);
}
.datepicker-item.is-selected.is-selected-first {
  color: #fff;
  border-radius: 4px 0 0 4px;
  background-color: #00A8FF;
}
.datepicker-item.is-selected.is-selected-last {
  color: #fff;
  border-radius: 0 4px 4px 0;
  background-color: #00A8FF;
}
.datepicker-item.is-selected.is-selected-red {
  background-color: #d6c6d4;
}
.datepicker-item.is-selected-red {
  background-color: #ffd4d4;
}
.datepicker-item .datepicker-item-val {
  display: inline-block;
}

.datepicker-menu {
  position: relative;
  display: inline-block;
  z-index: 2;
  width: 230px;
  padding: 9px 20px 0;
  vertical-align: top;
  background-color: #fff;
  margin-left: 10px;
  border-left: 1px solid #E7E9ED;
  border-radius: 0 4px 4px 0;
}
.datepicker-menu .datepicker-menu-title {
  width: 100%;
  padding: 8px 5px;
  color: #333C48;
  font-size: 0.875rem;
  line-height: 1.42;
  text-align: left;
  box-sizing: border-box;
}
.datepicker-menu .datepicker-menu-item {
  display: block;
  width: 100%;
  padding: 8px 5px;
  font-size: 0.875rem;
  line-height: 1.215;
  color: #333C48;
  box-sizing: border-box;
  border-radius: 4px;
  text-align: left;
}
.datepicker-menu .datepicker-menu-item.is-active {
  background-color: #F5F8FB;
}
.datepicker-menu .datepicker-menu-settings {
  margin: 0 -2px;
  padding: 10px 0;
}
.datepicker-menu .datepicker-menu-settings:after {
  display: table;
  content: "";
  clear: both;
}
.datepicker-menu .datepicker-menu-settings .settings-box {
  float: left;
  width: 50%;
  padding: 0 2px;
  box-sizing: border-box;
}
.datepicker-menu .datepicker-menu-settings .btn {
  width: 100%;
}

.datepicker-actions {
  padding: 9px 0;
  border-top: 1px solid #E3E3E3;
  background-color: #FBFBFB;
  border-radius: 0 0 4px 4px;
}

.datepicker-settings {
  position: relative;
  z-index: 2;
  padding: 7px 23px;
  background: #FBFBFB;
  border-bottom: 1px solid #E3E3E3;
  border-radius: 4px 4px 0 0;
}

.datepicker-category-item-list {
  padding-top: 10px;
  white-space: normal;
}

.datepicker-category-item {
  display: inline-block;
  width: 25%;
  height: 30px;
  margin-bottom: 1px;
  color: #333C48;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
}
.datepicker-category-item.is-selected {
  color: #fff;
  background-color: #00A8FF;
}

.datepicker-tooltip {
  position: relative;
  z-index: 2;
  padding: 14px 30px;
  border-bottom: 1px solid #DEE2E6;
}
.datepicker-tooltip:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 33px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  transform: rotate(135deg);
  background: #fff;
  border-top: 1px solid #DEE2E6;
  border-right: 1px solid #DEE2E6;
}

.datepicker-tooltip-data {
  position: relative;
  display: block;
  padding-left: 22px;
  color: #7E8FA5;
  font-size: 1rem;
  line-height: 1.25;
}
.datepicker-tooltip-data:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("/images/sprite.svg") -274px -249px;
}

.datepicker-data-text {
  margin: 0 -15px -15px;
  padding: 5px 10px 15px;
  box-sizing: border-box;
  border-radius: 0 0 4px 4px;
}
.datepicker-data-text.mod-gray {
  background: #fcfcfc;
}

.datepicker-data-text-input {
  display: block;
  width: 100%;
  margin-bottom: 8px;
}
.datepicker-data-text-input.form-textarea {
  resize: inherit;
}

.datepicker-data-text-title {
  position: relative;
  z-index: 1;
  margin: 0 0 5px;
  font-size: 0.6875rem;
  color: #83888F;
  text-transform: uppercase;
}
.datepicker-data-text-title:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background: #DBDFE5;
}
.datepicker-data-text-title span {
  position: relative;
  display: inline-block;
  padding-right: 10px;
  background: #fcfcfc;
  vertical-align: middle;
}

.datepicker-data-text-val {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 15px;
  color: #333C48;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  white-space: normal;
  box-sizing: border-box;
  font-weight: 600;
}

.datepicker-data-text-actions {
  padding: 5px 0 0;
}
.datepicker-data-text-actions:after {
  display: table;
  content: "";
  clear: both;
}

.extended-search {
  position: relative;
  display: block;
}
.extended-search:after {
  display: table;
  content: "";
  clear: both;
}
.extended-search .btn-box {
  border-top: 1px solid #E6E6E6;
  padding: 8px 16px;
}

.extended-search-field {
  position: relative;
  display: block;
  float: left;
  margin-right: 15px;
}
.extended-search-field:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 6px;
  width: 18px;
  height: 19px;
  background: url("/images/sprite.svg") -233px -269px;
}

.extended-search-field-val {
  display: block;
  width: 240px;
  padding: 10px 20px 5px 27px;
  font-size: 0.875rem;
  line-height: 0.8235294118;
  box-sizing: border-box;
  border-bottom: 1px solid #DBDFE5;
}

.extended-search-tags-msg {
  margin: 0;
  padding: 8px 16px;
  color: #7E8FA5;
  font-size: 0.9375rem;
  line-height: 2;
  border-bottom: 1px solid #E6E6E6;
}

.extended-search-tags {
  padding: 8px 16px;
  background: #F2FBFF;
  border-bottom: 1px solid #E6E6E6;
}

.extended-search-tags-headline {
  display: flex;
  margin-bottom: 8px;
  align-items: flex-end;
}

.extended-search-tags-title {
  flex: 1;
  color: #3B4450;
  font-size: 0.75rem;
  line-height: 1.5833333333;
  font-weight: 600;
}

.extended-search-tags-link {
  color: #17AFFF;
  font-size: 0.875rem;
  line-height: 1.3571428571;
  cursor: pointer;
  border-bottom: 1px solid rgba(23, 175, 255, 0.69);
}
.extended-search-tags-link:hover {
  border-bottom-color: transparent;
}

.extended-search-tags-list:after {
  display: table;
  content: "";
  clear: both;
}

.extended-search-tags-item {
  position: relative;
  float: left;
  margin: 0 4px 4px 0;
  padding: 6px 24px 4px 10px;
  color: #3B4450;
  font-size: 0.75rem;
  line-height: 1;
  background: #FFFFFF;
  border: 1px solid #D8D8D8;
  border-radius: 2px;
  cursor: default;
  box-sizing: border-box;
  font-weight: 600;
}

.extended-search-tags-remove {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  width: 24px;
  height: 100%;
}
.extended-search-tags-remove:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0.8);
  width: 15px;
  height: 15px;
  background: url("/images/sprite.svg") -145px -289px;
}

.extended-search-category {
  border-bottom: 1px solid #E6E6E6;
}
.extended-search-category:last-child {
  border-bottom: 0;
}
.extended-search-category.is-active .extended-search-category-title {
  color: #333C48;
}
.extended-search-category.is-active-dropdown .extended-search-category-title {
  color: #333C48;
  padding-bottom: 5px;
}
.extended-search-category.is-active-dropdown .extended-search-category-title:after {
  transform: translateY(-50%) rotate(180deg);
}
.extended-search-category.is-active-dropdown .extended-search-category-dropdown {
  display: block;
}

.extended-search-category-title {
  position: relative;
  margin: 0;
  padding: 10px 16px;
  color: #7E8FA5;
  font-size: 0.9375rem;
  line-height: 1.2;
  cursor: pointer;
  font-weight: 600;
}
.extended-search-category-title:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 18px;
  height: 13px;
  background: url("/images/sprite.svg") -291px -92px;
}

.extended-search-category-dropdown {
  display: none;
  padding: 0 20px 17px;
  box-sizing: border-box;
}

.extended-search-category-dropdown-list {
  max-height: 144px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.extended-search-category-dropdown-list::-webkit-scrollbar {
  width: 4px;
  border-radius: 3px;
}
.extended-search-category-dropdown-list::-webkit-scrollbar-track {
  background: #D8D8D8;
  border-radius: 3px;
}
.extended-search-category-dropdown-list::-webkit-scrollbar-thumb {
  background: #919191;
  border-radius: 3px;
}

.extended-search-checkbox {
  position: relative;
  display: block;
  margin-bottom: 8px;
}
.extended-search-checkbox:last-child {
  margin-bottom: 0;
}

.extended-search-checkbox-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.extended-search-checkbox-input:checked + .extended-search-checkbox-label .extended-search-checkbox-ico {
  background: #00A8FF;
  border-color: #00A8FF;
}
.extended-search-checkbox-input:checked + .extended-search-checkbox-label .extended-search-checkbox-ico:after {
  content: "";
}

.extended-search-checkbox-label {
  position: relative;
  display: inline-block;
  padding-left: 24px;
  font-size: 0.9375rem;
  color: #474F5A;
  cursor: pointer;
  line-height: 1.3333333333;
  user-select: none;
  word-break: break-all;
}
.extended-search-checkbox-label .extended-search-checkbox-ico {
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  background: #FFFFFF;
  border: 2px solid #B8BAC1;
  border-radius: 2px;
  box-sizing: border-box;
}
.extended-search-checkbox-label .extended-search-checkbox-ico:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 14px;
  height: 11px;
  background: url("/images/sprite.svg") -187px -289px;
}

.extended-search-radio {
  display: block;
  margin-bottom: 8px;
}
.extended-search-radio:last-child {
  margin-bottom: 0;
}

.extended-search-radio-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.extended-search-radio-input:checked + .extended-search-radio-label .extended-search-radio-ico {
  background: #00A8FF;
  border-color: #00A8FF;
}
.extended-search-radio-input:checked + .extended-search-radio-label .extended-search-radio-ico:after {
  content: "";
}

.extended-search-radio-label {
  position: relative;
  padding-left: 24px;
  font-size: 0.9375rem;
  color: #474F5A;
  cursor: pointer;
  line-height: 1.3333333333;
  user-select: none;
}
.extended-search-radio-label .extended-search-radio-ico {
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  background: #FFFFFF;
  border: 2px solid #B8BAC1;
  border-radius: 50%;
  box-sizing: border-box;
  transform: translateZ(0);
}
.extended-search-radio-label .extended-search-radio-ico:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
  background: #fff;
  border-radius: 50%;
  transform: translateZ(0);
}

.extended-search-dropdown-holder {
  float: left;
}
.extended-search-dropdown-holder.is-active .extended-search-dropdown {
  display: block;
}
.extended-search-dropdown-holder.is-active .extended-search-dropdown-btn .svg-ico {
  fill: #00A8FF;
}
.extended-search-dropdown-holder.mod-small .extended-search-box {
  width: 280px;
}

.extended-search-dropdown {
  position: absolute;
  display: none;
  z-index: 99;
  top: 100%;
  right: -25px;
  margin-top: 10px;
}
.extended-search-dropdown.mod-planning {
  z-index: 999;
  right: auto;
  left: 25px;
  top: -270px;
  margin-top: 0;
}
.extended-search-dropdown.mod-right-align {
  right: 0;
}

.extended-search-dropdown-btn {
  position: relative;
  float: left;
  width: 35px;
  height: 35px;
  border: 1px solid #E8EBF0;
  background-image: linear-gradient(-180deg, #FFFFFF 0%, #F6F6F6 100%);
  border-radius: 4px;
  box-sizing: border-box;
}
.extended-search-dropdown-btn .svg-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  fill: #333B48;
  width: 17px;
  height: 17px;
  transform: translateY(-50%) translateX(-50%);
}

.extended-search-dropdown-btn-count {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 15px;
  height: 15px;
  font-size: 0.625rem;
  line-height: 17px;
  color: #FFFFFF;
  background: #00A8FF;
  text-align: center;
  border-radius: 50%;
  font-weight: bold;
}

.extended-search-box {
  display: block;
  overflow: hidden;
  width: 380px;
  background: #FFFFFF;
  border: 1px solid #DFE3E9;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  border-radius: 4px;
}

.extended-search-client-category {
  padding-bottom: 8px;
  border-bottom: 1px solid #E8EBF0;
}
.extended-search-client-category:last-child {
  border-bottom: 0;
}

.extended-search-client-title {
  padding-top: 9px;
  margin-bottom: 6px;
  color: #7E8FA5;
  font-size: 10px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
}

.date-switch {
  display: inline-block;
  vertical-align: top;
}
.date-switch:after {
  display: table;
  content: "";
  clear: both;
}

.date-switch-btn {
  position: relative;
  float: left;
  margin: 0 2px;
  padding: 0;
  width: 27px;
  height: 27px;
  border-radius: 4px;
}
.date-switch-btn:after, .date-switch-btn:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
}
.date-switch-btn.mod-prev:after {
  margin: -1px 0 0 -5px;
  width: 12px;
  height: 15px;
  background: url("/images/sprite.svg") -91px -289px;
}
.date-switch-btn.mod-next:after {
  margin: -1px 0 0 -6px;
  width: 12px;
  height: 15px;
  background: url("/images/sprite.svg") -118px -289px;
}

.date-switch-btn-double.mod-prev:after, .date-switch-btn-double.mod-prev:before {
  margin: -1px 0 0 0;
  width: 12px;
  height: 15px;
  background: url("/images/sprite.svg") -91px -289px;
}
.date-switch-btn-double.mod-prev:before {
  margin-left: -9px;
}
.date-switch-btn-double.mod-prev:after {
  margin-left: -3px;
}
.date-switch-btn-double.mod-next:after, .date-switch-btn-double.mod-next:before {
  margin: -1px 0 0 0;
  width: 12px;
  height: 15px;
  background: url("/images/sprite.svg") -118px -289px;
}
.date-switch-btn-double.mod-next:before {
  margin-left: -9px;
}
.date-switch-btn-double.mod-next:after {
  margin-left: -3px;
}

.date-switch-val-holder {
  float: left;
  position: relative;
}

.date-switch-val {
  position: relative;
  z-index: 1;
  float: left;
  margin: 0 2px;
  padding: 0 13px;
  height: 27px;
  color: #333C48;
  font-size: 0.75rem;
  line-height: 25px;
  box-sizing: border-box;
  font-weight: bold;
}
.date-switch-val:hover {
  color: #00A8FF;
}
.date-switch-val.is-active {
  color: #00A8FF;
}
.date-switch-val.mod-date {
  z-index: 2;
  width: 160px;
  text-align: center;
  margin: 0 -4px;
  border-radius: 0;
}

.notification-status {
  position: fixed;
  z-index: 999;
  top: 20px;
  left: 50%;
  padding: 17px 16px 14px 72px;
  min-height: 56px;
  color: #373F51;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  background: #FFFFFF;
  border-radius: 4px;
  overflow: hidden;
  transform: translateX(-50%);
  box-sizing: border-box;
}
.notification-status.mod-success {
  padding-right: 56px;
  padding-left: 44px;
  color: #fff;
  background: #00BB28;
}
.notification-status.mod-success .notification-status-ico {
  width: 44px;
}

.notification-status-ico {
  position: absolute;
  left: 0;
  top: 0;
  width: 56px;
  height: 56px;
  background: #00BB28;
}

.notification-status-ico-value {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  fill: #fff;
}

.notification-status-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
}

.notification-status-btn-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}

.notification-status-text-loader {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  overflow: hidden;
  background: rgba(0, 187, 40, 0.2);
  border-radius: 4px;
}
.notification-status-text-loader:after {
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 2px;
  background: #00BB28;
  border-radius: 4px;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  from {
    left: -200px;
    width: 30%;
  }
  50% {
    width: 30%;
  }
  70% {
    width: 70%;
  }
  80% {
    left: 50%;
  }
  95% {
    left: 120%;
  }
  to {
    left: 100%;
  }
}
.new-info-tooltip {
  position: relative;
  cursor: pointer;
}
.new-info-tooltip:hover .new-info-tooltip__dropdown {
  display: block;
  z-index: 99;
}

.new-info-tooltip--right .new-info-tooltip__dropdown {
  right: 0;
  left: auto;
  cursor: default;
  transform: none;
}
.new-info-tooltip--right .new-info-tooltip__dropdown:after {
  right: 5px;
  transform: rotate(45deg);
  left: auto;
  transform-origin: 50%;
}

.new-info-tooltip--top {
  cursor: default;
}
.new-info-tooltip--top .new-info-tooltip__dropdown {
  top: auto;
  bottom: 100%;
  left: 0;
  margin-top: 0;
  margin-bottom: 8px;
  transform: translateX(-50%);
}
.new-info-tooltip--top .new-info-tooltip__dropdown:after {
  top: 100%;
  left: 50%;
  margin-top: -4px;
  transform: rotate(45deg) translateX(-50%);
  transform-origin: 0 50%;
}

.new-info-tooltip--timeline {
  cursor: auto;
}
.new-info-tooltip--timeline .new-info-tooltip__dropdown {
  margin-top: 7px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 15px;
}

.new-info-tooltip--active .new-info-tooltip__dropdown {
  display: block;
}

.new-info-tooltip__dropdown {
  position: absolute;
  display: none;
  top: 100%;
  left: 50%;
  margin-top: 13px;
  padding: 2px 4px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 20px;
  background: #373F51;
  white-space: nowrap;
  border-radius: 2px;
  transform: translateX(-50%);
}
.new-info-tooltip__dropdown:after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  background: #373F51;
  transform: rotate(45deg) translateX(-50%);
  transform-origin: 0;
}

.new-info-tooltip__text-wrapper {
  display: flex;
  justify-content: space-between;
}

.new-info-tooltip__text {
  font-weight: 600;
}

.new-info-tooltip__text--red {
  color: #FF4743;
}

.new-info-tooltip__value {
  text-align: right;
  margin-left: 8px;
}

.new-info-tooltip__img {
  width: 100%;
  height: auto;
}

.new-info-tooltip--radius .new-info-tooltip__dropdown {
  width: 176px;
  padding: 6px 8px;
  left: 105%;
  top: auto;
  bottom: -33%;
  transform: translateX(0);
  white-space: initial;
  box-sizing: border-box;
}
.new-info-tooltip--radius .new-info-tooltip__dropdown:after {
  transform: rotate(45deg);
  transform-origin: 50%;
  left: -3px;
  top: 66%;
}
.new-info-tooltip--radius .new-info-tooltip__text {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.33;
}

.new-info-tooltip--blue .new-info-tooltip__dropdown {
  top: auto;
  bottom: 100%;
  left: 50%;
  margin-top: 0;
  margin-bottom: 8px;
  padding: 3px 8px;
  font-size: 15px;
  background: #00A8FF;
  border-radius: 4px;
  transform: translateX(-50%);
  cursor: default;
}
.new-info-tooltip--blue .new-info-tooltip__dropdown:after {
  top: 100%;
  left: 50%;
  margin-top: -3px;
  background: #00A8FF;
  transform: rotate(45deg) translateX(-50%);
  transform-origin: 0 50%;
}

.term-tooltip {
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid rgba(126, 143, 165, 0.6);
}
.term-tooltip:hover {
  border-bottom-color: transparent;
}
.term-tooltip:hover .term-tooltip-dropdown {
  display: block;
  z-index: 99;
}
.term-tooltip.mod-bottomless {
  border-bottom: none;
}
.term-tooltip.mod-center .term-tooltip-dropdown {
  left: 50%;
  transform: translateX(-50%);
}
.term-tooltip.mod-invoice .term-tooltip-dropdown {
  left: auto;
  right: 0;
  margin-top: 5px;
}

.term-tooltip-dropdown {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  margin-top: 13px;
  padding: 4px 8px;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 15px;
  background: #373F51;
  white-space: nowrap;
  font-weight: bold;
  border-radius: 2px;
}

.settings-drag-and-drop {
  position: absolute;
  top: 50%;
  right: 25px;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  padding: 0;
  cursor: move;
}
.settings-drag-and-drop .settings-drag-and-drop-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 1px;
  background: #B8BAC1;
  transform: translateY(-50%) translateX(-50%);
}
.settings-drag-and-drop .settings-drag-and-drop-ico:after, .settings-drag-and-drop .settings-drag-and-drop-ico:before {
  position: absolute;
  left: 0;
  content: "";
  width: inherit;
  height: inherit;
  background: inherit;
}
.settings-drag-and-drop .settings-drag-and-drop-ico:before {
  top: -4px;
}
.settings-drag-and-drop .settings-drag-and-drop-ico:after {
  bottom: -4px;
}

.settings-dropdown {
  position: relative;
  z-index: 1;
  padding: 10px 0;
  margin: -10px 0;
  cursor: pointer;
}
.settings-dropdown.mod-absolute-top {
  position: absolute;
  top: 20px;
  right: 5px;
  margin: 0;
  padding: 10px;
  text-align: right;
  transform: translateY(-50%);
}
.settings-dropdown.mod-absolute-top .settings-dd {
  margin-top: 0;
  right: -20px;
}
.settings-dropdown.mod-absolute {
  position: absolute;
  top: 50%;
  right: -10px;
  margin: 0;
  padding: 8px;
  text-align: right;
  transform: translateY(-50%);
}
.settings-dropdown.mod-absolute .settings-dd {
  margin-top: 0;
  right: -20px;
}
.settings-dropdown.mod-r-10 {
  right: 10px;
}
.settings-dropdown.mod-hoverless .settings-dd {
  display: block;
}
.settings-dropdown:hover {
  z-index: 5;
}
.settings-dropdown:hover .settings-ico {
  width: 22px;
  height: 8px;
  background: url("/images/sprite.svg") -101px -149px;
}
.settings-dropdown:hover .settings-dd {
  display: block;
}
.settings-dropdown .settings-ico {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 22px;
  height: 8px;
  background: url("/images/sprite.svg") -246px -81px;
}

.settings-dd {
  display: none;
  position: absolute;
  top: 100%;
  right: -30px;
  width: 180px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.settings-dd:after {
  position: absolute;
  content: "";
  top: -7px;
  right: 33px;
  z-index: 1;
  width: 14px;
  height: 14px;
  background: #fff;
  transform: rotate(45deg);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.settings-dd.mod-right {
  right: 0;
}
.settings-dd.mod-right:after {
  top: -3px;
  right: 5px;
}
.settings-dd.mod-w236 {
  width: 236px;
}
.settings-dd.mod-ico .dd-item {
  padding-left: 40px;
}
.settings-dd .dd-data {
  position: relative;
  padding: 8px;
  z-index: 2;
  background-color: #fff;
  border-radius: 4px;
}
.settings-dd .dd-item {
  position: relative;
  display: block;
  padding: 6px 16px;
  text-align: left;
  font-size: 0.875rem;
  color: #333C48;
  cursor: pointer;
  line-height: 1.42;
}
.settings-dd .dd-item:hover {
  background-color: #F5F8FB;
}
.settings-dd .dd-item.mod-red {
  color: #FF4743;
}
.settings-dd .dd-item.mod-disabled {
  opacity: 0.38;
}
.settings-dd .dd-item .svg-ico {
  position: absolute;
  top: 50%;
  left: 12px;
  width: 16px;
  height: 16px;
  fill: #7E8FA5;
  margin-top: -8px;
}

.form-label {
  display: block;
  margin-bottom: 6px;
  font-size: 1rem;
  color: #7E8FA5;
  line-height: 1.42;
}
.form-label:after {
  display: table;
  content: "";
  clear: both;
}
.form-label.mod-btn .label-text {
  float: left;
}
.form-label.mod-btn .label-btn {
  float: right;
}
.form-label.mod-sign {
  padding-left: 20px;
}

.form-label.mod-mt-30 {
  margin-top: 30px;
}

.main-data-form .form-title {
  margin: 0 0 10px;
  font-size: 1.125rem;
  color: #333C48;
  line-height: 1.42;
  font-weight: normal;
}
.main-data-form .form-title:after {
  display: table;
  content: "";
  clear: both;
}
.main-data-form .form-title.mod-booking {
  line-height: 22px;
  margin-bottom: 20px;
}
.main-data-form .form-title.mod-mb-12 {
  margin-bottom: 12px;
}
.main-data-form .form-title.mod-big {
  margin: 0 0 5px;
  font-size: 1.5rem;
}
.main-data-form .form-title-text {
  float: left;
}
.main-data-form .form-title-btn {
  position: relative;
  float: right;
  padding-left: 15px;
  color: #9B9B9B;
  cursor: pointer;
  font-size: 0.7734375rem;
  line-height: 1.42;
  font-weight: 600;
}
.main-data-form .form-title-btn:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  margin-top: -7px;
  width: 12px;
  height: 16px;
  background: url("/images/sprite.svg") -64px -289px;
}

.form-title-link {
  position: relative;
  display: inline-block;
  height: auto;
  padding: 0;
  text-decoration: underline;
  font-size: 1rem;
  color: #00A8FF;
  background: transparent;
  border: none;
  line-height: 1.3;
  cursor: pointer;
}
.form-title-link.mod-mb20 {
  margin-bottom: 20px;
}
.form-title-link.mod-ico {
  padding-left: 60px;
}

.form-title-link-ico {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.form-textarea {
  display: block;
  width: 100%;
  height: 80px;
  padding: 9px 13px;
  font-size: 1rem;
  color: #333C48;
  background: #FFFFFF;
  border: 1px solid #DBDFE5;
  border-radius: 4px;
  box-sizing: border-box;
  outline: none;
}
.form-textarea.mod-large {
  margin-bottom: 20px;
  border: 0;
  width: 100%;
  height: 290px;
  resize: none;
  caret-color: #00A8FF;
}
.form-textarea.mod-auto-height {
  height: auto;
  min-height: 200px;
}

.form-btn-list.align-center,
.form-btn-box.align-center {
  text-align: center;
}
.form-btn-list.align-center .form-btn,
.form-btn-box.align-center .form-btn {
  margin: 0 12px;
}
@media all and (max-width: calc(500 / 16)em) {
  .form-btn-list.align-center .form-btn,
  .form-btn-box.align-center .form-btn {
    min-width: 0;
    margin: 6px;
  }
}
.form-btn-list.align-right,
.form-btn-box.align-right {
  text-align: right;
}
.form-btn-list.align-right .form-btn,
.form-btn-box.align-right .form-btn {
  margin: 0 0 0 12px;
}
.form-btn-list.align-left,
.form-btn-box.align-left {
  text-align: left;
}
.form-btn-list.align-left .form-btn,
.form-btn-box.align-left .form-btn {
  margin: 0 12px 0 0;
}

.form-btn-list.mod-flex {
  display: flex;
  align-items: center;
}
.form-btn-list.mod-flex .form-btn {
  margin: 0 10px;
}
.form-btn-list.mod-flex .form-btn-box {
  margin: 0 -10px;
}
.form-btn-list.mod-flex .form-btn-box:first-child {
  flex: 1;
}
.form-btn-list.mod-data {
  border: 0;
  padding: 0;
  margin: 0;
}
.form-btn-list.mod-data .form-btn-box {
  margin: 0;
}
.form-btn-list.mod-data .form-btn {
  margin: 0;
}
.form-btn-list.mod-without-border {
  border: none;
}
.form-btn-list.mod-sign {
  padding: 20px 30px 30px;
}
.form-btn-list.mod-sub-box {
  padding: 0;
  border-top: 0;
}
.form-btn-list.mod-downgrade {
  padding: 24px 30px;
}

.form-btn-wrap {
  padding: 15px 0;
  margin: 0 -10px;
}
.form-btn-wrap .form-btn {
  margin: 0 10px;
}

.form-btn-wrap.mod-border-b {
  position: relative;
}
.form-btn-wrap.mod-border-b:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 1px;
  width: calc(100% - 20px);
  margin: 0 auto;
  background-color: #E7E9ED;
}

.form-btn-list {
  padding: 20px 29px;
  border-top: 1px solid #DEE2E6;
}

.form-submit-auth-btn {
  display: inline-flex;
  height: auto;
  padding: 0;
  background-color: #fff;
  border: none;
  outline: none;
  text-align: left;
  line-height: 1.42;
  font-size: 0.875rem;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
}

.form-resend-btn {
  display: block;
  height: auto;
  padding: 0;
  background-color: #fff;
  border: none;
  outline: none;
  text-align: left;
  line-height: 1.42;
  font-size: 0.875rem;
}

.form-resend-btn-text {
  display: block;
  color: #00A6FF;
}
.form-resend-btn-text:hover {
  text-decoration: underline;
}

.form-resend-btn-success {
  position: relative;
  display: block;
  padding-left: 15px;
  color: #00BD15;
}
.form-resend-btn-success:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 11px;
  height: 7px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMCA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0OC4yICg0NzMyNykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+UGF0aCA1NDAgQ29weTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJTaWduLXVwLWFzLWNsaWVudF8wNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE5NC4wMDAwMDAsIC05NDAuMDAwMDAwKSI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2My4wMDAwMDAsIDgwNy4wMDAwMDApIiBzdHJva2U9IiMwMEJCMjgiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgtNTQwLUNvcHkiIHBvaW50cz0iMzIgMTM2LjUgMzQuNjY2NjY2NyAxNDAgNDAgMTMzIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
  transform: translateY(-50%);
}

.form-list-wrapper {
  margin-top: 10px;
}

.form-input-list {
  position: relative;
  margin: 0 -10px;
}
.form-input-list:after {
  display: table;
  content: "";
  clear: both;
}
.form-input-list.mod-big-padding {
  margin: 0 -30px;
}
.form-input-list.mod-big-padding .form-input-list-item {
  padding: 0 30px;
}
.form-input-list.mod-big-padding.mod-margin-25 {
  margin: 0 -30px 25px;
}
.form-input-list.mod-big-padding.mod-margin-12 {
  margin: 0 -30px 12px;
}
.form-input-list.mod-small-padding {
  margin: 0 -5px;
}
.form-input-list.mod-small-padding .form-input-list-item {
  padding: 0 5px;
}
.form-input-list.mod-border-b {
  position: relative;
}
.form-input-list.mod-border-b:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 1px;
  width: calc(100% - 10px);
  margin: 0 auto;
  background-color: #E7E9ED;
}
.form-input-list.mod-logo {
  margin: 0;
  padding-left: 170px;
}
.form-input-list.mod-vertical-logo {
  margin: 0;
}
.form-input-list.mod-margin-25 {
  margin: 0 -10px 25px;
}
.form-input-list.mod-margin-12 {
  margin: 0 -5px 12px;
}
.form-input-list.mod-margin-t-10 {
  margin-top: 10px;
}
.form-input-list.mod-flex {
  display: flex;
  align-items: center;
}
.form-input-list.mod-wrap {
  flex-wrap: wrap;
}
.form-input-list.mod-padding-t-10 {
  padding-top: 10px;
}
.form-input-list .form-input-list-item {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
.form-input-list .form-input-list-item.mod-logo-item {
  position: relative;
  top: 0;
  left: 0;
  width: 145px;
  margin-bottom: 30px;
}
.form-input-list .form-input-list-item.mod-w55p {
  max-width: 55px;
}
.form-input-list .form-input-list-item.mod-w80p {
  max-width: 80px;
}
.form-input-list .form-input-list-item.mod-w250p {
  max-width: 250px;
}
.form-input-list .form-input-list-item.mod-w150p {
  max-width: 150px;
}
.form-input-list .form-input-list-item.mod-w400p {
  width: 400px;
}
.form-input-list .form-input-list-item.mod-w564p {
  width: 564px;
}
.form-input-list .form-input-list-item.mod-w-auto {
  width: auto;
}
.form-input-list .form-input-list-item.mod-btn {
  flex-grow: 1;
  text-align: right;
}
.form-input-list .form-input-list-item.mod-sep {
  position: relative;
}
.form-input-list .form-input-list-item.mod-sep:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin-top: 4px;
  transform: translateY(-50%) translateX(-50%);
  width: 39px;
  height: 12px;
  background: url("/images/sprite.svg") -185px -81px;
}
.form-input-list .form-input-list-item.mod-w1 {
  width: 1%;
}
.form-input-list .form-input-list-item.mod-w2 {
  width: 2%;
}
.form-input-list .form-input-list-item.mod-w3 {
  width: 3%;
}
.form-input-list .form-input-list-item.mod-w4 {
  width: 4%;
}
.form-input-list .form-input-list-item.mod-w5 {
  width: 5%;
}
.form-input-list .form-input-list-item.mod-w6 {
  width: 6%;
}
.form-input-list .form-input-list-item.mod-w7 {
  width: 7%;
}
.form-input-list .form-input-list-item.mod-w8 {
  width: 8%;
}
.form-input-list .form-input-list-item.mod-w9 {
  width: 9%;
}
.form-input-list .form-input-list-item.mod-w10 {
  width: 10%;
}
.form-input-list .form-input-list-item.mod-w11 {
  width: 11%;
}
.form-input-list .form-input-list-item.mod-w12 {
  width: 12%;
}
.form-input-list .form-input-list-item.mod-w13 {
  width: 13%;
}
.form-input-list .form-input-list-item.mod-w14 {
  width: 14%;
}
.form-input-list .form-input-list-item.mod-w15 {
  width: 15%;
}
.form-input-list .form-input-list-item.mod-w16 {
  width: 16%;
}
.form-input-list .form-input-list-item.mod-w17 {
  width: 17%;
}
.form-input-list .form-input-list-item.mod-w18 {
  width: 18%;
}
.form-input-list .form-input-list-item.mod-w19 {
  width: 19%;
}
.form-input-list .form-input-list-item.mod-w20 {
  width: 20%;
}
.form-input-list .form-input-list-item.mod-w21 {
  width: 21%;
}
.form-input-list .form-input-list-item.mod-w22 {
  width: 22%;
}
.form-input-list .form-input-list-item.mod-w23 {
  width: 23%;
}
.form-input-list .form-input-list-item.mod-w24 {
  width: 24%;
}
.form-input-list .form-input-list-item.mod-w25 {
  width: 25%;
}
.form-input-list .form-input-list-item.mod-w26 {
  width: 26%;
}
.form-input-list .form-input-list-item.mod-w27 {
  width: 27%;
}
.form-input-list .form-input-list-item.mod-w28 {
  width: 28%;
}
.form-input-list .form-input-list-item.mod-w29 {
  width: 29%;
}
.form-input-list .form-input-list-item.mod-w30 {
  width: 30%;
}
.form-input-list .form-input-list-item.mod-w31 {
  width: 31%;
}
.form-input-list .form-input-list-item.mod-w32 {
  width: 32%;
}
.form-input-list .form-input-list-item.mod-w33 {
  width: 33%;
}
.form-input-list .form-input-list-item.mod-w34 {
  width: 34%;
}
.form-input-list .form-input-list-item.mod-w35 {
  width: 35%;
}
.form-input-list .form-input-list-item.mod-w36 {
  width: 36%;
}
.form-input-list .form-input-list-item.mod-w37 {
  width: 37%;
}
.form-input-list .form-input-list-item.mod-w38 {
  width: 38%;
}
.form-input-list .form-input-list-item.mod-w39 {
  width: 39%;
}
.form-input-list .form-input-list-item.mod-w40 {
  width: 40%;
}
.form-input-list .form-input-list-item.mod-w41 {
  width: 41%;
}
.form-input-list .form-input-list-item.mod-w42 {
  width: 42%;
}
.form-input-list .form-input-list-item.mod-w43 {
  width: 43%;
}
.form-input-list .form-input-list-item.mod-w44 {
  width: 44%;
}
.form-input-list .form-input-list-item.mod-w45 {
  width: 45%;
}
.form-input-list .form-input-list-item.mod-w46 {
  width: 46%;
}
.form-input-list .form-input-list-item.mod-w47 {
  width: 47%;
}
.form-input-list .form-input-list-item.mod-w48 {
  width: 48%;
}
.form-input-list .form-input-list-item.mod-w49 {
  width: 49%;
}
.form-input-list .form-input-list-item.mod-w50 {
  width: 50%;
}
.form-input-list .form-input-list-item.mod-w51 {
  width: 51%;
}
.form-input-list .form-input-list-item.mod-w52 {
  width: 52%;
}
.form-input-list .form-input-list-item.mod-w53 {
  width: 53%;
}
.form-input-list .form-input-list-item.mod-w54 {
  width: 54%;
}
.form-input-list .form-input-list-item.mod-w55 {
  width: 55%;
}
.form-input-list .form-input-list-item.mod-w56 {
  width: 56%;
}
.form-input-list .form-input-list-item.mod-w57 {
  width: 57%;
}
.form-input-list .form-input-list-item.mod-w58 {
  width: 58%;
}
.form-input-list .form-input-list-item.mod-w59 {
  width: 59%;
}
.form-input-list .form-input-list-item.mod-w60 {
  width: 60%;
}
.form-input-list .form-input-list-item.mod-w61 {
  width: 61%;
}
.form-input-list .form-input-list-item.mod-w62 {
  width: 62%;
}
.form-input-list .form-input-list-item.mod-w63 {
  width: 63%;
}
.form-input-list .form-input-list-item.mod-w64 {
  width: 64%;
}
.form-input-list .form-input-list-item.mod-w65 {
  width: 65%;
}
.form-input-list .form-input-list-item.mod-w66 {
  width: 66%;
}
.form-input-list .form-input-list-item.mod-w67 {
  width: 67%;
}
.form-input-list .form-input-list-item.mod-w68 {
  width: 68%;
}
.form-input-list .form-input-list-item.mod-w69 {
  width: 69%;
}
.form-input-list .form-input-list-item.mod-w70 {
  width: 70%;
}
.form-input-list .form-input-list-item.mod-w71 {
  width: 71%;
}
.form-input-list .form-input-list-item.mod-w72 {
  width: 72%;
}
.form-input-list .form-input-list-item.mod-w73 {
  width: 73%;
}
.form-input-list .form-input-list-item.mod-w74 {
  width: 74%;
}
.form-input-list .form-input-list-item.mod-w75 {
  width: 75%;
}
.form-input-list .form-input-list-item.mod-w76 {
  width: 76%;
}
.form-input-list .form-input-list-item.mod-w77 {
  width: 77%;
}
.form-input-list .form-input-list-item.mod-w78 {
  width: 78%;
}
.form-input-list .form-input-list-item.mod-w79 {
  width: 79%;
}
.form-input-list .form-input-list-item.mod-w80 {
  width: 80%;
}
.form-input-list .form-input-list-item.mod-w81 {
  width: 81%;
}
.form-input-list .form-input-list-item.mod-w82 {
  width: 82%;
}
.form-input-list .form-input-list-item.mod-w83 {
  width: 83%;
}
.form-input-list .form-input-list-item.mod-w84 {
  width: 84%;
}
.form-input-list .form-input-list-item.mod-w85 {
  width: 85%;
}
.form-input-list .form-input-list-item.mod-w86 {
  width: 86%;
}
.form-input-list .form-input-list-item.mod-w87 {
  width: 87%;
}
.form-input-list .form-input-list-item.mod-w88 {
  width: 88%;
}
.form-input-list .form-input-list-item.mod-w89 {
  width: 89%;
}
.form-input-list .form-input-list-item.mod-w90 {
  width: 90%;
}
.form-input-list .form-input-list-item.mod-w91 {
  width: 91%;
}
.form-input-list .form-input-list-item.mod-w92 {
  width: 92%;
}
.form-input-list .form-input-list-item.mod-w93 {
  width: 93%;
}
.form-input-list .form-input-list-item.mod-w94 {
  width: 94%;
}
.form-input-list .form-input-list-item.mod-w95 {
  width: 95%;
}
.form-input-list .form-input-list-item.mod-w96 {
  width: 96%;
}
.form-input-list .form-input-list-item.mod-w97 {
  width: 97%;
}
.form-input-list .form-input-list-item.mod-w98 {
  width: 98%;
}
.form-input-list .form-input-list-item.mod-w99 {
  width: 99%;
}
.form-input-list .form-input-list-item.mod-w100 {
  width: 100%;
}

.form-data-section {
  display: table;
  margin-bottom: 17px;
  width: 100%;
}
.form-data-section .section-box {
  display: table-cell;
  line-height: 1.22;
  text-align: left;
  font-weight: 600;
}
.form-data-section .section-box.mod-btn {
  width: auto;
  text-align: right;
}
.form-data-section .section-box .section-title {
  display: inline-block;
  margin-right: 5px;
  color: #7E8FA5;
  font-size: 1.125rem;
}
.form-data-section .section-box .section-name {
  display: inline-block;
  color: #333C48;
  font-size: 1.125rem;
}
.form-data-section .section-box .section-remove {
  display: inline-block;
  line-height: 1.22;
  cursor: pointer;
}

.form-tags-input {
  display: block;
}

.form-tags-input.is-error {
  border: 1px solid #FF4743;
  border-radius: 4px;
}

.form-tags-input.is-error + .form-msg {
  display: block;
  color: #FF4743;
}

.resources-table-item .tags {
  border: 0;
}
.resources-table-item .tags .tag-list {
  display: block;
  width: 100%;
  float: none;
  margin-bottom: 10px;
}
.resources-table-item .tags .tag-list:after {
  display: table;
  content: "";
  clear: both;
}
.resources-table-item .tags .tag-list .tag-item {
  margin: 0 3px 0 0;
  padding: 4px 30px 4px 10px;
}
.resources-table-item .tags .input {
  max-width: 230px;
  width: 100% !important;
  padding: 3px 15px;
  border: 0;
  border-radius: 4px;
  box-sizing: border-box;
}

.form-table .tags-holder.mod-employee .tags,
.main-data-box .tags-holder.mod-employee .tags,
.create-service-category .tags-holder.mod-employee .tags,
.resources-table-item-input .tags-holder.mod-employee .tags,
.input-wrapper__data .tags-holder.mod-employee .tags {
  border: 0;
}
.form-table .tags-holder.mod-employee .tags .tag-list,
.main-data-box .tags-holder.mod-employee .tags .tag-list,
.create-service-category .tags-holder.mod-employee .tags .tag-list,
.resources-table-item-input .tags-holder.mod-employee .tags .tag-list,
.input-wrapper__data .tags-holder.mod-employee .tags .tag-list {
  display: block;
  width: 100%;
  float: none;
  margin-bottom: 10px;
}
.form-table .tags-holder.mod-employee .tags .tag-list:after,
.main-data-box .tags-holder.mod-employee .tags .tag-list:after,
.create-service-category .tags-holder.mod-employee .tags .tag-list:after,
.resources-table-item-input .tags-holder.mod-employee .tags .tag-list:after,
.input-wrapper__data .tags-holder.mod-employee .tags .tag-list:after {
  display: table;
  content: "";
  clear: both;
}
.form-table .tags-holder.mod-employee .tags .tag-list .tag-item,
.main-data-box .tags-holder.mod-employee .tags .tag-list .tag-item,
.create-service-category .tags-holder.mod-employee .tags .tag-list .tag-item,
.resources-table-item-input .tags-holder.mod-employee .tags .tag-list .tag-item,
.input-wrapper__data .tags-holder.mod-employee .tags .tag-list .tag-item {
  margin: 0 3px 0 0;
  padding: 4px 30px 4px 10px;
}
.form-table .tags-holder.mod-employee .tags .input,
.main-data-box .tags-holder.mod-employee .tags .input,
.create-service-category .tags-holder.mod-employee .tags .input,
.resources-table-item-input .tags-holder.mod-employee .tags .input,
.input-wrapper__data .tags-holder.mod-employee .tags .input {
  max-width: 230px;
  width: 100% !important;
  padding: 3px 15px;
  border: 1px solid #DBDFE5;
  border-radius: 4px;
  box-sizing: border-box;
}
.form-table .host,
.main-data-box .host,
.create-service-category .host,
.resources-table-item-input .host,
.input-wrapper__data .host {
  outline: none;
  position: relative;
}
.form-table .tags,
.main-data-box .tags,
.create-service-category .tags,
.resources-table-item-input .tags,
.input-wrapper__data .tags {
  display: block;
  width: 100%;
  padding: 0 2px;
  font-size: 1rem;
  color: #333C48;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #DBDFE5;
  border-radius: 4px;
  box-sizing: border-box;
  outline: none;
}
.form-table .tags:after,
.main-data-box .tags:after,
.create-service-category .tags:after,
.resources-table-item-input .tags:after,
.input-wrapper__data .tags:after {
  display: table;
  content: "";
  clear: both;
}
.form-table .tags.focused,
.main-data-box .tags.focused,
.create-service-category .tags.focused,
.resources-table-item-input .tags.focused,
.input-wrapper__data .tags.focused {
  outline: none;
}
.form-table .tags .tag-list,
.main-data-box .tags .tag-list,
.create-service-category .tags .tag-list,
.resources-table-item-input .tags .tag-list,
.input-wrapper__data .tags .tag-list {
  float: left;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.form-table .tags .tag-list .tag-item,
.main-data-box .tags .tag-list .tag-item,
.create-service-category .tags .tag-list .tag-item,
.resources-table-item-input .tags .tag-list .tag-item,
.input-wrapper__data .tags .tag-list .tag-item {
  float: left;
  position: relative;
  margin: 3px;
  padding: 6px 28px 6px 8px;
  background: #00A8FF;
  border-radius: 2px;
  font-size: 1rem;
  color: #FFFFFF;
  line-height: 1.25;
  font-weight: 600;
}
.form-table .tags .tag-list .tag-item.mod-no-btn,
.main-data-box .tags .tag-list .tag-item.mod-no-btn,
.create-service-category .tags .tag-list .tag-item.mod-no-btn,
.resources-table-item-input .tags .tag-list .tag-item.mod-no-btn,
.input-wrapper__data .tags .tag-list .tag-item.mod-no-btn {
  padding-right: 8px;
}
.form-table .tags .tag-list .tag-item span,
.main-data-box .tags .tag-list .tag-item span,
.create-service-category .tags .tag-list .tag-item span,
.resources-table-item-input .tags .tag-list .tag-item span,
.input-wrapper__data .tags .tag-list .tag-item span {
  max-width: 100px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.form-table .tags .tag-list .tag-item a,
.main-data-box .tags .tag-list .tag-item a,
.create-service-category .tags .tag-list .tag-item a,
.resources-table-item-input .tags .tag-list .tag-item a,
.input-wrapper__data .tags .tag-list .tag-item a {
  position: absolute;
  top: 50%;
  right: 9px;
  text-indent: -9999px;
  cursor: pointer;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background: url("/images/sprite.svg") -103px -289px;
}
.form-table .tags .input,
.main-data-box .tags .input,
.create-service-category .tags .input,
.resources-table-item-input .tags .input,
.input-wrapper__data .tags .input {
  float: left;
  max-width: 483px;
  padding: 9px;
  height: 38px;
  font-size: 1rem;
  color: #333C48;
  background: #FFFFFF;
  overflow: hidden;
  box-sizing: border-box;
}

.form-img-select:after {
  display: table;
  content: "";
  clear: both;
}
.form-img-select .select-item {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  margin: 0 19px 10px 0;
  background-color: #F1F4F8;
  border-radius: 2px;
}
.form-img-select .select-item:last-child {
  margin-right: 0;
}
.form-img-select .select-item .item-ico {
  position: absolute;
  top: -2px;
  left: -2px;
  content: "";
  width: 32px;
  height: 32px;
  opacity: 0;
  border: 2px solid #00A8FF;
  border-radius: 2px;
  transform: scale(0.9);
  transition: transform 0.3s ease, opacity 0.3s ease;
  box-sizing: border-box;
}
.form-img-select .select-item .item-input {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  cursor: pointer;
  opacity: 0;
}
.form-img-select .select-item .item-input:checked {
  cursor: default;
}
.form-img-select .select-item .item-input:checked + .item-ico {
  opacity: 1;
  transform: scale(1);
}

.input-holder.is-error .form-input {
  color: #FF4743;
  border-color: #FF4743;
}
.input-holder.is-error .form-textarea {
  color: #FF4743;
  border-color: #FF4743;
}
.input-holder.is-error .form-upload-file {
  color: #FF4743;
  border-color: #FF4743;
}
.input-holder.is-error .form-upload-file + .form-input-ico {
  color: #FF4743;
  border-color: #FF4743;
}
.input-holder.is-error .form-input-ico {
  color: #FF4743;
  border-color: #FF4743;
}
.input-holder.is-error .form-msg {
  display: block;
  color: #FF4743;
}

.form-msg {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 5px;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.42;
  display: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.form-msg:hover {
  z-index: 99;
  left: -5px;
  width: auto;
  padding: 0 5px;
  white-space: normal;
  background: #fff;
  border-radius: 4px;
  cursor: default;
}
.form-msg.auth-error-message:hover {
  width: 100%;
}

.form-static-msg {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 1rem;
  color: #ABB6C4;
  line-height: 1.42;
}
.form-static-msg:after {
  display: table;
  content: "";
  clear: both;
}
.form-static-msg span {
  display: block;
}

.form-static-msg.mod-sign {
  font-size: 0.875rem;
  margin-bottom: 0;
}

.form-success-msg {
  color: #00BD15;
  font-size: 0.875rem;
}
.form-success-msg:before {
  content: "";
}

.webauthn-credentials .credential {
  position: relative;
  margin-bottom: 10px;
}
.webauthn-credentials .credential .webauthn-credential-icon {
  position: absolute;
  padding: 10px 20px;
}
.webauthn-credentials .credential .webauthn-credential-icon .lock-icon {
  width: 14px;
  height: 16px;
  background: url("/images/sprite.svg") -291px -260px;
}
.webauthn-credentials .credential .credential-details {
  display: inline-block;
  margin-left: 50px;
}
.webauthn-credentials .credential .credential-details .credential-name {
  font-weight: bold;
  min-width: 300px;
}
.webauthn-credentials .credential .credential-details .credential-date {
  font-size: 12px;
  color: #7E8FA5;
}
.webauthn-credentials .credential .credential-delete {
  position: absolute;
  padding: 10px 20px;
  cursor: pointer;
}
.webauthn-credentials .credential .credential-delete .remove-icon {
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -79px -249px;
}

.webauthn-add-new {
  text-align: center;
}

.webauthn-confirmation {
  position: fixed !important;
  margin-left: 95px;
  top: 20px;
  z-index: 99;
}

.form-checkbox-title {
  float: left;
  margin: 0 15px 0 0;
  font-size: 0.875rem;
  line-height: 1.42;
  color: #7E8FA5;
}

.form-checkbox-list {
  padding: 4px 0 3px;
}
.form-checkbox-list.mod-full {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
.form-checkbox-list.mod-flex .form-checkbox {
  margin-right: 0;
  float: none;
}
.form-checkbox-list.mod-compact .form-checkbox-title {
  margin-right: 10px;
}
.form-checkbox-list.mod-compact .form-checkbox {
  margin-right: 12px;
}
.form-checkbox-list.mod-compact .form-checkbox-text {
  padding-left: 19px;
}
.form-checkbox-list .form-checkbox {
  float: left;
  margin-right: 25px;
}
.form-checkbox-list .form-checkbox:last-child {
  margin-right: 0;
}

.form-checkbox-item {
  float: left;
  width: 50%;
}

.form-checkbox {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}

.form-checkbox--align-center {
  vertical-align: middle;
}
.form-checkbox--align-center .form-checkbox-ico {
  top: 5px;
}

.form-checkbox--blue .form-checkbox-input:checked + .form-checkbox-text .form-checkbox-ico {
  background: #00A8FF;
  border-color: #00A8FF;
}

.form-checkbox-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.form-checkbox-input:checked + .form-checkbox-text .form-checkbox-ico {
  background: #00BB28;
  border-color: #00BB28;
}
.form-checkbox-input:checked + .form-checkbox-text .form-checkbox-ico:after {
  content: "";
}
.form-checkbox-input[disabled] + .form-checkbox-text {
  opacity: 0.38;
}
.form-checkbox-input[disabled].mod-text + .form-checkbox-text {
  padding-left: 0;
  opacity: 1;
}
.form-checkbox-input[disabled].mod-text + .form-checkbox-text .form-checkbox-ico {
  display: none;
}

.form-checkbox-text {
  position: relative;
  display: block;
  padding-left: 24px;
  font-size: 0.9375rem;
  color: #474F5A;
  cursor: pointer;
  line-height: 1.3333333333;
  user-select: none;
  box-sizing: border-box;
}

.form-checkbox-ico {
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  background: #FFFFFF;
  border: 2px solid #B8BAC1;
  box-sizing: border-box;
  border-radius: 2px;
  transform: translateZ(0);
}
.form-checkbox-ico .svg-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin: 0;
  fill: #FFFFFF;
  transform: translate(-50%, -50%);
}

.form-checkbox-container {
  display: flex;
  margin: 13px -10px 20px;
}

.form-checkbox-col {
  flex: 1;
  margin: 0 10px;
}

.form-checkbox-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7px 15px;
}
.form-checkbox-wrap .form-checkbox-ico {
  border-radius: 4px;
}
.form-checkbox-wrap .form-checkbox-ico .svg-ico {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.form-checkbox-item {
  width: calc(35% - 14px);
  padding: 0 7px;
}

.form-checkbox-heading {
  display: block;
  width: calc(100% - 14px);
  margin-bottom: 3px;
  padding: 0 7px;
  font-size: 1rem;
  color: #333C48;
  font-weight: 600;
}

.form-checkbox.mod-sign {
  margin-top: 10px;
}
.form-checkbox.mod-sign .form-checkbox-ico {
  top: 1px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border-width: 1px;
}
.form-checkbox.mod-sign .form-checkbox-text {
  font-size: 1rem;
  color: #373F51;
}
.form-checkbox.mod-sign .form-checkbox-link {
  padding-left: 5px;
  color: #00A6FF;
  font-size: 1rem;
}
.form-checkbox.mod-sign .form-checkbox-link:hover {
  text-decoration: underline;
}
.form-checkbox.mod-sign .form-checkbox-input:checked + .form-checkbox-text .form-checkbox-ico {
  background-color: transparent;
}
.form-checkbox.mod-sign .form-checkbox-input:checked + .form-checkbox-text .form-checkbox-ico:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  width: 11px;
  height: 7px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMCA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0OC4yICg0NzMyNykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+UGF0aCA1NDAgQ29weTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJTaWduLXVwLWFzLWNsaWVudF8wNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE5NC4wMDAwMDAsIC05NDAuMDAwMDAwKSI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2My4wMDAwMDAsIDgwNy4wMDAwMDApIiBzdHJva2U9IiMwMEJCMjgiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgtNTQwLUNvcHkiIHBvaW50cz0iMzIgMTM2LjUgMzQuNjY2NjY2NyAxNDAgNDAgMTMzIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
  transform: translateY(-50%);
}

.form-checkbox.mod-form-input {
  margin-top: 10px;
}
.form-checkbox.mod-form-input .form-checkbox-text {
  color: #7E8FA5;
  line-height: inherit;
}

.angucomplete-holder {
  position: relative;
}
.angucomplete-holder input {
  display: block;
  width: 100%;
  padding: 9px 13px;
  font-size: 1rem;
  color: #333C48;
  text-align: left;
  background: #FFFFFF;
  border: 1px solid #DBDFE5;
  border-radius: 4px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.angucomplete-holder input::-webkit-input-placeholder {
  color: #7E8FA5;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.angucomplete-holder input:-moz-placeholder {
  color: #7E8FA5;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.angucomplete-holder input::-moz-placeholder {
  color: #7E8FA5;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.angucomplete-holder input:-ms-input-placeholder {
  color: #7E8FA5;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.angucomplete-holder input:hover {
  border-color: #D2D6DC;
}
.angucomplete-holder input:hover::-webkit-input-placeholder {
  color: #333C48;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.angucomplete-holder input:hover:-moz-placeholder {
  color: #333C48;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.angucomplete-holder input:hover::-moz-placeholder {
  color: #333C48;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.angucomplete-holder input:hover:-ms-input-placeholder {
  color: #333C48;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.angucomplete-holder input:focus {
  color: #00A8FF;
  border-color: #17AFFF;
}
.angucomplete-holder input:focus + .form-input-ico {
  border-color: #17AFFF;
}

.angucomplete-dropdown {
  position: absolute;
  z-index: 90;
  margin: 5px 0 0 0;
  top: 100%;
  left: 0;
  min-width: 100%;
  max-width: 370px;
  padding: 10px 0;
  font-size: 1rem;
  line-height: 1.2;
  color: #333C48;
  background: #FFFFFF;
  border: 1px solid #DFE3E9;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  border-radius: 2px;
  box-sizing: border-box;
}

.angucomplete-row {
  padding: 7px 13px;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 2px;
}
.angucomplete-row:hover {
  color: #00A8FF;
  background: #F5F8FB;
}
.angucomplete-row:last-child {
  margin-bottom: 0;
}
.angucomplete-row em {
  font-style: normal;
  color: #00A8FF;
  font-weight: 600;
}

.angucomplete-searching {
  padding: 7px 13px;
  cursor: pointer;
  border-radius: 2px;
}

.angucomplete-title-text {
  margin-right: 5px;
}

.angucomplete-title-sign {
  font-size: 1rem;
  color: #9AA5B7;
  line-height: 1.42;
}

.autocomplete {
  position: absolute;
  z-index: 90;
  top: 100%;
  left: 0;
  margin: 5px 0 0 0;
  padding: 10px 0;
  min-width: 100%;
  max-width: 370px;
  background: #FFFFFF;
  border: 1px solid #DFE3E9;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  border-radius: 2px;
  box-sizing: border-box;
}

.suggestion-list {
  list-style-type: none;
  padding: 0 5px;
  margin: 0;
  min-width: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  max-height: 160px;
  overflow-y: auto;
  font-size: 1rem;
  line-height: 1.2;
  color: #333C48;
  box-sizing: border-box;
}
.suggestion-list::-webkit-scrollbar {
  width: 15px;
  border-radius: 3px;
}
.suggestion-list::-webkit-scrollbar-track {
  background: #E9E9E9;
  border-left: 6px solid #fff;
  border-right: 6px solid #fff;
}
.suggestion-list::-webkit-scrollbar-thumb {
  background: #727070;
  border-left: 6px solid #fff;
  border-right: 6px solid #fff;
}
.suggestion-list .suggestion-item {
  padding: 7px 5px;
  cursor: pointer;
  border-radius: 2px;
}
.suggestion-list .suggestion-item:hover {
  color: #00A8FF;
  background: #F5F8FB;
}
.suggestion-list .suggestion-item:hover .autocomplete-title {
  color: #00A8FF;
}
.suggestion-list .suggestion-item:hover .autocomplete-sign {
  color: #00A8FF;
}
.suggestion-list .suggestion-item:last-child {
  margin-bottom: 0;
}
.suggestion-list .suggestion-item em {
  font-style: normal;
  color: #00A8FF;
  font-weight: 600;
}
.suggestion-list .suggestion-item span {
  color: #7E8FA5;
}
.suggestion-list .suggestion-item span.autocomplete-title {
  margin-right: 3px;
  color: rgba(51, 60, 72, 0.9);
  font-size: 1rem;
  line-height: 1.25;
}
.suggestion-list .suggestion-item span.autocomplete-sign {
  color: rgba(126, 143, 165, 0.9);
  font-size: 1rem;
  line-height: 1.25;
}

.autocomplete-add-btn {
  color: #19C13D;
  white-space: nowrap;
  transition: color 0.15s ease-in-out;
}
.autocomplete-add-btn:hover {
  color: rgb(19.1513761468, 147.8486238532, 46.7293577982);
}
.autocomplete-add-btn::before {
  display: inline-block;
  content: "+";
  margin-right: 5px;
  color: #19C13D;
  font-size: 0.875rem;
}

.autocomplete-add-btn:hover::before {
  color: rgb(19.1513761468, 147.8486238532, 46.7293577982);
}

.form-radio-list .form-radio:last-child {
  margin-bottom: 0;
}
.form-radio-list.mod-flex {
  display: flex;
  align-items: center;
}
.form-radio-list.mod-settings {
  padding-top: 10px;
}
.form-radio-list.mod-settings .form-radio {
  margin-right: 20px;
  margin-bottom: 0;
}
.form-radio-list.mod-settings .form-radio .radio-input[checked] + .radio-label:before {
  border-color: #00A412;
}
.form-radio-list.mod-settings .form-radio .radio-input[checked] + .radio-label:after {
  content: "";
}
.form-radio-list.mod-settings .radio-label:before {
  top: 2px;
  width: 16px;
  height: 16px;
  border-width: 2px;
}
.form-radio-list.mod-settings .radio-label:after {
  top: 7px;
  left: 5px;
  width: 6px;
  height: 6px;
  background: #00A412;
}

.form-radio-item {
  float: left;
  width: 50%;
  padding-right: 15px;
  box-sizing: border-box;
}

.form-radio {
  position: relative;
  display: block;
  margin: 0 0 20px;
  padding: 0 0 0 24px;
  cursor: pointer;
}
.form-radio .radio-input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.form-radio .radio-input:checked + .radio-label {
  font-weight: 600;
}
.form-radio .radio-input:checked + .radio-label:after {
  content: "";
}
.form-radio .radio-label {
  display: block;
  margin-bottom: 5px;
  color: #333C48;
  font-size: 1rem;
  line-height: 1.25;
}
.form-radio .radio-label:before, .form-radio .radio-label:after {
  position: absolute;
}
.form-radio .radio-label:before {
  content: "";
  top: 4px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid #7E8FA5;
}
.form-radio .radio-label:after {
  top: 7px;
  left: 3px;
  width: 6px;
  height: 6px;
  background: #00A8FF;
  border-radius: 50%;
}
.form-radio .radio-sign {
  display: block;
  font-size: 0.875rem;
  color: #7E8FA5;
  line-height: 1.2;
}

.form-radio-title {
  margin-bottom: 5px;
  margin-right: 30px;
  color: #7E8FA5;
}

.form-radio.mod-green .radio-label:before {
  top: 2px;
  width: 15px;
  height: 15px;
  border-width: 2px;
  border-color: #B9BABF;
}
.form-radio.mod-green .radio-label:after {
  top: 7px;
  left: 5px;
  width: 5px;
  height: 5px;
  background: #02BB28;
}
.form-radio.mod-green .radio-input:checked + .radio-label:before {
  border-color: #02BB28;
}

.form-checkbox-wrap .form-radio-box {
  width: calc(35% - 14px);
  padding: 0 7px;
}
.form-checkbox-wrap .form-radio {
  margin-bottom: 0;
}
.form-checkbox-wrap .form-radio .radio-label {
  margin-bottom: 0;
}

.form-text-holder {
  margin-bottom: 36px;
}

.form-text {
  font-size: 1rem;
  color: #333C48;
  line-height: 1.25;
}

.form-password-complexity {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.form-password-complexity-item {
  display: block;
  width: 5px;
  height: 5px;
  margin-bottom: 3px;
  background-color: #D8D8D8;
  border-radius: 50%;
}
.form-password-complexity-item:last-child {
  margin-bottom: 0;
}

.form-success {
  padding: 30px;
}

.form-success-image-wrap {
  margin: 50px auto 30px;
  width: 47px;
  height: 47px;
}
.form-success-image-wrap .svg-ico {
  display: block;
  width: 100%;
  height: 100%;
}

.form-success-text-wrap {
  margin-bottom: 60px;
  text-align: center;
}

.form-success-title {
  display: block;
  margin-bottom: 5px;
  font-size: 1.25rem;
  color: #373F51;
}

.form-success-text {
  display: block;
  font-size: 1rem;
  color: #7E8FA5;
  line-height: 1.38;
}

.form-success-btn-wrap .form-resend-btn {
  margin: auto;
  text-align: center;
}

.switch-checkbox {
  position: relative;
  min-width: 70px;
  display: block;
}

.switch-checkbox-title {
  display: block;
  margin-bottom: 4px;
  font-size: 0.5625rem;
  user-select: none;
  color: rgba(51, 60, 72, 0.6);
  letter-spacing: 0.67px;
}

.switch-checkbox-input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.switch-checkbox-input:checked + .switch-checkbox-ico .ico-text-holder {
  transform: translateX(-17px);
  background: #00BB28;
}
.switch-checkbox-input:checked + .switch-checkbox-ico .ico-text.mod-on {
  position: relative;
  opacity: 1;
}
.switch-checkbox-input:checked + .switch-checkbox-ico .ico-text.mod-off {
  position: absolute;
  opacity: 0;
}

.switch-checkbox-tooltip {
  display: block;
  position: absolute;
  right: 2px;
  bottom: -2px;
  width: 22px;
  height: 22px;
  background: url("/images/sprite.svg") -269px 0px;
}
.switch-checkbox-tooltip:hover .tooltip-text {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}
.switch-checkbox-tooltip .tooltip-text {
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 50%;
  margin-top: 14px;
  width: 225px;
  font-size: 0.875rem;
  color: #FFFFFF;
  line-height: 17px;
  opacity: 0;
  transform: translateX(-50%) scale(0);
  transform-origin: top center;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.switch-checkbox-tooltip .tooltip-text:after {
  position: absolute;
  content: "";
  top: -5px;
  width: 10px;
  height: 10px;
  left: 50%;
  margin: 0;
  background-color: #000000;
  transform: translateX(-50%) rotate(45deg);
}
.switch-checkbox-tooltip .tooltip-text-data {
  position: relative;
  display: block;
  z-index: 2;
  background-color: #000000;
  padding: 10px 13px;
  border-radius: 2px;
  box-sizing: border-box;
}

.switch-checkbox-ico {
  position: relative;
  display: block;
  width: 41px;
  height: 17px;
  background: #F7F7F7;
  border: 2px solid #8DA1BB;
  border-radius: 2px;
  cursor: pointer;
  box-sizing: border-box;
}
.switch-checkbox-ico .ico-text-holder {
  position: absolute;
  right: -2px;
  top: -4px;
  width: 26px;
  height: 21px;
  font-size: 8px;
  color: #FFFFFF;
  letter-spacing: 0.6px;
  text-align: center;
  background: #495669;
  border-radius: 2px;
  overflow: hidden;
  white-space: nowrap;
  transition: transform 0.3s ease;
  font-weight: 600;
}
.switch-checkbox-ico .ico-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 21px;
  line-height: 21px;
  transition: opacity 0.3s ease;
}
.switch-checkbox-ico .ico-text.mod-on {
  opacity: 0;
}

.dropdown-holder .dropdown-label {
  float: left;
}
.dropdown-holder .dropdown {
  float: left;
}
.dropdown-holder .dropdown-label {
  display: inline-block;
  margin: 0 20px 7px 0;
  padding: 7px 0 0;
  font-size: 1rem;
  color: #7E8FA5;
  line-height: 1.42;
}

.dropdown {
  position: relative;
  display: inline-block;
  height: 35px;
}

.dropdown.dropdown--resources {
  display: block;
  height: 37px;
}
.dropdown.dropdown--resources .dropdown-current {
  width: 100%;
  text-align: center;
  padding: 10px 42px 9px 8px;
}
.dropdown.mod-align-left .dropdown-current {
  text-align: left;
}
.dropdown .dropdown-current {
  position: relative;
  width: 150px;
  margin: 0;
  padding: 9px 51px 8px 21px;
  color: #333C48;
  font-size: 0.875rem;
  line-height: 1.2;
  cursor: pointer;
  text-align: left;
  font-weight: 600;
  background: #FEFEFE;
  background-image: linear-gradient(-180deg, #FEFEFE 0%, #F6F6F6 100%);
  user-select: none;
  box-sizing: border-box;
  border: 1px solid #E8EBF0;
  border-radius: 4px;
  vertical-align: top;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dropdown .dropdown-current:after, .dropdown .dropdown-current:before {
  position: absolute;
  content: "";
}
.dropdown .dropdown-current:before {
  z-index: 2;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  width: 12px;
  height: 9px;
  background: url("/images/sprite.svg") -215px -289px;
}
.dropdown .dropdown-current:after {
  z-index: 1;
  top: 0;
  right: 35px;
  width: 1px;
  height: 100%;
  background: #E8EBF0;
}
.dropdown .dropdown-current:hover {
  background: #E8EBF0 linear-gradient(-180deg, #FAFAFA 0%, #F0F0F0 100%);
  border: 1px solid #E8EBF0;
}

.dropdown-search {
  display: block;
  position: relative;
  margin: 0 10px 10px;
}
.dropdown-search.mod-extended-search {
  margin: 4px 0 10px 0;
}
.dropdown-search.mod-country-codes {
  margin: 10px;
}
.dropdown-search:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  width: 19px;
  height: 20px;
  background: url("/images/sprite.svg") -60px -249px;
}

.dropdown-search-input {
  display: block;
  width: 100%;
  padding: 10px 10px 10px 35px;
  color: #333C48;
  font-size: 0.875rem;
  background: #FFFFFF;
  border: 1px solid #DCDFE5;
  border-radius: 4px;
  box-sizing: border-box;
}

.dropdown-list {
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 0;
  min-width: 100%;
  max-width: 370px;
  margin: 7px 0 0 0;
  padding: 10px 0;
  color: #333C48;
  font-size: 1rem;
  line-height: 1.2;
  list-style-type: none;
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  box-sizing: border-box;
  border: 1px solid #DFE3E9;
  border-radius: 4px;
}
.dropdown-list.mod-right {
  left: auto;
  right: 0;
}

.dropdown-list-data {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 0;
  background-color: #fff;
  list-style-type: none;
  border-radius: 4px;
}

.dropdown-list-scroll {
  margin: 0;
  padding: 0;
  max-height: 253px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.dropdown-list-scroll::-webkit-scrollbar {
  width: 4px;
  border-radius: 25px;
}
.dropdown-list-scroll::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 25px;
}
.dropdown-list-scroll::-webkit-scrollbar-thumb {
  background: #D8D8D8;
  border-radius: 25px;
}

.dropdown-list-group {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dropdown.mod-notifications .dropdown-list {
  margin-top: 10px;
  display: none;
  padding: 0;
  left: auto;
  right: -7px;
  border: 0;
}
.dropdown.mod-notifications .dropdown-list:after {
  position: absolute;
  z-index: 1;
  content: "";
  top: -5px;
  right: 20px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  transform: rotate(45deg);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
}
.dropdown.mod-notifications .dropdown-list .list-item {
  font-size: 0.875rem;
  padding: 9px 60px 9px 10px;
}
.dropdown.mod-notifications .dropdown-list-data {
  padding: 10px 0;
  background-color: #fff;
}
.dropdown.mod-small .dropdown-list .list-item {
  font-size: 0.75rem;
}

.dropdown .dropdown-list .list-item {
  position: relative;
  max-width: 100%;
  padding: 7px 10px;
  cursor: pointer;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dropdown .dropdown-list .list-item:hover {
  color: #00A8FF;
  background: #F5F8FB;
}
.dropdown .dropdown-list .list-item.is-active {
  color: #00A8FF;
  background: #F5F8FB;
}
.dropdown .dropdown-list .list-item:last-child {
  margin-bottom: 0;
}

.dropdown .dropdown-list .list-item-count {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 30px;
  min-width: 30px;
  height: 22px;
  margin-top: -11px;
  font-size: 12px;
  line-height: 21px;
  color: #7E8FA5;
  background: none;
  border: 1px solid #7E8FA5;
  text-align: center;
  border-radius: 50px;
  box-sizing: border-box;
  font-weight: bold;
}
.dropdown .dropdown-list .list-item-count.mod-red {
  color: #FFFFFF;
  background: #FF4743;
  border-color: #FF4743;
}
.dropdown .dropdown-list .list-item-count.mod-gray {
  color: #FFFFFF;
  background: #7E8FA5;
  border-color: #7E8FA5;
}
.dropdown .dropdown-list .list-item-count.mod-yellow {
  color: #FFFFFF;
  background: #F5A623;
  border-color: #F5A623;
}
.dropdown .dropdown-list .list-item-count.mod-green {
  color: #FFFFFF;
  background: #00BB28;
  border-color: #00BB28;
}

.dropdown.mod-table {
  width: 100%;
}
.dropdown.mod-table.mod-align-left {
  text-align: left;
}
.dropdown.mod-table .dropdown-current {
  width: 100%;
}
.dropdown.mod-w126 .dropdown-current {
  margin-left: 10px;
  width: 126px;
  text-align: left;
}
.dropdown.mod-w160 .dropdown-current {
  margin-left: 10px;
  width: 160px;
  text-align: left;
}
.dropdown.mod-w165 {
  height: auto;
}
.dropdown.mod-w165 .dropdown-current {
  width: 165px;
  padding: 6px 40px 4px 11px;
  text-align: left;
}
.dropdown.mod-w170 .dropdown-current {
  margin-left: 10px;
  width: 170px;
  text-align: left;
}
.dropdown.mod-w208 .dropdown-current {
  margin-left: 10px;
  width: 208px;
  text-align: left;
}
.dropdown.mod-w224 .dropdown-current {
  margin-left: 10px;
  width: 224px;
  text-align: left;
}
.dropdown.mod-w244 .dropdown-current {
  margin-left: 10px;
  width: 244px;
  text-align: left;
}
.dropdown.mod-dropdown-with-search .dropdown-list {
  width: 244px;
}
.dropdown.mod-large.mod-white {
  height: auto;
}
.dropdown.mod-large.mod-white .dropdown-current {
  padding: 12px 51px 11px 21px;
}
.dropdown.mod-large.mod-ico .dropdown-current {
  padding-left: 45px;
}
.dropdown.mod-large .dropdown-current {
  padding: 11px 51px 11px 21px;
}
.dropdown.mod-form-dropdown {
  display: block;
}
.dropdown.mod-form-dropdown .dropdown-current {
  width: 100%;
  text-align: left;
  font-weight: 400;
  padding: 11px 51px 10px 21px;
}
.dropdown.mod-form-dropdown .dropdown-list {
  margin-top: 15px;
  padding: 0;
  border-color: #00A6FF;
  overflow: hidden;
}
.dropdown.mod-form-dropdown .dropdown-list .list-item {
  padding: 11px 10px 10px;
  color: #7E8FA5;
}
.dropdown.mod-form-dropdown .dropdown-list .list-item:hover {
  color: #7E8FA5;
}
.dropdown.mod-form-dropdown .dropdown-list .list-item.mod-add {
  text-align: center;
  border-top: 1px solid #EAECEF;
}
.dropdown.mod-form-dropdown.is-active .dropdown-current {
  background-color: #fff;
  border-color: #00A6FF;
}
.dropdown.mod-form-dropdown.is-active .dropdown-current:after {
  background: #00A6FF;
}
.dropdown.mod-form-dropdown.is-active .dropdown-current:before {
  border-top-color: #00A6FF !important;
}
.dropdown.mod-form {
  display: block;
  height: auto;
}
.dropdown.mod-form .dropdown-current {
  width: 100%;
  text-align: left;
  font-size: 1rem;
  color: #333C48;
  vertical-align: top;
  padding: 12px 51px 11px 21px;
}
.dropdown.mod-white .dropdown-current {
  padding: 10px 51px 9px 13px;
  font-size: 1rem;
  background: none;
}
.dropdown.is-active .dropdown-current {
  background: #E8EBF0 linear-gradient(-180deg, #FFFFFF 0%, #F6F6F6 100%);
  border: 1px solid #E8EBF0;
}
.dropdown.is-active .dropdown-current:before {
  transform: translateY(-50%) rotate(180deg);
}
.dropdown.mod-ico .dropdown-current {
  padding-left: 45px;
}
.dropdown.mod-ico .dropdown-list .list-item {
  padding: 10px 10px 10px 45px;
}
.dropdown.mod-notifications {
  height: auto;
}
.dropdown.mod-small {
  height: auto;
  vertical-align: top;
}
.dropdown.mod-small .dropdown-current {
  width: 117px;
  font-size: 0.75rem;
  text-align: left;
  padding: 6px 40px 5px 11px;
  font-weight: 600;
}
.dropdown.mod-small .dropdown-current:after {
  right: 28px;
}
.dropdown.mod-small .dropdown-current:before {
  right: 9px;
}
.dropdown.mod-float-left {
  float: left;
}
.dropdown.mod-align-left .dropdown-current {
  padding: 9px 51px 8px 12px;
  text-align: left;
}
.dropdown.mod-person-profile-summary {
  position: relative;
  width: 100%;
}
.dropdown.mod-person-profile-summary .dropdown-list .list-item {
  float: none;
  width: auto;
  box-sizing: content-box;
}
.dropdown.mod-multiselect .list-item {
  padding-left: 36px;
  color: #7E8FA5;
  line-height: normal;
}
.dropdown.mod-multiselect .list-item.is-chosen {
  color: #333C48;
}
.dropdown.mod-multiselect .list-item.is-chosen .subscription-downgrade-checkbox-ico {
  border: 1px solid #00bb28;
}
.dropdown.mod-multiselect .list-item.is-chosen .subscription-downgrade-checkbox-ico .svg-ico {
  display: block;
  fill: #00bb28;
}
.dropdown.mod-multiselect .subscription-downgrade-checkbox {
  left: 10px;
}
.dropdown .dropdown.mod-form-dropdown .dropdown-list {
  margin-top: 5px;
  padding-bottom: 5px;
}
.dropdown .dropdown.mod-form-dropdown .dropdown-list .list-item:hover {
  color: #00A8FF;
}
.dropdown .dropdown.mod-form-dropdown .dropdown-list .btn {
  width: 100%;
  padding: 0 15px;
  text-align: left;
  font-size: 1rem;
}

.dropdown-notification-current {
  display: inline-block;
  min-width: 34px;
  height: 22px;
  padding: 0 2px;
  font-size: 0.75rem;
  color: #7E8FA5;
  line-height: 22px;
  text-align: center;
  background: none;
  box-sizing: border-box;
  border: 1px solid #7E8FA5;
  border-radius: 50px;
  font-weight: bold;
}
.dropdown-notification-current.mod-red {
  color: #FFFFFF;
  background: #FF4743;
  border-color: #FF4743;
}
.dropdown-notification-current.mod-gray {
  color: #FFFFFF;
  background: #7E8FA5;
  border-color: #7E8FA5;
}
.dropdown-notification-current.mod-yellow {
  color: #FFFFFF;
  background: #F5A623;
  border-color: #F5A623;
}
.dropdown-notification-current.mod-green {
  color: #FFFFFF;
  background: #00BB28;
  border-color: #00BB28;
}

.input-dropdown-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 55px;
  height: 44px;
  cursor: pointer;
}
.input-dropdown-btn:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 40px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #7E8FA5;
  border-radius: 5px;
  transform: translateY(-50%);
}
.input-dropdown-btn.is-active:after {
  border-top-color: #00A6FF;
}
.input-dropdown-btn.is-active .input-dropdown-wrap {
  display: block;
}

.input-dropdown-icon {
  position: absolute;
  top: 50%;
  left: 10px;
  display: inline-block;
  width: 20px;
  height: 14px;
  transform: translateY(-50%);
}
.input-dropdown-icon img {
  width: 100%;
  height: auto;
}

.input-dropdown-wrap {
  position: absolute;
  top: 55px;
  left: 0;
  z-index: 100;
  display: none;
  width: 100%;
  border: 1px solid #00A6FF;
  border-radius: 4px;
  background-color: #fff;
}

.input-dropdown-list {
  max-height: 240px;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.input-dropdown-list::-webkit-scrollbar {
  width: 4px;
  border-radius: 25px;
}
.input-dropdown-list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 25px;
}
.input-dropdown-list::-webkit-scrollbar-thumb {
  background: #D8D8D8;
  border-radius: 25px;
}

.input-dropdown-item {
  position: relative;
  padding: 14px 17px 12px 0;
}
.input-dropdown-item:hover {
  background-color: #f5f6f8;
  cursor: pointer;
}
.input-dropdown-item.is-active {
  background-color: #f5f6f8;
}

.input-dropdown-item-text {
  display: inline-block;
  padding-left: 45px;
  color: #373F51;
}
.input-dropdown-item-text.mod-btn {
  top: 25%;
  position: absolute;
}
.input-dropdown-item-text .is-highlighted {
  background: #e4f6ff;
}

.form-select {
  position: relative;
}
.form-select.is-active .select-input {
  border-color: #17AFFF;
}
.form-select.is-active .select-input:before {
  transform: translateY(-50%) rotate(180deg);
}
.form-select.is-active .select-dd {
  display: block;
}
.form-select .select-input {
  position: relative;
  width: 150px;
  height: 40px;
  margin: 0;
  padding: 10px 51px 9px 21px;
  font-size: 1rem;
  line-height: 1.2;
  color: #333C48;
  cursor: pointer;
  text-align: left;
  background: #FFFFFF;
  user-select: none;
  box-sizing: border-box;
  border: 1px solid #E8EBF0;
  border-radius: 4px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.form-select .select-input:after, .form-select .select-input:before {
  position: absolute;
  content: "";
}
.form-select .select-input:before {
  z-index: 2;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  width: 12px;
  height: 9px;
  background: url("/images/sprite.svg") -215px -289px;
}
.form-select .select-input:after {
  top: 0;
  right: 0;
  width: 39px;
  height: 100%;
  border-left: 1px solid #E8EBF0;
  background: #FFFFFF;
  background-image: linear-gradient(-180deg, #FFFFFF 0%, #F6F6F6 100%);
}
.form-select .select-input.mod-full {
  width: 100%;
}
.form-select .select-input.mod-full .select-dd {
  width: 100%;
  max-width: 100%;
}
.form-select .select-dd {
  display: none;
}

.form-select .select-dd {
  position: absolute;
  min-width: 200px;
  z-index: 99;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 7px 0 20px;
  padding: 10px 5px;
  background: #FFFFFF;
  border: 1px solid #DFE3E9;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  box-sizing: border-box;
  border-radius: 2px;
}
.form-select .select-dd-list {
  max-height: 134px;
  margin: 0;
  padding: 0 6px 0 0;
  list-style: none;
  overflow-y: auto;
  border-radius: 2px;
}
.form-select .select-dd-list::-webkit-scrollbar {
  width: 3px;
}
.form-select .select-dd-list::-webkit-scrollbar-track {
  background: #D8D8D8;
  border-radius: 3px;
}
.form-select .select-dd-list::-webkit-scrollbar-thumb {
  background: #919191;
  border-radius: 3px;
}
.form-select .select-dd-item {
  position: relative;
  padding: 7px 5px;
  color: #333C48;
  font-size: 1rem;
  line-height: 1.2;
  cursor: pointer;
}
.form-select .select-dd-item:after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
  width: 17px;
  height: 14px;
  background: url("/images/sprite.svg") -291px -181px;
}
.form-select .select-dd-item:hover {
  color: #00A8FF;
  background-color: #F5F8FB;
  border-radius: 4px;
}
.form-select .select-dd-item.is-chosen:after {
  content: "";
}

.info-dd-box {
  position: relative;
  display: inline-block;
  margin-bottom: 13px;
}
.info-dd-box.mod-no-margin {
  margin-bottom: 0;
}
.info-dd-box.mod-no-margin p {
  margin: 0;
}
.info-dd-box.mod-mr-10 {
  margin-right: 10px;
}
.info-dd-box .info-dd-text {
  position: relative;
  display: inline-block;
  padding-right: 17px;
  margin: 0;
  font-size: 0.875rem;
  color: #7E8FA5;
  line-height: 1.2;
}
.info-dd-box .info-dd-text:hover:after {
  width: 16px;
  height: 16px;
  background: url("/images/sprite.svg") 0px -289px;
}
.info-dd-box .info-dd-text:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("/images/sprite.svg") -274px -249px;
}
.info-dd-box .info-dd-text span {
  color: #333C48;
  line-height: 1.2;
  font-weight: 600;
}

.info-dd-box:hover .info-dd {
  backface-visibility: visible;
  transform: scale(1);
  opacity: 1;
}
.info-dd-box .info-dd {
  position: absolute;
  bottom: 100%;
  margin-bottom: 10px;
  left: 100%;
  width: 180px;
  margin-left: -97px;
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.48);
  border-radius: 4px;
  transform-origin: bottom center;
  transform: scale(0);
  opacity: 0;
  backface-visibility: hidden;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.info-dd-box .info-dd.mod-img {
  width: 250px;
  margin-left: -132px;
}
.info-dd-box .info-dd.mod-img .data-item {
  padding: 10px 10px 10px 45px;
}
.info-dd-box .info-dd:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
  width: 18px;
  height: 18px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.48);
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
}
.info-dd-box .info-dd .dd-data {
  position: relative;
  padding: 15px 20px 7px;
  z-index: 2;
  background-color: #fff;
  border-radius: 4px;
}
.info-dd-box .info-dd .dd-data .data-item {
  position: relative;
  display: block;
  margin: 0 0 11px;
  font-size: 1rem;
  color: #333C48;
  line-height: 1.42;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.info-dd-box .info-dd .dd-data .data-item .item-img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: auto;
  margin-top: -15px;
}
.info-dd-box .info-dd .dd-data .data-item .item-text {
  color: #333C48;
}

.form-upload-file-holder {
  overflow: hidden;
}

.form-upload-file {
  display: flex;
  position: relative;
  padding: 15px;
  width: 100%;
  height: 110px;
  background: rgba(0, 167, 255, 0.02);
  border: 1px dashed #D0D0D0;
  border-radius: 4px;
  box-sizing: border-box;
  transition: border 0.3s ease;
}
.form-upload-file:hover {
  border: 1px dashed #00A8FF;
}
.form-upload-file .file-data {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  vertical-align: middle;
}
.form-upload-file .file-text {
  display: block;
  margin-bottom: 5px;
  text-align: center;
  font-size: 0.875rem;
  color: #7E8FA5;
  line-height: 1.25;
  font-weight: 600;
}
.form-upload-file .file-text-expansion {
  display: block;
  text-align: center;
  color: #7E8FA5;
  font-size: 0.8125rem;
}
.form-upload-file .file-link {
  position: relative;
  z-index: 2;
  color: #00A8FF;
  line-height: 1.25;
  cursor: pointer;
  border-bottom: 1px solid #00A8FF;
  font-weight: 600;
}
.form-upload-file .file-link:hover {
  border-bottom: 1px solid transparent;
}
.form-upload-file .file-link.mod-new-line {
  display: inline-block;
  text-align: left;
}
.form-upload-file .file-input {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  font-size: 500px;
  opacity: 0;
}
.form-upload-file .file-input.hidden {
  width: 0em;
  height: 0em;
}

.form-upload-file.mod-icon {
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.form-upload-file.mod-icon .file-text {
  margin-top: 2px;
  margin-bottom: 0;
  line-height: 30px;
  color: #00A8FF;
  font-size: 18px;
}
.form-upload-file.mod-icon .main-data-form.input-holder.is-accepted:after {
  content: none;
}

.form-upload-file-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.form-upload-file-list .is-download-link {
  cursor: pointer;
  display: inline-block;
}
.form-upload-file-list .file-list-item {
  position: relative;
  display: block;
}
.form-upload-file-list .file-list-item:not(:last-child) {
  margin-bottom: 8px;
}
.form-upload-file-list .file-list-item.mod-extended {
  padding: 3px 14px;
  margin: 2px;
  background: #FBFBFB;
  border: 1px solid #DBDFE5;
  border-radius: 4px;
  display: inline-block;
}
.form-upload-file-list .file-list-item.mod-extended .file-list-item-data {
  width: 100%;
}
.form-upload-file-list .file-list-item.mod-extended .svg-ico {
  display: inline-block;
  width: 10px;
  height: 10px;
  fill: #979797;
  padding-left: 5px;
  cursor: pointer;
}
.form-upload-file-list .file-list-item.mod-extended .svg-ico.attachment {
  position: relative;
  left: 50%;
  margin-top: 0;
  margin-left: -33px;
  height: 75px;
  width: 75px;
}
.form-upload-file-list .file-list-item-description {
  position: relative;
  display: block;
  padding-left: 20px;
  margin-bottom: 10px;
}
.form-upload-file-list .file-list-item-description .svg-ico {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 15px;
  height: 15px;
  fill: #979797;
}
.form-upload-file-list .file-list-item-link {
  margin-right: 5px;
  color: #00A8FF;
  font-size: 0.875rem;
  cursor: pointer;
}
.form-upload-file-list .file-list-item-link.is-gray {
  color: #333C48;
  cursor: default;
}
.form-upload-file-list .file-list-item-sign {
  color: #7E8FA5;
  font-size: 0.875rem;
}
.form-upload-file-list .file-list-item-data {
  display: inline-block;
}
.form-upload-file-list .file-list-item-text {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.42;
  color: #333C48;
  word-break: break-all;
}
.form-upload-file-list .file-list-item-ico {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 2px;
  vertical-align: middle;
}
.form-upload-file-list .file-list-item-btn {
  position: absolute;
  right: 0;
  bottom: 2px;
  margin-top: -6px;
  overflow: hidden;
  text-indent: -9999px;
  cursor: pointer;
  transition: opacity 0.3s ease;
  width: 15px;
  height: 15px;
  background: url("/images/sprite.svg") -145px -289px;
}
.form-upload-file-list .file-list-item-btn:hover {
  opacity: 0.8;
}
.form-upload-file-list .file-list-item-progress-bar {
  position: absolute;
  top: 50%;
  right: 38px;
  width: 80px;
  height: 4px;
  margin-top: -2px;
  background: rgba(0, 168, 255, 0.2);
}
.form-upload-file-list .file-list-item-progress-bar-val {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #00A8FF;
}

.file-list-item-progress-bar .progress-bar {
  position: relative;
  margin-bottom: 4px;
  width: 100%;
  height: 8px;
  background-color: #DCE3EB;
  overflow: hidden;
  border-radius: 100px;
}
.file-list-item-progress-bar .progress-bar-val {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #00A8FF;
}
.file-list-item-progress-bar .progress-bar-text {
  margin: 0;
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 1.2;
}
.file-list-item-progress-bar .progress-bar-text.mod-red {
  color: #FF4743;
}

.form-upload-photo {
  position: relative;
  width: 100%;
  height: 125px;
  display: block;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  background-color: #606D80;
}
.form-upload-photo.is-upload:after {
  opacity: 1;
  transform: scale(1);
}
.form-upload-photo.is-upload .photo-text {
  opacity: 1;
  transform: scale(1);
}
.form-upload-photo.is-upload .photo-progress-bar {
  opacity: 1;
  transform: scale(1);
}
.form-upload-photo.is-upload .photo-text {
  transform: translateY(-50%) scale(1);
}
.form-upload-photo:hover:after {
  opacity: 1;
  transform: scale(1);
}
.form-upload-photo:hover .photo-text {
  opacity: 1;
  transform: scale(1);
}
.form-upload-photo:hover .photo-text {
  transform: translateY(-50%) scale(1);
}
.form-upload-photo.mod-no-hover {
  cursor: default;
}
.form-upload-photo.mod-no-hover:after, .form-upload-photo.mod-no-hover:before {
  display: none;
  opacity: 0;
}
.form-upload-photo:after {
  position: absolute;
  content: "";
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(0);
  background: #00A8FF;
  background: rgba(0, 168, 255, 0.9);
  border-radius: 4px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.form-upload-photo:before {
  position: absolute;
  z-index: 1;
  content: "Company Logo";
  top: 50%;
  left: 50%;
  width: 80%;
  font-size: 1rem;
  line-height: 1.25;
  color: #3D4756;
  text-align: center;
  transform: translateX(-50%) translateY(-50%);
  font-weight: 600;
}
.form-upload-photo.mod-circle {
  top: 20px;
  border-radius: 50%;
  width: 125px;
}
.form-upload-photo.mod-circle:before {
  content: "";
  top: auto;
  bottom: 8px;
  transform: translateX(-50%);
  width: 68px;
  height: 95px;
  background: url("/images/sprite.svg") 0px -63px;
}
.form-upload-photo.mod-circle:after {
  border-radius: 50%;
}
.form-upload-photo.mod-circle .photo-img {
  border-radius: 50%;
}

.form-upload-photo .photo-img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.form-upload-photo .photo-input {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
  font-size: 500em;
  width: 100%;
  height: 100%;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transform: translate3d(0, 0, 0);
}

.form-upload-photo .photo-text {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 20px;
  opacity: 0;
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.25;
  text-align: center;
  box-sizing: border-box;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  font-weight: 600;
}
.form-upload-photo .photo-text .photo-text-val {
  margin: 0 0 3px;
}
.form-upload-photo .photo-text .photo-text-val.mod-opacity {
  font-size: 0.875rem;
  line-height: 1.2;
  opacity: 0.6;
}
.form-upload-photo .photo-text .photo-text-btn {
  position: relative;
  display: block;
  width: 100%;
  font-size: inherit;
  transform: translate3d(0, 0, 1px);
  text-align: center;
}

.form-upload-photo .photo-progress-bar {
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6px;
  background: #C5D0DF;
  border-radius: 0 0 0 4px;
  transform: translateY(-6px);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.form-input {
  display: block;
  width: 100%;
  padding: 11px 13px;
  font-size: 1rem;
  color: #333C48;
  text-align: left;
  background: #FFFFFF;
  border: 1px solid #DBDFE5;
  border-radius: 4px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
.form-input::-webkit-input-placeholder {
  color: #7E8FA5;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.form-input:-moz-placeholder {
  color: #7E8FA5;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.form-input::-moz-placeholder {
  color: #7E8FA5;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.form-input:-ms-input-placeholder {
  color: #7E8FA5;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.form-input:hover {
  border-color: #D2D6DC;
}
.form-input:hover::-webkit-input-placeholder {
  color: #333C48;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.form-input:hover:-moz-placeholder {
  color: #333C48;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.form-input:hover::-moz-placeholder {
  color: #333C48;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.form-input:hover:-ms-input-placeholder {
  color: #333C48;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.form-input:focus {
  color: #373F51;
  border-color: #17AFFF;
}
.form-input:focus + .form-input-ico {
  border-color: #17AFFF;
}
.form-input.mod-timeline {
  margin-bottom: 8px;
  font-weight: 600;
}
.form-input.mod-dropdown {
  padding-left: 65px;
}
.form-input.mod-request-code {
  font-size: 2rem;
  color: #373F51;
  padding: 2px 5px;
  text-align: center;
}
.form-input.mod-plans {
  display: inline-block;
  width: 164px;
  height: 44px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.875rem;
  color: #373f51;
  border-color: #17AFFF;
  text-align: center;
}

.form-input-head {
  display: flex;
  justify-content: space-between;
}

.form-input-content {
  display: flex;
  width: 100%;
  align-items: center;
}
.form-input-content.mod-date-toggle {
  padding-top: 12px;
  padding-bottom: 12px;
}
.form-input-content .input-holder {
  width: 100%;
}

.main-data-form .form-input-holder {
  position: relative;
  display: block;
  margin-bottom: 19px;
}
.main-data-form .form-input-holder:after {
  display: table;
  content: "";
  clear: both;
}
.main-data-form .form-input-holder.mod-no-margin {
  margin-bottom: 0;
}
.main-data-form .form-input-holder.mod-table {
  margin-bottom: 10px;
}
.main-data-form .form-input-holder.mod-table .form-input {
  padding: 7px 13px 6px;
}
.main-data-form .form-input-holder.mod-vertical {
  position: relative;
  display: table;
}
.main-data-form .form-input-holder.mod-vertical .form-label {
  display: table-cell;
  padding-right: 20px;
}
.main-data-form .form-input-holder.mod-vertical .input-holder {
  display: table-cell;
}
.main-data-form .form-input-holder.mod-no-label {
  padding-top: 28px;
}
.main-data-form .form-input-holder.mod-flex {
  display: flex;
}
.main-data-form .form-input-holder.mod-align-bottom {
  align-items: flex-end;
}
.main-data-form .form-input-holder.mod-negative-indent {
  margin: 0 -10px;
}
.main-data-form .form-input-holder.mod-negative-indent .form-input-list-item {
  padding: 0 10px;
  width: 50%;
}
.main-data-form .form-input-holder.mod-mb-26 {
  margin-bottom: 26px;
}
.main-data-form .input-holder {
  display: block;
  position: relative;
}
.main-data-form .input-holder:after {
  display: table;
  content: "";
  clear: both;
}
.main-data-form .input-holder.is-accepted.mod-date:after {
  display: none;
}
.main-data-form .input-holder.is-accepted.mod-date .form-input {
  padding-right: 13px;
}
.main-data-form .input-holder.is-accepted.mod-small:after {
  display: none;
}
.main-data-form .input-holder.is-accepted.mod-small .form-input {
  padding: 9px 5px;
}
.main-data-form .input-holder.is-accepted:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 13px;
  margin-top: -5px;
  width: 17px;
  height: 14px;
  background: url("/images/sprite.svg") -291px -181px;
}
.main-data-form .input-holder.is-accepted .form-input {
  padding-right: 50px;
}
.main-data-form .input-holder.mod-align-center .form-input {
  text-align: center;
}
.main-data-form .input-holder.mod-no-ico.is-accepted:after {
  display: none;
}
.main-data-form .input-holder.mod-no-ico.is-accepted .form-input {
  padding-right: 13px;
}
.main-data-form .form-upload-file-holder.is-accepted:after {
  display: none;
}

.input-holder-list {
  display: flex;
  margin: 0 -10px;
}

.input-holder-list-item {
  padding: 0 10px;
}
.input-holder-list-item.mod-w80p {
  width: 80px;
}
.input-holder-list-item.mod-grow {
  flex-grow: 1;
}

.input-holder {
  display: block;
  position: relative;
}
.input-holder.mod-white .dropdown .dropdown-current {
  background-image: none;
  padding: 13px 51px 13px 15px;
  color: #AFB2B9;
  font-size: 1rem;
}
.input-holder.mod-white .dropdown .dropdown-current:after {
  right: 43px;
}
.input-holder.mod-white .dropdown .dropdown-current:before {
  right: 17px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #7E8FA5;
  border-radius: 5px;
}
.input-holder.mod-white .dropdown .dropdown-current:hover {
  background: #fff;
}
.input-holder.mod-white.is-active {
  background: #fff;
}
.input-holder.mod-white.is-active .dropdown-list {
  margin: 15px 0 0 0;
}
.input-holder.mod-inline {
  display: inline-block;
}
.input-holder.is-error .form-password-complexity-item.mod-first {
  background-color: #FF4743;
}
.input-holder.is-complexity-low .form-msg {
  color: #B2BCC9;
}
.input-holder.is-complexity-low .form-password-complexity-item.mod-first {
  background-color: #00BB28;
}
.input-holder.is-complexity-middle .form-password-complexity-item.mod-first,
.input-holder.is-complexity-middle .form-password-complexity-item.mod-second {
  background-color: #00BB28;
}
.input-holder.is-complexity-good .form-password-complexity-item.mod-first,
.input-holder.is-complexity-good .form-password-complexity-item.mod-second,
.input-holder.is-complexity-good .form-password-complexity-item.mod-third {
  background-color: #00BB28;
}
.input-holder.is-complexity-strong .form-msg {
  color: #B2BCC9;
}
.input-holder.is-complexity-strong .form-password-complexity-item.mod-first,
.input-holder.is-complexity-strong .form-password-complexity-item.mod-second,
.input-holder.is-complexity-strong .form-password-complexity-item.mod-third,
.input-holder.is-complexity-strong .form-password-complexity-item.mod-fourth {
  background-color: #00BB28;
}

.person-profile-summary .input-holder.is-error .form-msg {
  background: #fff;
  z-index: 2;
}

.input-holder.mod-request-code.mod-center-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.input-holder.mod-request-code.is-error {
  margin-bottom: 24px;
}

.input-holder-request-code {
  display: inline-block;
  width: 44px;
  padding-right: 8px;
}
.input-holder-request-code:last-child {
  padding-right: 0;
}

.form-input-sep {
  float: left;
  margin: 0 10px;
  font-size: 1rem;
  color: #7E8FA5;
  line-height: 40px;
}
.form-input-sep.mod-small-height {
  line-height: 35px;
}

.main-data-form .input-holder.mod-small-height .form-input, .main-data-form .input-holder.is-accepted.mod-small-height .form-input {
  padding-top: 7px;
  padding-bottom: 6px;
}
.main-data-form .input-holder.mod-small-height .form-msg, .main-data-form .input-holder.is-accepted.mod-small-height .form-msg {
  margin-top: 1px;
  font-size: 0.75rem;
}
.main-data-form .input-holder.mod-small {
  float: left;
  width: 46px;
}
.main-data-form .input-holder.mod-small .form-input {
  text-align: center;
}
.main-data-form .input-holder.mod-currency {
  width: 125px;
}
.main-data-form .input-holder.mod-currency .form-input {
  padding-left: 45px;
}
.main-data-form .input-holder.mod-currency-ico {
  width: auto;
}
.main-data-form .input-holder.mod-currency-ico .form-input {
  padding-left: 45px;
}
.main-data-form .input-holder.mod-ico .form-input {
  padding-left: 45px;
}
.main-data-form .input-holder.mod-ico .form-input-ico:after {
  content: "";
}
.main-data-form .input-holder.mod-date .form-input {
  padding-left: 45px;
}
.main-data-form .input-holder.mod-date .form-input-ico:after {
  content: "";
  width: 22px;
  height: 22px;
  background: url("/images/sprite.svg") -165px -221px;
}
.main-data-form .input-holder.mod-date.mod-left .datepicker-holder {
  left: 0;
  right: auto;
}
.main-data-form .input-holder.mod-date.mod-left .datepicker-holder:after {
  left: 21px;
  right: auto;
}

.form-input-description {
  display: inline-block;
  color: #333C48;
  font-size: 1rem;
  vertical-align: middle;
}
.form-input-description.mod-mt-5 {
  margin-top: 5px;
}

.form-input-ico {
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 100%;
  background-color: #FBFBFB;
  border-radius: 4px 0 0 4px;
  border: 1px solid #DBDFE5;
  box-sizing: border-box;
}
.form-input-ico:after {
  position: absolute;
  content: "£";
  top: 50%;
  left: 50%;
  font-size: 1rem;
  color: #7E8FA5;
  transform: translateY(-50%) translateX(-50%);
}
.form-input-ico .svg-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 15px;
  max-height: 15px;
  transform: translateY(-50%) translateX(-50%);
}

.svg-ico-date-clock {
  position: absolute;
  top: 50%;
  left: 6px;
  width: 14px;
  height: 16px;
  transform: translateY(-50%);
}

.form-input-holder.mod-number-input {
  display: table;
}
.form-input-holder.mod-number-input .form-label {
  display: table-cell;
  max-width: 145px;
  padding-right: 20px;
  box-sizing: border-box;
}
.form-input-holder.mod-number-input .input-holder {
  display: table-cell;
  width: 70px;
  user-select: none;
}
.form-input-holder.mod-number-input .input-holder.is-accepted:after {
  display: none;
}
.form-input-holder.mod-number-input .input-holder .form-input {
  display: inline-block;
  padding-left: 0;
  padding-right: 35px;
  text-align: center;
}
.form-input-holder.mod-number-input .form-input-btn {
  position: absolute;
  right: 1px;
  width: 35px;
  height: 50%;
  background: #E8EBF0;
  background-image: linear-gradient(-180deg, #FFFFFF 0%, #F6F6F6 100%);
  border: 1px solid #E8EBF0;
  border-right: 0;
  box-sizing: border-box;
  cursor: pointer;
}
.form-input-holder.mod-number-input .form-input-btn:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.form-input-holder.mod-number-input .form-input-btn.mod-prev {
  top: 1px;
  border-top: 0;
  border-radius: 0 4px 0 0;
}
.form-input-holder.mod-number-input .form-input-btn.mod-prev:after {
  width: 11px;
  height: 9px;
  background: url("/images/sprite.svg") -309px -55px;
}
.form-input-holder.mod-number-input .form-input-btn.mod-next {
  bottom: 1px;
  border-bottom: 0;
  border-radius: 0 0 4px;
}
.form-input-holder.mod-number-input .form-input-btn.mod-next:after {
  width: 11px;
  height: 9px;
  background: url("/images/sprite.svg") -309px -38px;
}

.form-input-msg {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 39px;
  padding-left: 30px;
  color: #333C48;
  font-size: 0.8125rem;
  line-height: 1.2857142857;
}
.form-input-msg b {
  display: block;
  font-size: 0.875rem;
  font-weight: normal;
  font-weight: bold;
}
.form-input-msg .svg-ico {
  position: absolute;
  top: 50%;
  left: 0;
  width: 19px;
  height: 19px;
  margin-top: -9px;
  fill: #F8E71C;
}

.form-input-clear {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  cursor: pointer;
  vertical-align: middle;
}
.form-input-clear:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: url("/images/sprite.svg") -36px -305px;
}

.input-holder.mod-phone {
  display: flex;
}
.input-holder.mod-phone .input-dropdown-btn {
  position: static;
  order: 1;
  padding-right: 5px;
  border: 1px solid #DBDFE5;
  border-right: none;
  border-radius: 4px 0 0 4px;
}
.input-holder.mod-phone .form-input {
  order: 2;
  padding-left: 6px;
  border-left: none;
  border-radius: 0 4px 4px 0;
}
.input-holder.mod-phone .input-dropdown-icon {
  display: flex;
  align-items: center;
}
.input-holder.mod-phone .input-dropdown-wrap {
  margin-bottom: 30px;
}
.input-holder.mod-phone .form-input:focus + .input-dropdown-btn {
  border-color: #17AFFF;
}
.input-holder.mod-phone.is-error .input-dropdown-btn {
  border-color: #FF4743;
}
.input-holder.mod-phone.is-error .form-input:focus + .input-dropdown-btn {
  border-color: #FF4743;
}
.input-holder.mod-phone .form-msg .mod-info {
  color: #B2BCC9;
}

.form-error-msg {
  color: #FF4743;
  font-size: 14px;
  line-height: 16px;
}

.input-holder.mod-hint .form-input {
  padding-right: 44px;
}
.input-holder.mod-hint .input-hint {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 100%;
}
.input-holder.mod-hint .input-hint .svg-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%) translateX(-50%);
}
.input-holder.mod-hint .input-hint-tooltip {
  display: none;
  position: absolute;
  right: 1px;
  top: calc(100% - 5px);
  width: 240px;
  box-sizing: border-box;
  box-shadow: 0 2px 6px rgba(161, 161, 161, 0.5);
  background-color: #ffffff;
  z-index: 100;
}
.input-holder.mod-hint .input-hint-tooltip-text-wrapper {
  z-index: 2;
  position: relative;
  padding: 12px;
  background-color: #ffffff;
}
.input-holder.mod-hint .input-hint-tooltip-text {
  margin: 0;
  color: #373f51;
  font-size: 0.875rem;
  line-height: 18px;
}
.input-holder.mod-hint .input-hint.is-active .input-hint-tooltip {
  display: block;
}
.input-holder.mod-hint .input-hint.is-active .input-hint-tooltip:after {
  position: absolute;
  content: "";
  top: -3px;
  right: 14px;
  z-index: 1;
  width: 14px;
  height: 14px;
  background: #fff;
  transform: rotate(45deg);
  box-shadow: 1px 1px 4px rgba(161, 161, 161, 0.5);
}

.form-input-content.mod-date-toggle-version {
  width: 123px;
  margin-right: 10px;
}
.form-input-content.mod-date-toggle-version .input-holder.mod-date .form-input {
  padding: 3px 12px 3px 26px;
  font-size: 15px;
  color: #00A6FF;
  background: #F1FBFF;
  border: 1px solid #00A6FF;
}

.date-toggle-wrapper {
  position: relative;
  display: flex;
}

.date-toggle-wrapper-text {
  font-size: 0.9375rem;
  color: #00A6FF;
}
.date-toggle-wrapper-text.mod-ico {
  padding-left: 22px;
}
.date-toggle-wrapper-text.mod-ico .svg-ico {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  fill: #00A6FF;
  transform: translateY(-50%);
}
.date-toggle-wrapper-text.mod-link {
  cursor: pointer;
}

.popup {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 825px;
  text-align: left;
}
.popup.mod-w1300 {
  max-width: 1300px;
}
.popup.mod-w1100 {
  max-width: 1100px;
  min-width: 1100px;
}
.popup.mod-w970 {
  max-width: 970px;
}
.popup.mod-w880 {
  max-width: 880px;
}
.popup.mod-w824 {
  max-width: 824px;
}
.popup.mod-w700 {
  max-width: 700px;
}
.popup.mod-w751 {
  max-width: 751px;
}
.popup.mod-w560 {
  max-width: 560px;
}
.popup.mod-w432 {
  max-width: 432px;
}
.popup.mod-w390 {
  max-width: 390px;
}
.popup.mod-w360 {
  max-width: 360px;
}
.popup.mod-w350 {
  max-width: 350px;
}
.popup.mod-w320 {
  max-width: 320px;
}

.popup-textarea-wrap {
  padding: 20px 30px 30px;
}

.popup-label {
  display: block;
  margin-bottom: 5px;
  font-size: 1rem;
  color: #7E8FA5;
}

.popup-overlay {
  z-index: 999;
  position: fixed;
  display: flex;
  order: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  overflow-y: scroll;
  background: #333C48;
  background: rgba(51, 60, 72, 0.66);
  box-sizing: border-box;
}
.popup-overlay.mod-confirmation {
  z-index: 999 !important;
}

.popup-wrapper {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}

.popup-content {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

.popup-data {
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.28);
  border-radius: 4px;
}

.popup-close {
  position: absolute;
  top: 27px;
  right: 30px;
  cursor: pointer;
  width: 15px;
  height: 15px;
  background: url("/images/sprite.svg") -130px -289px;
}
.popup-close:hover {
  opacity: 0.8;
}
.popup-close.mod-subscription-billing {
  top: 12px;
  right: 11px;
}

.popup-close-svg {
  position: absolute;
  top: 11px;
  right: 10px;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.popup-close-svg:hover {
  opacity: 0.8;
}
.popup-close-svg .svg-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 11px;
  fill: #7D8FA6;
  transform: translateY(-50%) translateX(-50%);
}

.popup-msg-holder {
  display: table;
  padding: 30px;
  width: 100%;
  height: 408px;
  box-sizing: border-box;
}

.popup-msg-data {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

.popup-msg-img {
  margin-bottom: 20px;
}

.popup-msg-title {
  margin: 0 0 10px;
  font-size: 1.375rem;
  color: #333C48;
  line-height: 1.2272727273;
}

.popup-msg-text {
  margin: 0 0 20px;
  font-size: 1rem;
  color: #333C48;
  line-height: 1.375;
}

.popup-additional-info-msg {
  position: absolute;
  margin-top: 20px;
  left: 0;
  top: 100%;
  font-size: 0.875rem;
  color: #ffffff;
}

.popup-list {
  list-style: none;
  padding: 0;
}

.popup-list-item {
  position: relative;
  padding-left: 30px;
  margin-bottom: 25px;
}
.popup-list-item:last-child {
  margin-bottom: 0;
}
.popup-list-item.is-accepted:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 24px;
  width: 24px;
  background-image: url("/images/ico-inline/accepted-circle.svg");
}
.popup-list-item.is-error:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  display: inline-block;
  height: 16px;
  width: 18px;
  background-image: url("/images/ico-inline/close_thin.svg");
}

.popup-list-item-text {
  display: block;
  margin-bottom: 10px;
  font-size: 1.125rem;
  color: #333C48;
}

.popup-list-item-description {
  display: block;
  font-size: 1rem;
  color: #7E8FA5;
  line-height: 1.4;
}

.popup-list-item-link {
  padding-left: 5px;
  padding-right: 5px;
  color: #00A8FF;
  font-size: 1rem;
  text-decoration: underline;
}

.main-data-box-text {
  color: #333C48;
  font-size: 1rem;
  line-height: 1.42;
}

.main-data-box {
  background: #FFFFFF;
  border: 1px solid #E7E9ED;
  border-radius: 4px;
  text-align: left;
}
.main-data-box.mod-mb10 {
  margin-bottom: 10px;
}
.main-data-box.mod-mb20 {
  margin-bottom: 20px;
}

.main-data-box-list {
  margin: 0 -15px;
}
.main-data-box-list:after {
  display: table;
  content: "";
  clear: both;
}
.main-data-box-list .list-item {
  float: left;
  width: 50%;
  padding: 0 15px;
  box-sizing: border-box;
}
.main-data-box-list .list-item.mod-w70 {
  width: 70%;
}

.main-data-box .comments-container-data {
  width: 100%;
  vertical-align: top;
  box-sizing: border-box;
}
.main-data-box .person-placeholder {
  border-radius: 50%;
}

.main-data-box.mod-w768 {
  max-width: 768px;
}
.main-data-box .box-content {
  padding: 17px 30px 26px;
}
.main-data-box .box-content:after {
  display: table;
  content: "";
  clear: both;
}
.main-data-box .box-content.mod-document-view {
  padding: 0;
}
.main-data-box .box-content.mod-column {
  display: table;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  padding: 0;
  table-layout: fixed;
}
.main-data-box .box-content.mod-column:after {
  display: table;
  content: "";
  clear: both;
}
.main-data-box .box-content.mod-column .box-container {
  position: relative;
  display: table-cell;
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 20px 30px 6px;
  box-sizing: border-box;
  vertical-align: top;
}
.main-data-box .box-content.mod-subscription-billing {
  padding-top: 32px;
  padding-bottom: 0;
}
.main-data-box .box-content.mod-padding-sides {
  padding-top: 0;
  padding-bottom: 0;
}
.main-data-box .box-content.mod-w500 {
  max-width: 500px;
}
.main-data-box .box-content-wrap {
  display: flex;
  margin: 0 -15px;
}

.main-data-box {
  background: #FFFFFF;
  border: 1px solid #E7E9ED;
  border-radius: 4px;
}
.main-data-box .box-container {
  box-sizing: border-box;
}
.main-data-box .box-container.mod-background-gray {
  background-color: #FAFAFA;
}
.main-data-box .box-container.mod-h140 {
  min-height: 140px;
}
.main-data-box .box-container.mod-w445 {
  max-width: 445px;
}
.main-data-box .box-container.mod-w500 {
  max-width: 500px;
}
.main-data-box .box-container.mod-w615 {
  max-width: 615px;
}
.main-data-box .box-container.mod-w705 {
  max-width: 705px;
}
.main-data-box .description-text {
  margin: 0 0 20px;
  font-size: 0.875rem;
  color: #7E8FA5;
}
.main-data-box .description-text-link {
  color: #7E8FA5;
  text-decoration: underline;
  font-size: 0.875rem;
}

.main-data-form-payroll {
  padding-bottom: 20px;
}

.main-data-box .box-content-list .box-content {
  margin-bottom: -1px;
  border-bottom: 1px solid #E7E9ED;
}
.main-data-box .box-content-list .box-content.mod-no-border {
  border: none;
  margin-bottom: 0;
}

.box-content-col {
  padding: 0 15px;
}

.box-content-col.mod-w700 {
  max-width: 700px;
  width: 100%;
}

.box-content-col.mod-w200 {
  max-width: 200px;
  width: 100%;
}

.box-info {
  width: 100%;
  padding: 13px;
  border: 1px solid #E7E9ED;
  border-radius: 4px;
  background-color: #fafbfb;
  box-sizing: border-box;
}

.box-info-text {
  display: block;
  color: #333C48;
  font-size: 1rem;
  line-height: 1.5;
}

.box-info-description {
  display: block;
  margin-top: 5px;
  color: rgba(51, 60, 72, 0.7);
  font-size: 0.875rem;
  line-height: 1.4;
}

.invoice-period-box {
  display: inline-flex;
  margin-bottom: 16px;
  border: 1px solid #DFE3E9;
  border-radius: 3px;
}
.invoice-period-box:last-child {
  margin-bottom: 0;
}

.invoice-period-box-item {
  display: inline-block;
  background-color: #FFFFFF;
  padding: 10px 12px;
  border-right: 1px solid #DFE3E9;
  box-sizing: border-box;
}
.invoice-period-box-item:last-child {
  border-right: none;
}

.invoice-period-option {
  display: flex;
  width: 38px;
  align-items: center;
  background-color: #FBFBFB;
}
.invoice-period-option .form-radio {
  margin: 0;
  padding: 0;
  height: 19px;
  width: 19px;
}

.invoice-period-option-description {
  width: 269px;
}

.invoice-period-option-description-title {
  font-size: 1rem;
}

.invoice-period-option-description-text {
  font-size: 0.8125rem;
  color: #7E8FA5;
}

.invoice-period-option-options {
  display: flex;
  width: 200px;
  padding: 19px 12px 25px;
  background-color: #FBFBFB;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.invoice-period-option-options .dd-tabs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.invoice-period-option-options .dd-tabs .tabs-item-holder {
  display: inline-block;
  box-sizing: border-box;
}
.invoice-period-option-options .dd-tabs .tabs-item {
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 0.875rem;
  color: #333C48;
  background-image: linear-gradient(-180deg, #FFFFFF 0%, #F8F8F8 85%, #F6F6F6 100%);
  border: 1px solid #F2F4F5;
  border-radius: 2px;
  box-sizing: border-box;
  text-transform: uppercase;
  cursor: pointer;
}
.invoice-period-option-options .dd-tabs .tabs-item.is-active {
  color: #00A8FF;
  border-color: #00A8FF;
}

.invoice-period-option-options-title {
  font-size: 0.625rem;
  letter-spacing: 0.5px;
}

.main-data-box-search .search-title {
  float: left;
  position: relative;
  padding-right: 18px;
}
.main-data-box-search .search-title:after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  width: 1px;
  height: 24px;
  margin-top: -12px;
  background: #E7E9ED;
}

.main-data-box-search .search-box {
  position: relative;
  float: left;
  padding-left: 48px;
}
.main-data-box-search .search-box:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 18px;
  margin-top: -8px;
  width: 19px;
  height: 20px;
  background: url("/images/sprite.svg") -60px -249px;
}
.main-data-box-search .search-box.mod-large {
  width: 270px;
}
@media all and (max-width: calc(1280 / 16)em) {
  .main-data-box-search .search-box.mod-large {
    width: 93px;
  }
}
.main-data-box-search .search-box.mod-large input {
  width: 100%;
}
.main-data-box-search .search-box.mod-small {
  width: 70px;
  padding-left: 35px;
}
.main-data-box-search .search-box.mod-small:after {
  left: 9px;
}
.main-data-box-search .search-box.mod-small input {
  width: 100%;
}
.main-data-box-search .search-box.mod-reports {
  padding-left: 26px;
}
.main-data-box-search .search-box.mod-reports:after {
  left: 0;
}

.main-data-box-search .search-input {
  padding: 8px 0 6px;
  color: #333C48;
  font-size: 0.875rem;
  border-bottom: 1px solid transparent;
  transition: border 0.3s ease;
}
.main-data-box-search .search-input::-webkit-input-placeholder {
  color: rgba(51, 59, 72, 0.5);
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.main-data-box-search .search-input:-moz-placeholder {
  color: rgba(51, 59, 72, 0.5);
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.main-data-box-search .search-input::-moz-placeholder {
  color: rgba(51, 59, 72, 0.5);
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.main-data-box-search .search-input:-ms-input-placeholder {
  color: rgba(51, 59, 72, 0.5);
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.main-data-box-search .search-input:focus {
  color: #00A8FF;
  border-bottom: 1px solid #00A8FF;
}
.main-data-box-search .search-input:focus::-webkit-input-placeholder {
  color: #00A8FF;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.main-data-box-search .search-input:focus:-moz-placeholder {
  color: #00A8FF;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.main-data-box-search .search-input:focus::-moz-placeholder {
  color: #00A8FF;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.main-data-box-search .search-input:focus:-ms-input-placeholder {
  color: #00A8FF;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.main-data-box-search .search-input.mod-transparent {
  background: transparent;
}

.main-data-box-title {
  min-height: 62px;
  padding: 15px 30px;
  border-bottom: 1px solid #E7E9ED;
  box-sizing: border-box;
}
.main-data-box-title:after {
  display: table;
  content: "";
  clear: both;
}
.main-data-box-title .title-item-list {
  margin: 0 -9px;
}
.main-data-box-title .title-item {
  float: left;
  margin: 0 7px;
}
.main-data-box-title.mod-subscription-billing {
  background-color: #f8f9fa;
  padding: 28px 30px 38px;
}
.main-data-box-title.mod-subscription-billing .title-text {
  color: #373f51;
  font-size: 1.375rem;
}
.main-data-box-title.mod-separateless {
  padding-top: 28px;
  border-bottom: none;
}
.main-data-box-title.mod-separateless .title-text {
  color: #373f51;
  font-size: 1.375rem;
}
.main-data-box-title.mod-padding-b-20 {
  padding-bottom: 20px;
}
.main-data-box-title.mod-compact-height {
  padding-top: 20px;
  padding-bottom: 15px;
}
.main-data-box-title.mod-sides-24 {
  background-color: #f8f9fa;
  padding-right: 24px;
  padding-left: 24px;
}
.main-data-box-title.mod-sides-24 .title-text {
  margin-bottom: 11px;
}
.main-data-box-title.mod-sides-24 .dropdown {
  margin-top: 17px;
}

.main-data-box-title.mod-flex {
  display: flex;
  align-items: center;
}
.main-data-box-title.mod-flex .title-box {
  position: relative;
  float: none;
}
.main-data-box-title.mod-flex .title-box.mod-full {
  flex: 1;
}
.main-data-box-title.mod-flex .title-box:first-child {
  padding-right: 29px;
}
.main-data-box-title.mod-flex .title-box:nth-child(2), .main-data-box-title.mod-flex .title-box:nth-child(3) {
  padding: 0 29px;
}
.main-data-box-title.mod-flex .title-box:nth-child(2):after, .main-data-box-title.mod-flex .title-box:nth-child(3):after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 1px;
  height: 24px;
  margin-top: -12px;
  background: #E7E9ED;
}
.main-data-box-title.mod-flex .title-box.mod-description {
  padding: 0;
}
.main-data-box-title.mod-flex .title-box.mod-description:after {
  content: none;
}
.main-data-box-title.mod-3-column .title-box:first-child {
  padding-right: 29px;
}
.main-data-box-title.mod-3-column .title-box:nth-child(2) {
  flex: initial;
  padding-left: 29px;
  padding-right: 29px;
}
.main-data-box-title.mod-3-column .title-box:last-child {
  padding-left: 29px;
}
.main-data-box-title.mod-3-column .title-box:last-child:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 1px;
  height: 24px;
  margin-top: -12px;
  background: #E7E9ED;
}
.main-data-box-title .title-box {
  float: left;
}
.main-data-box-title .title-box:last-child {
  float: right;
}
.main-data-box-title .title-box.mod-flex {
  display: flex;
  align-items: center;
}
.main-data-box-title .title-box.mod-pr {
  padding-right: 29px;
}
.main-data-box-title .title-box .form-input-holder {
  float: left;
  margin-bottom: 0;
}
.main-data-box-title .title-box .btn {
  float: left;
}
.main-data-box-title .title-box .btn.mod-float-none {
  float: none;
  margin-left: 10px;
}
.main-data-box-title .title-box.mod-border {
  position: relative;
  padding-left: 29px;
}
.main-data-box-title .title-box.mod-border:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 1px;
  height: 24px;
  margin-top: -12px;
  background: #E7E9ED;
}
.main-data-box-title .title-sep-box {
  position: relative;
  float: left;
  padding-right: 20px;
  margin-right: 15px;
}
.main-data-box-title .title-sep-box:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 1px;
  height: 24px;
  margin-top: -12px;
  background: #E7E9ED;
}
.main-data-box-title .title-sep-box .btn {
  margin: 0 5px;
}
.main-data-box-title .title-sep-box .btn.btn-dropdown-val-text {
  margin-right: 0;
}
.main-data-box-title .title-sep-box .btn-dropdown-val-tile {
  margin-right: 5px;
}

.main-data-box-title .title-text {
  max-width: 100%;
  margin: 0;
  color: #333C48;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: normal;
  vertical-align: top;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.main-data-box-title .title-text.mod-small-text {
  display: block;
  font-size: 1.25rem;
}
.main-data-box-title .title-text.mod-exsmall-text {
  display: block;
  font-size: 1.125rem;
  font-weight: 600;
}
.main-data-box-title .title-text.mod-mr30 {
  margin-right: 30px;
}

.main-data-box-title .title-box-sep {
  float: left;
  width: 1px;
  height: 30px;
  margin: 3px 20px 0;
  background: #E7E9ED;
}

.main-data-box-title .title-box.mod-billing-settings .title-description-text {
  margin: 0;
  font-size: 0.9375rem;
}
.main-data-box-title .title-box.mod-billing-settings .title-description-text .item-val-box.is-highlighted {
  background-color: #FFEBCB;
}
.main-data-box-title .title-box.mod-billing-settings .title-description-text:nth-child(2) {
  margin-left: 20px;
}
.main-data-box-title .title-description {
  padding: 10px 0;
  display: inline-block;
  vertical-align: top;
}
.main-data-box-title .title-description-small {
  padding: 0;
  font-size: 1rem;
  color: #7E8FA5;
}
.main-data-box-title .title-description-exsmall {
  max-width: 402px;
  font-size: 0.875rem;
  color: #7E8FA5;
}
.main-data-box-title .title-description-text {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  color: #4D5262;
  font-size: 1rem;
  vertical-align: top;
}
.main-data-box-title .title-description-text.mod-gray {
  color: #7E8FA5;
}
.main-data-box-title .title-description-text .text-val {
  margin: -5px 0 -7px;
  padding: 5px 10px;
  height: 34px;
  outline: none;
  border: 1px solid transparent;
  cursor: pointer;
}
.main-data-box-title .title-description-text .text-val:hover {
  color: #00A8FF;
  border: 1px solid transparent;
}
.main-data-box-title .title-description-text .text-val:focus {
  color: #00A8FF;
  border-color: #17AFFF;
}
.main-data-box-title .title-description-text .text-val:empty {
  color: #ccc;
}
.main-data-box-title .title-description-text .text-val:empty:before {
  content: "Click to add...";
}
.main-data-box-title .title-description-text .text-val:empty:focus {
  color: #00A8FF;
}

.main-data-box-title.mod-actions {
  display: table;
  width: 100%;
  padding: 19px 60px 12px 30px;
  table-layout: fixed;
}
.main-data-box-title.mod-actions .title-btn-box {
  position: relative;
  float: right;
  padding-right: 14px;
}
.main-data-box-title.mod-actions .title-btn-box:after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  width: 1px;
  height: 30px;
  margin-top: -15px;
  background: #E7E9ED;
}
.main-data-box-title.mod-actions .title-box {
  display: table-cell;
  float: none;
  width: 70%;
  vertical-align: top;
}
.main-data-box-title.mod-actions .title-box:last-child {
  width: 30%;
  text-align: right;
}
.main-data-box-title.mod-actions .title-box .btn {
  margin: 0 7px;
}

.main-data-box .box-content.mod-document-view {
  padding: 0;
  text-align: center;
  overflow-y: auto;
  overflow-x: auto;
}
.main-data-box .box-content.mod-document-view::-webkit-scrollbar {
  width: 5px;
}
.main-data-box .box-content.mod-document-view::-webkit-scrollbar-track {
  background: rgba(216, 216, 216, 0.23);
  border-radius: 28px;
}
.main-data-box .box-content.mod-document-view::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.22);
  border-radius: 28px;
}
.main-data-box .box-content.mod-document-view canvas {
  width: 100%;
}
.main-data-box .box-content .document-img-holder {
  position: relative;
  text-align: center;
}
.main-data-box .box-content .document-img-holder img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.main-data-box .box-content .document-img-holder canvas {
  display: inline-block;
  max-width: 100%;
  height: auto !important;
  max-height: 100% !important;
  vertical-align: top;
}
.main-data-box .box-content .document-img-holder canvas.rotate0 {
  transform: rotate(0deg);
}
.main-data-box .box-content .document-img-holder canvas.rotate90 {
  transform: rotate(90deg);
}
.main-data-box .box-content .document-img-holder canvas.rotate180 {
  transform: rotate(180deg);
}
.main-data-box .box-content .document-img-holder canvas.rotate270 {
  transform: rotate(270deg);
}
.main-data-box .box-content .document-text {
  position: absolute;
  padding-top: 70px;
  top: 50%;
  left: 50%;
  color: #7E8FA5;
  font-size: 1rem;
  line-height: 1.25;
  white-space: nowrap;
  user-select: none;
  transform: translateX(-50%) translateY(-50%);
}
.main-data-box .box-content .document-text.document-loader:after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 60px;
  height: 60px;
  background: url("/images/loader-dot.svg") no-repeat;
  transform: translateX(-50%);
}
.main-data-box .box-content .document-text.document-error:after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 60px;
  height: 60px;
  background: url("/images/ico/attention.svg") no-repeat;
  transform: translateX(-50%);
  background-size: 100%;
}

.document-view-actions {
  padding: 15px 30px;
  border-bottom: 1px solid #E7E9ED;
}
.document-view-actions:after {
  display: table;
  content: "";
  clear: both;
}
.document-view-actions .document-view-actions-data {
  margin: 0 -5px;
}
.document-view-actions .document-view-box {
  float: left;
}
.document-view-actions .document-view-box:last-child {
  float: right;
}
.document-view-actions .btn {
  float: left;
  margin: 0 5px;
}
.document-view-actions .document-view-pagination {
  float: left;
}
.document-view-actions .document-view-page {
  position: relative;
  float: left;
  margin-right: 30px;
  padding: 0 30px 0 10px;
}
.document-view-actions .document-view-page:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 1px;
  height: 30px;
  margin-top: -15px;
  background: #E7E9ED;
}
.document-view-actions .document-view-page-title {
  float: left;
  font-size: 1rem;
  line-height: 30px;
  color: #7E8FA5;
}
.document-view-actions .document-view-page-input {
  float: left;
  width: 41px;
  margin: 0 10px 0 5px;
  padding: 4px 5px;
  color: #333C48;
  font-size: 1rem;
  background: #FFFFFF;
  border: 1px solid #DBDFE5;
  border-radius: 4px;
  text-align: center;
  box-sizing: border-box;
}
.document-view-actions .document-view-page-count {
  float: left;
  font-size: 1rem;
  line-height: 30px;
  color: #7E8FA5;
}

.person-id {
  margin-top: 3px;
  top: 100%;
  width: 100%;
  font-size: 0.625rem;
  color: #7E8FA5;
  text-align: center;
}
.person-id.mod-absolute {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}

.person-status {
  display: inline-block;
  padding: 6px 10px 5px;
  margin-right: 4px;
  font-size: 9px;
  color: #00A8FF;
  letter-spacing: 0.5px;
  line-height: 1;
  text-transform: uppercase;
  border: 1px solid #00A8FF;
  border-radius: 100px;
  box-sizing: border-box;
  font-weight: bold;
}
.person-status.mod-green {
  color: #00BB28;
  border: 1px solid #00BB28;
}
.person-status.mod-red {
  color: #FF4743;
  border: 1px solid #FF4743;
}
.person-status.mod-yellow {
  color: #FF7800;
  border: 1px solid #FF7800;
}
.person-status.mod-gray {
  color: #7E8FA5;
  border: 1px solid #7E8FA5;
}
.person-status.mod-large-text {
  font-size: 12px;
  line-height: 19px;
  padding: 1px 10px 0;
  font-weight: 600;
}

.person-activity-holder {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}

.person-activity {
  position: relative;
  display: block;
  padding-left: 20px;
  font-size: 1rem;
  color: #7E8FA5;
  line-height: 1.25;
}
.person-activity:after {
  position: absolute;
  left: 0;
  top: 2px;
  content: "";
  width: 18px;
  height: 16px;
  background: url("/images/sprite.svg") -291px -32px;
}
.person-activity.mod-mobile:after {
  top: -1px;
  width: 14px;
  height: 21px;
  background: url("/images/sprite.svg") -269px -143px;
}
.person-activity.mod-never:after {
  top: 0;
  width: 18px;
  height: 18px;
  background: url("/images/sprite.svg") -291px -48px;
}

.person-activity-btn {
  padding: 0;
  margin-left: 5px;
  color: #00A8FF;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  font-weight: 600;
  outline: none;
  border: none;
}

.person-fix {
  margin: 0 auto;
  max-width: 980px;
}

.person-profile-filled {
  padding: 7px 0 0;
}
.person-profile-filled:after {
  display: table;
  content: "";
  clear: both;
}
.person-profile-filled .filled-title {
  float: left;
  padding: 0;
  margin: 0 18px 0 0;
  font-size: 0.875rem;
  color: #7E8FA5;
  line-height: 1.2;
}
.person-profile-filled .filled-title span {
  color: #333C48;
  font-weight: 600;
}
.person-profile-filled .filled-progress-bar {
  position: relative;
  float: left;
  margin: 4px 0;
  width: 145px;
  height: 8px;
  background-color: #DCE3EB;
  border-radius: 25px;
  overflow: hidden;
}
.person-profile-filled .filled-progress-bar:after {
  display: table;
  content: "";
  clear: both;
}
.person-profile-filled .filled-progress-bar .bar-line {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  background-color: #00A8FF;
}
.person-profile-filled .filled-progress-bar .bar-sep {
  position: relative;
  float: left;
  width: 25%;
  height: 8px;
}
.person-profile-filled .filled-progress-bar .bar-sep:last-child:after {
  display: none;
}
.person-profile-filled .filled-progress-bar .bar-sep:after {
  position: absolute;
  z-index: 2;
  content: "";
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #fff;
}

.person-profile-summary:after {
  display: table;
  content: "";
  clear: both;
}
.person-profile-summary.mod-employee {
  margin: 0 -10px;
}
.person-profile-summary.mod-employee .summary-box {
  float: left;
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
}
.person-profile-summary.mod-employee .summary-box:nth-child(2n+1) {
  clear: both;
}
.person-profile-summary .summary-box {
  margin-bottom: 30px;
}

.person-profile-summary .summary-title {
  margin: 0 0 10px 0;
  font-size: 1.125rem;
  color: #333C48;
  line-height: 1.55;
  font-weight: 700;
}
.person-profile-summary .two-factor-auth-toggle-description {
  color: #ABAFB6;
  font-size: 15px;
  line-height: 18px;
  width: 150px;
  display: inline;
  padding-left: 10px;
  position: absolute;
  top: 0;
}

.summary-title-tooltip {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 18px;
  vertical-align: middle;
  text-align: right;
}
.summary-title-tooltip:hover .summary-title-tooltip-dropdown {
  display: block;
}
.summary-title-tooltip.mod-center {
  text-align: center;
}

.summary-title-tooltip.mod-client .summary-title-tooltip-dropdown {
  width: 338px;
  white-space: nowrap;
}
.summary-title-tooltip.mod-client .summary-title-tooltip-ico {
  width: 16px;
  height: 16px;
  background: url("/images/sprite.svg") 0px -289px;
}

.summary-title-tooltip.mod-payroll .summary-title-tooltip-dropdown {
  width: 313px;
  white-space: nowrap;
}

.summary-title-tooltip-ico {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background: url("/images/sprite.svg") -274px -249px;
}

.summary-title-tooltip-dropdown {
  position: absolute;
  display: none;
  left: -9px;
  bottom: 100%;
  width: 197px;
  margin-bottom: 10px;
  background: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.summary-title-tooltip-dropdown:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 15px;
  margin-top: -10px;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}

.summary-title-tooltip-text {
  position: relative;
  z-index: 2;
  display: block;
  padding: 6px 9px;
  color: #7E8FA5;
  font-size: 0.875rem;
  background: #FFFFFF;
  border-radius: 4px;
}

.person-profile-summary .summary-item {
  display: table;
  margin-bottom: 18px;
  width: 100%;
  table-layout: fixed;
}
.person-profile-summary .summary-item:after {
  display: table;
  content: "";
  clear: both;
}
.person-profile-summary .summary-item .item-title {
  display: table-cell;
  width: 35%;
  font-size: 1rem;
  color: #7E8FA5;
  line-height: 1.25;
}
.person-profile-summary .summary-item .item-val-box {
  position: relative;
  display: table-cell;
  width: 65%;
  vertical-align: middle;
}
.person-profile-summary .summary-item .item-val-box .dropdown {
  position: absolute;
  top: -10px;
  left: -14px;
}
.person-profile-summary .summary-item .item-val-box .item-val-holder-list {
  display: flex;
}
.person-profile-summary .summary-item .item-val-box .item-val-holder-list .item-val-holder:first-child {
  min-width: 170px;
}
.person-profile-summary .summary-item .item-val-box .item-text {
  display: inline-block;
  min-width: 60px;
  color: #333C48;
  font-size: 1rem;
  vertical-align: middle;
}
.person-profile-summary .summary-item .item-val-box .item-text.mod-red {
  color: #FF453C;
}
.person-profile-summary .summary-item .item-val-box .item-sign {
  display: inline-block;
  margin-right: 9px;
  color: #7E8FA5;
  font-size: 1rem;
  vertical-align: middle;
}
.person-profile-summary .summary-item .item-val-box .item-notification {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  max-width: 120px;
  color: #FF4743;
  font-size: 0.8125rem;
  vertical-align: middle;
}
.person-profile-summary .summary-item .item-val-box .item-notification:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("/images/sprite.svg") -32px -289px;
}
.person-profile-summary .summary-item .item-val-box .item-link {
  display: inline-block;
  padding: 3px 10px;
  color: #FFFFFF;
  font-size: 0.75rem;
  background: #00BB28;
  border-radius: 2.78px;
  vertical-align: middle;
  font-weight: bold;
}
.person-profile-summary .summary-item .item-val-box .item-val-holder {
  position: relative;
  display: inline-block;
  max-width: 100%;
  width: auto;
  min-width: 200px;
  height: 21px;
  color: #333C48;
  font-size: 1rem;
  line-height: 1.25;
  cursor: pointer;
  outline: none;
  box-sizing: border-box;
  vertical-align: top;
}
.person-profile-summary .summary-item .item-val-box .item-val-holder:hover .item-val:after {
  opacity: 0.8;
  content: "";
}
.person-profile-summary .summary-item .item-val-box .item-val-holder.mod-disable-hover {
  pointer-events: none;
}
.person-profile-summary .summary-item .item-val-box .item-val-holder.mod-medium {
  width: 90px;
  min-width: 0;
}
.person-profile-summary .summary-item .item-val-box .item-val-holder.mod-medium .input-holder {
  width: 90px;
}
.person-profile-summary .summary-item .item-val-box .item-val-holder .item-val {
  position: relative;
  padding-right: 25px;
  outline: none;
  max-width: 100%;
  cursor: pointer;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border-bottom: 1px solid transparent;
  box-sizing: border-box;
}
.person-profile-summary .summary-item .item-val-box .item-val-holder .item-val:after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 18px;
  height: 17px;
  background: url("/images/sprite.svg") -291px -105px;
}
.person-profile-summary .summary-item .item-val-box .item-val-holder .item-val.mod-placeholder {
  opacity: 0.4;
}
.person-profile-summary .summary-item .item-val-box .item-val-holder .item-val-msg {
  position: relative;
  display: block;
  padding: 0 0 0 25px;
  color: #7E8FA5;
  font-size: 0.9375rem;
  line-height: 1.2;
}
.person-profile-summary .summary-item .item-val-box .item-val-holder .item-val-msg:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: url("/images/sprite.svg") -291px -151px;
}
.person-profile-summary .summary-item .item-val-box .item-val-holder .item-input {
  position: absolute;
  display: block;
  top: 50%;
  left: -14px;
  width: 200px;
  margin-top: -21px;
}

.second-factor-auth .instruction-box {
  text-align: center;
  padding: 10px;
  border: 2px solid #f2f2f2;
}
.second-factor-auth .instruction-box .instruction-item {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  max-width: 45%;
  min-height: 270px;
  background-color: #f3f3f3;
}
.second-factor-auth .instruction-box .instruction-item img {
  background-color: #fff;
}
.second-factor-auth .instruction-box .instruction-item .otp-secret {
  display: inline-block;
  margin: 0 30px;
  line-height: 35px;
  background-color: #fff;
  border-radius: 10px;
}
.second-factor-auth .instruction-box .instruction-divider {
  display: inline-block;
  margin: 0 30px;
}
.second-factor-auth h2 {
  margin-bottom: 5px;
}
.second-factor-auth p {
  margin: 0;
}

.manager-preview {
  position: relative;
  margin-bottom: 10px;
  padding: 10px 30px 0 65px;
  border-bottom: 1px solid #E7E9ED;
}

.manager-preview .preview-img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 50px;
  height: 50px;
  margin-top: -30px;
  overflow: hidden;
  border-radius: 50%;
}
.manager-preview .preview-img img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.manager-preview .preview-name {
  margin: 0 0 -4px;
  font-size: 1.25rem;
  color: #333C48;
  line-height: 1.2;
}

.manager-preview .preview-contacts-item {
  margin: 0 0 -4px;
  font-size: 0.875rem;
  color: #7E8FA5;
  line-height: 1.2;
}

.person-approve {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.person-approve:after {
  display: table;
  content: "";
  clear: both;
}
.person-approve.mod-3-column {
  padding: 17px 0 26px;
}
.person-approve.mod-3-column .person-approve-box {
  width: 100%/3;
  padding: 0 30px;
  border-left: 1px solid #D8D8D8;
}
.person-approve.mod-3-column .person-approve-box:first-child {
  padding: 0 30px;
  border-left: 0;
}
.person-approve.mod-3-column .person-approve-box:last-child {
  padding: 0 30px;
}
.person-approve .person-approve-box {
  display: table-cell;
  width: 50%;
  padding: 0 20px 0 0;
  box-sizing: border-box;
}
.person-approve .person-approve-box:last-child {
  border-left: 1px solid #D8D8D8;
  padding: 0 0 0 15px;
}
.person-approve .person-approve-box.mod-w42 {
  width: 42%;
}
.person-approve .person-approve-box.mod-w58 {
  width: 58%;
}
.person-approve .person-approve-box .form-input-holder {
  margin-bottom: 10px;
}
.person-approve .person-approve-box .settings-dropdown {
  right: 0;
}
.person-approve .person-approve-box .settings-dd {
  right: -4px;
}
.person-approve .person-approve-box .settings-dd:after {
  right: 18px;
}

.person-approve-header {
  margin-bottom: 15px;
}
.person-approve-header.mod-mb40 {
  margin-bottom: 40px;
}

.person-approve-tags {
  position: relative;
  padding: 0 0 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #E7E9ED;
}

.person-approve-title {
  margin: 0 0 15px;
  font-size: 1.125rem;
  color: #333C48;
  line-height: 1.42;
}
.person-approve-title.mod-no-margin {
  margin-bottom: 0;
}

.person-approve-list.mod-scroll {
  max-height: 500px;
  margin-right: -30px;
  padding-right: 10px;
  overflow-y: scroll;
  box-sizing: border-box;
}
.person-approve-list.mod-scroll::-webkit-scrollbar {
  width: 20px;
  border-radius: 3px;
}
.person-approve-list.mod-scroll::-webkit-scrollbar-track {
  background: #fff;
  border-left: 6px solid #fff;
  border-right: 12px solid #fff;
}
.person-approve-list.mod-scroll::-webkit-scrollbar-thumb {
  background: #ADADAD;
  border-left: 6px solid #fff;
  border-right: 12px solid #fff;
}
.person-approve-list.mod-scroll .person-approve-list-item:last-child {
  border-bottom: 0;
}

.person-approve-list-item {
  position: relative;
  padding: 3px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #E7E9ED;
}
.person-approve-list-item:hover .item-box {
  background: #F8F8F8;
}
.person-approve-list-item:hover .item-remove {
  display: block;
}
.person-approve-list-item.is-active:after {
  position: absolute;
  content: "";
  top: 50%;
  right: -23px;
  transform: translateY(-50%);
  width: 11px;
  height: 18px;
  background: url("/images/sprite.svg") -291px -122px;
}
.person-approve-list-item.is-active .item-box {
  background: #F8F8F8;
}
.person-approve-list-item.is-active .item-remove {
  display: block;
}
.person-approve-list-item.is-active .item-name {
  font-weight: 600;
}
.person-approve-list-item.mod-no-ico.is-active:after {
  display: none;
}
.person-approve-list-item.mod-no-img .item-box {
  padding-left: 10px;
}
.person-approve-list-item .item-box {
  position: relative;
  padding: 16px 60px 10px;
  min-height: 58px;
  border-radius: 2px;
  box-sizing: border-box;
}
.person-approve-list-item .item-img {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  left: 4px;
  border-radius: 4px;
  transform: translateY(-50%);
  overflow: hidden;
}
.person-approve-list-item .item-img img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}
.person-approve-list-item .item-name {
  max-width: 100%;
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.42;
  color: #333C48;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.person-approve-list-item .item-name.mod-bold {
  font-weight: 600;
}
.person-approve-list-item .item-remove {
  position: absolute;
  display: none;
  top: 50%;
  margin-top: -9px;
  right: 15px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -269px -205px;
}

.person-preview-list {
  padding: 20px 0 100px;
}
.person-preview-list.mod-employee .person-preview-box:nth-child(1) {
  width: 26%;
}
.person-preview-list.mod-employee .person-preview-box:nth-child(2) {
  width: 16%;
}
.person-preview-list.mod-employee .person-preview-box:nth-child(3) {
  width: 17%;
}
.person-preview-list.mod-employee .person-preview-box:nth-child(4) {
  width: 26%;
}
.person-preview-list.mod-employee .person-preview-box:nth-child(5) {
  width: 16%;
}
.person-preview-list.mod-employee .person-preview-box:nth-child(6) {
  width: 150px;
  text-align: right;
}
.person-preview-list.mod-employee .person-preview-box:nth-child(6) .title-text {
  padding-right: 0;
}

.person-preview-headline {
  display: table;
  width: 100%;
  padding: 0 0 13px;
  table-layout: fixed;
  box-sizing: border-box;
  color: #7E8FA5;
  font-size: 0.875rem;
  font-weight: 600;
}
.person-preview-headline .person-preview-box:nth-child(1) {
  padding-left: 0;
}

.person-preview-box .title-text {
  position: relative;
  padding-right: 15px;
  user-select: none;
  cursor: default;
}
.person-preview-box .title-text:after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
  width: 11px;
  height: 8px;
  background: url("/images/sprite.svg") -309px -47px;
}
.person-preview-box.mod-sortable-top .title-text {
  color: #333C48;
  cursor: pointer;
}
.person-preview-box.mod-sortable-top .title-text:after {
  content: "";
  transform: rotate(-180deg);
}
.person-preview-box.mod-sortable-bottom .title-text {
  color: #333C48;
  cursor: pointer;
}
.person-preview-box.mod-sortable-bottom .title-text:after {
  content: "";
}
.person-preview-box.mod-sortable {
  cursor: pointer;
}

.person-preview-box {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding-right: 20px;
  box-sizing: border-box;
}
.person-preview-box:nth-child(1) {
  padding: 0 20px 0 80px;
  width: 26%;
}
.person-preview-box:nth-child(2) {
  width: 16%;
}
.person-preview-box:nth-child(3) {
  width: 17%;
}
.person-preview-box:nth-child(4) {
  width: 26%;
}
.person-preview-box:nth-child(5) {
  width: 15%;
}
.person-preview-box:nth-child(6) {
  width: 150px;
  text-align: right;
}
.person-preview-box:nth-child(6) .title-text {
  padding-right: 0;
}
.person-preview-box.mod-settings {
  text-align: right;
}
.person-preview-box.mod-settings .title-text {
  padding-right: 0;
}
.person-preview-box.mod-settings .settings-dropdown {
  display: inline-block;
  vertical-align: top;
}
.person-preview-box.mod-sortable-top .title-text {
  color: #333C48;
  cursor: pointer;
}
.person-preview-box.mod-sortable-top .title-text:after {
  content: "";
  transform: rotate(-180deg);
}
.person-preview-box.mod-sortable-bottom .title-text {
  color: #333C48;
  cursor: pointer;
}
.person-preview-box.mod-sortable-bottom .title-text:after {
  content: "";
}
.person-preview-box.mod-sortable {
  cursor: pointer;
}

.person-preview {
  display: table;
  padding: 10px 0;
  height: 64px;
  table-layout: fixed;
  position: relative;
  margin-bottom: 10px;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #E7E9ED;
  border-radius: 4px;
  box-sizing: border-box;
  transition: box-shadow 0.3s ease;
}
.person-preview:after {
  display: table;
  content: "";
  clear: both;
}
.person-preview:hover {
  background: #FFFFFF;
  border: 1px solid #E7E9ED;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
}

.person-preview .preview-img {
  position: absolute;
  top: 1px;
  left: 20px;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  overflow: hidden;
}
.person-preview .preview-img.mod-border-radius {
  border-radius: 50%;
}
.person-preview .preview-img img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
  border-radius: 4px;
}

.person-preview .preview-title {
  display: inline-block;
  font-size: 1.125rem;
  color: #333C48;
  line-height: 1.2;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 600;
}

.person-preview .preview-text {
  max-width: 100%;
  font-size: 1rem;
  color: #7E8FA5;
  line-height: 1.2;
  vertical-align: middle;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.person-preview .preview-managers-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.person-preview .preview-managers-list:after {
  display: table;
  content: "";
  clear: both;
}
.person-preview .preview-managers-list .list-item {
  float: left;
  width: 38px;
  height: 38px;
  margin-right: -15px;
  overflow: hidden;
  border-radius: 50%;
  border: 2px solid #fff;
}
.person-preview .preview-managers-list .list-item.mod-num {
  margin-top: 2px;
  width: 36px;
  height: 36px;
  border: 1px solid #00A8FF;
  font-size: 0.875rem;
  color: #00A8FF;
  line-height: 37px;
  text-align: center;
  background: #fff;
  font-weight: bold;
}
.person-preview .preview-managers-list .list-item span {
  display: inline-block;
}
.person-preview .preview-managers-list .list-item span:before {
  display: inline-block;
  position: relative;
  top: 1px;
  content: "";
  width: 11px;
  height: 12px;
  background: url("/images/sprite.svg") -309px -26px;
}
.person-preview .preview-managers-list .list-item img {
  display: inline-block;
  vertical-align: top;
  width: 38px;
}

.small-person-preview {
  position: relative;
  display: flex;
  padding-left: 60px;
  min-height: 40px;
  align-items: center;
}

.small-person-preview-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}

.small-person-preview-title {
  display: block;
  font-size: 1.125rem;
  color: #333C48;
  line-height: 1.2;
}

.status-dropdown:hover .status-dropdown-list {
  display: block;
  z-index: 99;
}
.status-dropdown.mod-inline {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}

.status-dropdown-value {
  position: relative;
  display: inline-block;
  margin: 0;
  padding-right: 13px;
  color: #00A8FF;
  font-size: 0.8125rem;
  line-height: 1.3076923077;
  letter-spacing: 0.5px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
}
.status-dropdown-value:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3.5px 0 3.5px;
  border-color: #00A8FF transparent transparent transparent;
  transform: translateY(-50%);
}
.status-dropdown-value.mod-headline {
  float: left;
  padding-right: 40px;
  line-height: 36px;
}
.status-dropdown-value.mod-headline:after {
  content: none;
}
.status-dropdown-value.mod-green {
  color: #00B05A;
}
.status-dropdown-value.mod-green:after {
  border-color: #00B05A transparent transparent transparent;
}
.status-dropdown-value.mod-yellow {
  color: #F5A623;
}
.status-dropdown-value.mod-yellow:after {
  border-color: #F5A623 transparent transparent transparent;
}
.status-dropdown-value.mod-red {
  color: #FF4743;
}
.status-dropdown-value.mod-red:after {
  border-color: #FF4743 transparent transparent transparent;
}
.status-dropdown-value.mod-lilac {
  color: #C292F2;
}
.status-dropdown-value.mod-lilac:after {
  border-color: #C292F2 transparent transparent transparent;
}
.status-dropdown-value.mod-simple:after {
  content: none;
}
.status-dropdown-value.mod-no-arrow {
  padding-right: 0;
}
.status-dropdown-value.mod-no-arrow:after {
  content: none;
}

.status-dropdown-list {
  position: absolute;
  display: none;
  padding: 0;
  margin: 0;
  width: 120px;
  background: #FFFFFF;
  border: 1px solid #DFE3E9;
  list-style-type: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  border-radius: 2px;
  box-sizing: border-box;
}

.status-dropdown-item {
  padding: 11px 10px 12px;
  color: #7E8FA5;
  letter-spacing: 0.5px;
  font-size: 0.8125rem;
  cursor: pointer;
  line-height: 1;
  font-weight: bold;
}
.status-dropdown-item:hover {
  color: #333C48;
}
.status-dropdown-item.is-active {
  background: #F5F8FB;
}

.status-dropdown-status {
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  font-weight: 600;
}

.status-dropdown-sign {
  margin: 0;
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  font-weight: 600;
}

.status-dropdown-datepicker {
  position: relative;
  padding-left: 25px;
}
.status-dropdown-datepicker:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -173px -269px;
}
.status-dropdown-datepicker:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3.5px 0 3.5px;
  border-color: #7E8FA5 transparent transparent transparent;
  transform: translateY(-50%);
}
.status-dropdown-datepicker.mod-inline {
  display: inline-block;
  vertical-align: middle;
}
.status-dropdown-datepicker.is-disabled:before {
  display: none;
}
.status-dropdown-datepicker.is-disabled:after {
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -193px -269px;
}

.status-dropdown-datepicker-text {
  width: 80px;
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 1.2142857143;
}

.page-content-column-list {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 0 -12px;
}

.page-content-column {
  flex-grow: 1;
  padding: 0 12px;
  width: 100%;
  box-sizing: border-box;
}
.page-content-column.mod-list {
  display: flex;
  margin: 0 -5px;
  justify-content: flex-end;
}
.page-content-column.mod-list .main-data-box {
  margin: 10px 5px;
  width: 342px;
}

.page-content-table .table-data-holder {
  box-sizing: border-box;
}
.page-content-table .table-data-holder.mod-scroll {
  max-height: 500px;
  margin-right: -30px;
  padding-right: 10px;
  overflow-y: scroll;
}
.page-content-table .table-data-holder.mod-scroll::-webkit-scrollbar {
  width: 20px;
  border-radius: 3px;
}
.page-content-table .table-data-holder.mod-scroll::-webkit-scrollbar-track {
  background: #fff;
  border-left: 6px solid #fff;
  border-right: 12px solid #fff;
}
.page-content-table .table-data-holder.mod-scroll::-webkit-scrollbar-thumb {
  background: #ADADAD;
  border-left: 6px solid #fff;
  border-right: 12px solid #fff;
}
.page-content-table .table-item-holder {
  position: relative;
}
.page-content-table .table-item-id {
  position: absolute;
  top: 50%;
  left: -45px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  line-height: 28px;
  font-size: 0.875rem;
  color: #7E8FA5;
  background: #FFFFFF;
  border: 1px solid #E7E9ED;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
  font-weight: 600;
}
.page-content-table .table-item {
  display: table;
  position: relative;
  width: 100%;
  padding: 20px 80px 18px 0;
  table-layout: fixed;
  border-bottom: 1px solid #E7E9ED;
  box-sizing: border-box;
}
.page-content-table .table-item .item-box {
  display: table-cell;
  padding-right: 20px;
  vertical-align: top;
  box-sizing: border-box;
}
.page-content-table .table-item .item-box.mod-img {
  padding-left: 45px;
}
.page-content-table .table-item .item-box.mod-align-center {
  text-align: center;
}

.page-content-table .table-headline {
  color: #7E8FA5;
  font-size: 0.875rem;
  font-weight: 600;
}
.page-content-table .table-headline .table-item {
  height: auto;
  padding: 5px 80px 5px 0;
  border-bottom: 0;
}
.page-content-table .table-headline .table-item .item-title {
  margin: 0;
}
.page-content-table .table-headline .table-item .item-title .title-text {
  position: relative;
  user-select: none;
  cursor: default;
}
.page-content-table .table-headline .table-item .item-title .title-text:after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
  width: 11px;
  height: 8px;
  background: url("/images/sprite.svg") -309px -47px;
}
.page-content-table .table-headline .table-item .item-title.mod-sortable-top .title-text {
  color: #333C48;
  cursor: pointer;
}
.page-content-table .table-headline .table-item .item-title.mod-sortable-top .title-text:after {
  content: "";
  transform: rotate(-180deg);
}
.page-content-table .table-headline .table-item .item-title.mod-sortable-bottom .title-text {
  color: #333C48;
  cursor: pointer;
}
.page-content-table .table-headline .table-item .item-title.mod-sortable-bottom .title-text:after {
  content: "";
}
.page-content-table .table-headline .table-item .item-title.mod-sortable {
  cursor: pointer;
}
.page-content-table .table-headline .table-item .item-title.mod-sortable .title-text {
  padding-right: 15px;
}

.page-content-table .table-item .item-name {
  position: relative;
  max-width: 100%;
  margin: 0;
  font-size: 1.125rem;
  color: #333C48;
  line-height: 20px;
  cursor: pointer;
}
.page-content-table .table-item .item-name:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  margin-top: -6px;
}
.page-content-table .table-item .item-name .license-type {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.page-content-table .table-item .item-name.mod-pdf {
  padding-left: 55px;
}
.page-content-table .table-item .item-name.mod-pdf:after {
  width: 27px;
  height: 34px;
  background: url("/images/sprite.svg") -239px -93px;
}
.page-content-table .table-item .item-name.mod-doc {
  padding-left: 55px;
}
.page-content-table .table-item .item-name.mod-doc:after {
  width: 27px;
  height: 34px;
  background: url("/images/sprite.svg") -101px -115px;
}
.page-content-table .table-item .item-name.mod-docx {
  padding-left: 55px;
}
.page-content-table .table-item .item-name.mod-docx:after {
  width: 27px;
  height: 34px;
  background: url("/images/sprite.svg") -101px -81px;
}
.page-content-table .table-item .item-name.mod-xls {
  padding-left: 55px;
}
.page-content-table .table-item .item-name.mod-xls:after {
  width: 27px;
  height: 34px;
  background: url("/images/sprite.svg") -212px -93px;
}
.page-content-table .table-item .item-name.mod-xlsx {
  padding-left: 55px;
}
.page-content-table .table-item .item-name.mod-xlsx:after {
  width: 27px;
  height: 34px;
  background: url("/images/sprite.svg") -185px -93px;
}
.page-content-table .table-item .item-name.mod-png {
  padding-left: 55px;
}
.page-content-table .table-item .item-name.mod-png:after {
  width: 27px;
  height: 34px;
  background: url("/images/sprite.svg") -155px -81px;
}
.page-content-table .table-item .item-name.mod-jpg {
  padding-left: 55px;
}
.page-content-table .table-item .item-name.mod-jpg:after {
  width: 27px;
  height: 34px;
  background: url("/images/sprite.svg") -128px -81px;
}
.page-content-table .table-item .item-name.mod-pl-35 {
  padding-left: 35px;
}
.page-content-table .table-item .item-name.mod-ico {
  padding-left: 40px;
}
.page-content-table .table-item .item-name.mod-img {
  padding-left: 60px;
}
.page-content-table .table-item .item-name.mod-img .item-img {
  position: absolute;
  top: -11px;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  transform: translateZ(0);
}
.page-content-table .table-item .item-name.mod-img .item-img img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}
.page-content-table .table-item .item-name-text {
  max-width: 100%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.page-content-table .table-item .item-name-sign {
  margin: 0;
  font-size: 0.875rem;
  color: #4D5262;
  opacity: 0.5;
}
.page-content-table .table-item .item-name-sign b {
  font-weight: normal;
  font-weight: bold;
}

.page-content-table .table-item .item-text {
  position: relative;
  max-width: 100%;
  margin: 0;
  font-size: 1rem;
  color: #7E8FA5;
  line-height: 20px;
}
.page-content-table .table-item .item-text.mod-to span {
  max-width: 100%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.page-content-table .table-item .item-text.mod-to:hover:after {
  opacity: 1;
  backface-visibility: visible;
}
.page-content-table .table-item .item-text.mod-to:after {
  position: absolute;
  opacity: 0;
  backface-visibility: hidden;
  padding: 5px 10px;
  margin-bottom: 10px;
  right: 0;
  bottom: 100%;
  content: attr(data-text-title);
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  border-right: 4px;
  transition: opacity 0.3s ease;
}
.page-content-table .table-item .item-text.mod-red {
  color: #F60E2A;
}
.page-content-table .table-item .item-text.mod-bold {
  color: #4D5262;
  font-weight: 600;
}
.page-content-table .table-item .item-text.mod-edit-icon {
  cursor: pointer;
  font-size: 1rem;
}
.page-content-table .table-item .item-text.mod-edit-icon.is-active .svg-ico {
  fill: #2aa8ff;
}
.page-content-table .table-item .item-text.mod-edit-icon .svg-ico {
  position: absolute;
  top: 50%;
  right: -18px;
  width: 14px;
  height: 13px;
  fill: #ccd2da;
  transform: translateY(-50%);
}
.page-content-table .table-item .item-text.mod-attention {
  display: inline-block;
  padding-right: 20px;
}
.page-content-table .table-item .item-text.mod-attention:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  margin-top: -8px;
  width: 17px;
  height: 17px;
  background: url("/images/sprite.svg") -291px -195px;
}

.page-content-table .item-resources {
  margin: 0;
}
.page-content-table .item-resources .info-dd .dd-data {
  overflow-y: auto;
  max-height: 200px;
}
.page-content-table .item-resources .info-dd .dd-data::-webkit-scrollbar {
  width: 3px;
}
.page-content-table .item-resources .info-dd .dd-data::-webkit-scrollbar-track {
  background: #D8D8D8;
  border-radius: 3px;
}
.page-content-table .item-resources .info-dd .dd-data::-webkit-scrollbar-thumb {
  background: #919191;
  border-radius: 3px;
}

.table-summary {
  padding-top: 12px;
  text-align: right;
}
.table-summary .table-summary-text {
  margin-right: 5px;
  font-size: 0.875rem;
  line-height: 1.42;
  color: #7E8FA5;
  font-weight: 600;
}
.table-summary .table-summary-val {
  font-size: 1rem;
  line-height: 1.42;
  color: #4D5262;
  font-weight: bold;
}

.page-content-table .table-item .item-dd-box {
  position: relative;
  display: inline-block;
  text-align: left;
}
.page-content-table .table-item .item-dd-box.is-active .item-dd {
  display: block;
}
.page-content-table .table-item .item-dd-box.is-active .item-text {
  border-bottom: 1px dashed #00A8FF;
}
.page-content-table .table-item .item-dd {
  position: absolute;
  display: none;
  z-index: 2;
  top: 100%;
  left: 50%;
  width: 212px;
  margin-top: 15px;
  margin-left: -106px;
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.28);
  border-radius: 3px;
  box-sizing: border-box;
}
.page-content-table .table-item .item-dd:after {
  position: absolute;
  z-index: 1;
  content: "";
  top: -8px;
  left: 50%;
  width: 15px;
  height: 15px;
  margin-left: -8px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.28);
  transform: rotate(45deg);
}
.page-content-table .table-item .item-dd-data {
  position: relative;
  z-index: 2;
  padding: 14px 20px 15px;
  background: #fff;
}
.page-content-table .table-item .form-input-holder .input-holder.mod-currency {
  width: 100%;
}
.page-content-table .table-item .btn-box {
  padding-top: 5px;
}
.page-content-table .table-item .btn-box:after {
  display: table;
  content: "";
  clear: both;
}
.page-content-table .table-item .btn {
  float: left;
  min-width: 78px;
  padding: 0 16px;
  text-align: center;
}
.page-content-table .table-item .btn:last-child {
  float: right;
}

.page-content-table .table-item .item-status {
  display: inline-block;
  margin: 0;
  font-size: 1rem;
  color: #333C48;
}
.page-content-table .table-item .item-status.mod-green {
  color: #19C23E;
}
.page-content-table .table-item .item-status.mod-green .svg-ico {
  fill: #19C23E;
}
.page-content-table .table-item .item-status.mod-blue {
  color: #00A8FF;
}
.page-content-table .table-item .item-status.mod-yellow {
  color: #F5A623;
}
.page-content-table .table-item .item-status.mod-red {
  color: #FF4743;
}
.page-content-table .table-item .item-status.mod-red .svg-ico {
  fill: #FF4743;
}
.page-content-table .table-item .item-status.mod-ico {
  position: relative;
}
.page-content-table .table-item .item-status.mod-ico-right {
  padding-right: 17px;
}
.page-content-table .table-item .item-status.mod-ico-right .svg-ico {
  right: 0;
}
.page-content-table .table-item .item-status.mod-ico-left {
  padding-left: 17px;
}
.page-content-table .table-item .item-status.mod-ico-left .svg-ico {
  left: 0;
}
.page-content-table .table-item .item-status .svg-ico {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
}

.page-content-table.mod-service .table-item .item-box:nth-child(1) {
  width: 50%;
}
.page-content-table.mod-service .table-item .item-box:nth-child(2) {
  width: 50%;
}
.page-content-table.mod-history .table-item .item-box:nth-child(1) {
  width: 37%;
}
.page-content-table.mod-history .table-item .item-box:nth-child(2) {
  width: 23%;
}
.page-content-table.mod-history .table-item .item-box:nth-child(3) {
  width: 30%;
}
.page-content-table.mod-history .table-item .item-box:nth-child(4) {
  width: 10%;
}
.page-content-table.mod-clients .table-item .item-box:nth-child(1) {
  width: 20%;
}
.page-content-table.mod-clients .table-item .item-box:nth-child(2) {
  width: 80%;
}
.page-content-table.mod-managers .table-item .item-box:nth-child(1) {
  width: 45%;
}
.page-content-table.mod-managers .table-item .item-box:nth-child(2) {
  width: 45%;
  word-break: break-all;
  word-break: break-word;
}
.page-content-table.mod-managers .table-item .item-box:nth-child(3) {
  width: 10%;
}
.page-content-table.mod-roles .table-item .item-box:nth-child(1) {
  width: 90%;
}
.page-content-table.mod-documents .table-item .item-box:nth-child(1) {
  width: 55%;
}
.page-content-table.mod-documents .table-item .item-box:nth-child(2) {
  width: 15%;
}
.page-content-table.mod-documents .table-item .item-box:nth-child(3) {
  width: 15%;
}
.page-content-table.mod-documents .table-item .item-box:nth-child(4) {
  width: 15%;
}
.page-content-table.mod-approve .table-headline .table-item {
  height: auto;
  padding: 30px 0 0;
}
.page-content-table.mod-approve .table-item {
  padding: 15px 0;
}
.page-content-table.mod-approve .table-item .item-name {
  font-size: 1rem;
}
.page-content-table.mod-approve .table-item .item-text {
  font-size: 0.875rem;
}
.page-content-table.mod-approve .table-item .item-text.mod-bold {
  font-size: 1rem;
}
.page-content-table.mod-approve .table-item .item-box {
  padding-right: 10px;
}
.page-content-table.mod-approve .table-item .item-box:nth-child(1) {
  width: 56%;
  font-size: 1rem;
}
.page-content-table.mod-approve .table-item .item-box:nth-child(2) {
  text-align: right;
  width: 17%;
}
.page-content-table.mod-approve .table-item .item-box:nth-child(3) {
  padding-right: 0;
  width: 26%;
  text-align: right;
}
.page-content-table.mod-locations .table-item .item-box:nth-child(1) {
  width: 37%;
}
.page-content-table.mod-locations .table-item .item-box:nth-child(2) {
  width: 37%;
}
.page-content-table.mod-locations .table-item .item-box:nth-child(3) {
  width: 26%;
}
.page-content-table.mod-templates .table-item {
  display: flex;
}
.page-content-table.mod-templates .table-item .item-box {
  display: flex;
  flex-grow: 1;
}
.page-content-table.mod-templates .table-item .item-box:nth-child(1) {
  width: 372px;
}
.page-content-table.mod-templates .table-item .item-box:nth-child(2) {
  width: 210px;
}
.page-content-table.mod-templates .table-item .item-box:nth-child(3) {
  width: 310px;
}
.page-content-table.mod-templates .table-item .item-box:nth-child(4) {
  width: 235px;
}
.page-content-table.mod-templates .table-item .item-box:nth-child(5) {
  width: 136px;
}
.page-content-table.mod-licenses .table-item {
  padding-right: 60px;
}
.page-content-table.mod-licenses .table-item .item-box:nth-child(1) {
  width: 30%;
}
.page-content-table.mod-licenses .table-item .item-box:nth-child(2) {
  width: 20%;
}
.page-content-table.mod-licenses .table-item .item-box:nth-child(3) {
  width: 20%;
}
.page-content-table.mod-licenses .table-item .item-box:nth-child(4) {
  width: 15%;
}
.page-content-table.mod-licenses .table-item .item-box:nth-child(5) {
  width: 15%;
}
.page-content-table.mod-timesheet .table-item {
  display: flex;
  padding-right: 0;
}
.page-content-table.mod-timesheet .table-item .item-box {
  display: flex;
  flex-grow: 1;
}
.page-content-table.mod-timesheet .table-item .item-box:nth-child(1) {
  width: 50px;
}
.page-content-table.mod-timesheet .table-item .item-box:nth-child(2) {
  width: 120px;
}
.page-content-table.mod-timesheet .table-item .item-box:nth-child(3) {
  width: 245px;
}
.page-content-table.mod-timesheet .table-item .item-box:nth-child(4) {
  width: 120px;
}
.page-content-table.mod-timesheet .table-item .item-box:nth-child(5) {
  width: 120px;
}
.page-content-table.mod-timesheet .table-item .item-box:nth-child(6) {
  width: 150px;
  text-align: right;
}
.page-content-table.mod-timesheet .table-item .item-box:nth-child(7) {
  width: 120px;
  text-align: right;
}
.page-content-table.mod-timesheet .table-item .item-box:nth-child(8) {
  width: 120px;
  text-align: right;
}
.page-content-table.mod-timesheet .table-item .item-box:nth-child(9) {
  padding-right: 0;
  width: 80px;
  justify-content: flex-end;
  text-align: right;
}
.page-content-table.mod-timesheet .table-item .item-box .item-text {
  word-break: break-word;
}
.page-content-table.mod-managers-small .table-item {
  padding-right: 0;
}
.page-content-table.mod-managers-small .table-item:last-child {
  border-bottom: 0;
}
.page-content-table.mod-managers-small .table-item .item-box {
  padding-right: 0;
}
.page-content-table.mod-managers-small .table-item .item-box:nth-child(1) {
  width: 63%;
}
.page-content-table.mod-managers-small .table-item .item-box:nth-child(2) {
  width: 22%;
}
.page-content-table.mod-managers-small .table-item .item-box:nth-child(3) {
  width: 15%;
  text-align: right;
}
.page-content-table.mod-managers-client .table-headline .table-item-data {
  padding: 0 0 0 10px;
  background: none;
}
.page-content-table.mod-managers-client .table-item-data {
  padding: 25px 0 23px 10px;
  border-radius: 2px;
}
.page-content-table.mod-managers-client .table-data .table-item:hover .table-item-data {
  background: #F8F8F8;
}
.page-content-table.mod-managers-client .table-data .table-item.is-active:after {
  position: absolute;
  content: "";
  top: 50%;
  right: -23px;
  transform: translateY(-50%);
  width: 11px;
  height: 18px;
  background: url("/images/sprite.svg") -291px -122px;
}
.page-content-table.mod-managers-client .table-data .table-item.is-active .table-item-data {
  background: #F8F8F8;
}
.page-content-table.mod-managers-client .table-data .table-item.is-active .item-name {
  font-weight: 600;
}
.page-content-table.mod-managers-client .table-data .table-item.is-disabled:hover .table-item-data {
  background: none;
}
.page-content-table.mod-managers-client .table-data .table-item.is-disabled .item-img {
  filter: grayscale(100%);
}
.page-content-table.mod-managers-client .table-data .table-item.is-disabled .item-name {
  opacity: 0.5;
}
.page-content-table.mod-managers-client .table-data .table-item.is-disabled .item-status {
  color: #9B9B9B;
}
.page-content-table.mod-managers-client .table-item {
  padding: 5px 0;
}
.page-content-table.mod-managers-client .table-item .item-box:nth-child(1) {
  width: 75%;
}
.page-content-table.mod-managers-client .table-item .item-box:nth-child(2) {
  width: 15%;
}
.page-content-table.mod-managers-client .table-item .item-box:nth-child(3) {
  width: 10%;
  min-width: 80px;
  padding-left: 0;
  padding-right: 0;
  text-align: right;
}

.table-item-holder.mod-draggable {
  height: 61px;
  border-bottom: 1px solid #E7E9ED;
}
.table-item-holder.mod-draggable .table-item {
  border: 0;
}
.table-item-holder.mod-draggable .table-item .item-name {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.table-item-holder.mod-draggable .table-item .item-text {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.table-item-holder .table-item.dndDraggingSource {
  display: none;
}
.table-item-holder .table-item.dndPlaceholder {
  min-height: 80px;
}
.table-item-holder .table-item.dndDragging {
  z-index: 1;
  border-bottom-color: transparent;
}
.table-item-holder .table-item.dndDragging:after {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  left: -15px;
  right: -15px;
  height: 100%;
  background-color: #fff;
  border: 1px solid #00A8FF;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
}

.dndPlaceholder {
  display: none !important;
}

.page-msg-holder {
  display: table;
  width: 100%;
  height: 500px;
  table-layout: fixed;
}
.page-msg-holder.mod-styled {
  background: #FFFFFF;
  border: 1px solid #E7E9ED;
  border-radius: 4px;
}
.page-msg-holder.mod-small {
  height: 380px;
}
.page-msg-holder.mod-full {
  height: 100%;
}
.page-msg-holder.mod-white {
  background: #fff;
}

.page-msg-data {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

.page-msg-data-wrapper {
  padding-bottom: 65px;
  text-align: center;
}

.page-msg .msg-img {
  margin-bottom: 45px;
}
.page-msg .msg-img .rounded {
  border-radius: 80px;
}
.page-msg .msg-img img {
  width: 80px;
  height: auto;
  display: inline-block;
  vertical-align: top;
}
.page-msg .msg-img svg {
  width: 80px;
  height: 80px;
}
.page-msg .msg-text {
  margin: 0;
  color: #9B9B9B;
  font-size: 1rem;
  line-height: 1.42;
}
.page-msg .msg-btn {
  position: relative;
  padding-left: 16px;
  font-size: 0.875rem;
  color: #19C23E;
  font-weight: 600;
}
.page-msg .msg-btn:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: url("/images/sprite.svg") -12px -305px;
}
.page-msg .msg-btn.mod-without-ico {
  padding-left: inherit;
}
.page-msg .msg-btn.mod-without-ico:after {
  content: none;
}

.tooltip.mod-right {
  padding-right: 45px;
  text-align: right;
}
.tooltip.mod-right .tooltip-text:after {
  right: 0;
  bottom: 5px;
}
.tooltip.mod-left {
  padding: 0 0 0 135px;
  text-align: left;
}
.tooltip.mod-left .tooltip-text {
  padding: 80px 0 0 125px;
}
.tooltip.mod-left .tooltip-text:after {
  position: absolute;
  left: 0;
  bottom: 5px;
  transform: scaleX(-1);
}

.tooltip-text {
  margin: 0;
  position: relative;
  display: inline-block;
  color: #333C48;
  font-size: 1rem;
  line-height: 1.42;
}
.tooltip-text:after {
  display: inline-block;
  margin-left: 26px;
  content: "";
  width: 84px;
  height: 81px;
  background: url("/images/sprite.svg") -185px 0px;
}

.info-tooltip {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 16px;
  vertical-align: middle;
  text-align: right;
}
.info-tooltip:hover .info-tooltip-dropdown {
  display: block;
}
.info-tooltip.mod-red .info-tooltip-ico {
  width: 16px;
  height: 16px;
  background: url("/images/sprite.svg") -32px -289px;
}
.info-tooltip.mod-red .info-tooltip-text {
  color: #FF4743;
}
.info-tooltip .info-tooltip-ico {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background: url("/images/sprite.svg") -274px -249px;
}
.info-tooltip .info-tooltip-dropdown {
  position: absolute;
  display: none;
  right: -14px;
  bottom: 100%;
  margin-bottom: 10px;
  white-space: nowrap;
  text-align: left;
  background: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.info-tooltip .info-tooltip-dropdown:after {
  position: absolute;
  content: "";
  top: 100%;
  right: 15px;
  margin-top: -10px;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.info-tooltip .info-tooltip-text {
  position: relative;
  z-index: 2;
  display: block;
  padding: 6px 9px;
  color: #7E8FA5;
  font-size: 0.875rem;
  background: #FFFFFF;
  border-radius: 4px;
}

.billing-btn.info-tooltip .info-tooltip-dropdown:after {
  right: 27px;
}

.billing-btn-box.info-tooltip .info-tooltip-dropdown:after {
  right: 27px;
}

.info-hint-tooltip {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
}
.info-hint-tooltip.mod-ml-20 {
  margin-left: 20px;
}

.info-hint-tooltip-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  fill: #7E8FA5;
  transform: translateY(-50%) translateX(-50%);
}
.info-hint-tooltip-ico:hover + .info-hint-tooltip-dropdown {
  display: block;
}

.info-hint-tooltip-dropdown {
  position: absolute;
  display: none;
  top: 100%;
  left: -13px;
  margin-top: 16px;
  width: 246px;
  background: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.1);
}
.info-hint-tooltip-dropdown:after {
  position: absolute;
  top: -7px;
  left: 13px;
  content: "";
  width: 15px;
  height: 15px;
  background: #FFFFFF;
  box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.1);
  transform: rotate(45deg);
}

.info-hint-tooltip-text {
  position: relative;
  z-index: 2;
  padding: 8px 9px;
  color: #7E8FA5;
  font-size: 0.8125rem;
  background: #FFFFFF;
  border-radius: 4px;
}

.billing-btn-box {
  padding-right: 10px;
}

.billings-settings-options {
  padding: 0 20px;
  margin-bottom: 8px;
}

.billings-settings-options-item {
  display: flex;
  padding: 16px 0;
  font-size: 0.9375rem;
  color: #333C48;
  line-height: 1.2;
  border-bottom: 1px solid #E7E9ED;
}
.billings-settings-options-item:last-child {
  border-bottom: 0;
}
.billings-settings-options-item.mod-add {
  flex-direction: column;
}
.billings-settings-options-item.mod-block {
  display: block;
}

.billings-settings-options-item-text {
  color: #ABAFB6;
  font-size: 15px;
  line-height: 18px;
}

.billings-settings-options-title {
  flex-grow: 1;
  width: 172px;
}

.billings-settings-options-text {
  flex-grow: 1;
  width: 118px;
}

.billings-settings-options-title-add {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  padding-right: 21px;
}
.billings-settings-options-title-add:after {
  position: absolute;
  content: "";
  top: 0.3125rem;
  right: 0.5rem;
  width: 1.6875rem;
  height: 1.6875rem;
  transform: rotate(45deg);
  border-top: 1px solid #DCDFE5;
  border-right: 1px solid #DCDFE5;
  box-sizing: border-box;
  border-radius: 2px;
}
.billings-settings-options-title-add input {
  max-width: 100px;
  padding: 8px 5px 7px 13px;
  font-size: 1rem;
  color: #333C48;
  background: #FFFFFF;
  border: 1px solid #DCDFE5;
  border-right: 0;
  border-radius: 4px 0 1px 4px;
  box-sizing: border-box;
}
.billings-settings-options-title-add input::-webkit-input-placeholder {
  color: rgba(51, 60, 72, 0.6);
  font-size: 1rem;
  font-family: inherit;
  transition: color 0.3s ease;
}
.billings-settings-options-title-add input:-moz-placeholder {
  color: rgba(51, 60, 72, 0.6);
  font-size: 1rem;
  font-family: inherit;
  transition: color 0.3s ease;
}
.billings-settings-options-title-add input::-moz-placeholder {
  color: rgba(51, 60, 72, 0.6);
  font-size: 1rem;
  font-family: inherit;
  transition: color 0.3s ease;
}
.billings-settings-options-title-add input:-ms-input-placeholder {
  color: rgba(51, 60, 72, 0.6);
  font-size: 1rem;
  font-family: inherit;
  transition: color 0.3s ease;
}

.billings-settings-options-link {
  margin-bottom: 6px;
}

.billings-settings-options-total {
  padding: 17px 20px;
  border-top: 1px solid #E7E9ED;
}

.billings-settings-options-total-label {
  font-weight: 600;
}

.billings-settings-options-total-price {
  font-size: 1rem;
  color: #373F51;
  font-weight: 600;
}

.billings-settings-options-summary {
  display: flex;
  padding: 17px 20px;
  background: #F8F8F8;
  font-weight: bold;
}

.billings-settings-options-add {
  display: flex;
  align-items: center;
}

.billings-settings-history-title {
  display: block;
  padding: 20px 20px;
  font-size: 1rem;
  color: #7E8FA5;
  line-height: 1.1875;
  border-bottom: 1px solid #DEE2E6;
  box-sizing: border-box;
}

.billings-settings-history-item {
  position: relative;
  display: flex;
  padding: 12px 20px 13px;
}
.billings-settings-history-item:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 20px;
  width: calc(100% - 40px);
  height: 1px;
  background: #E7E9ED;
}
.billings-settings-history-item.is-active {
  background: #F5F8FB;
}
.billings-settings-history-item.is-active .billings-settings-history-date {
  color: #00A8FF;
}

.billings-settings-history-item-box {
  display: flex;
}
.billings-settings-history-item-box:first-child {
  flex: 1 0 auto;
  flex-direction: column;
}
.billings-settings-history-item-box:last-child {
  align-items: center;
  white-space: nowrap;
}

.billings-settings-history-date {
  color: #333C48;
  font-size: 0.9375rem;
  line-height: 1.2;
  font-weight: 600;
}

.billings-settings-history-name {
  margin-left: 6px;
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  font-weight: 600;
}

.billings-settings-info-title {
  display: flex;
  padding: 17px 20px;
  font-size: 1rem;
  color: #7E8FA5;
  background: #F8F8F8;
}
.billings-settings-info-title.mod-black {
  color: #333C48;
}

.billings-settings-info-title-val {
  flex: 1;
}

.billings-settings-info-data-wrapper {
  display: flex;
  height: calc(100% - 56px);
  flex-direction: column;
  justify-content: space-between;
}

.billings-settings-info-data {
  padding: 14px 20px;
}
.billings-settings-info-data .form-label {
  margin-bottom: 10px;
}

.billings-settings-info-item {
  position: relative;
  width: 100%;
  margin-bottom: 8px;
  padding: 0;
  font-size: 0.9375rem;
  color: #333C48;
  line-height: 1.4;
  border: 0;
  resize: none;
}
.billings-settings-info-item:last-child {
  margin-bottom: 0;
}

.billings-settings-info-date {
  position: relative;
}
.billings-settings-info-date .form-input {
  display: inline-block;
  width: 111px;
  padding: 0 7px 0 18px;
  border: none;
  background: none;
  text-align: center;
  font-size: 0.875rem;
  color: #7E8FA5;
  box-sizing: border-box;
  font-weight: 600;
}
.billings-settings-info-date:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background: url("/images/sprite.svg") -165px -221px;
}
.billings-settings-info-date:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  transform: translateY(-50%) translateZ(0);
  border-style: solid;
  border-width: 5px 3px 0 3px;
  border-color: #7E8FA5 transparent transparent transparent;
}

.billings-settings-info-datepicker {
  position: relative;
}

.item-val-box.mod-billing-settings {
  width: 107px;
}

.item-val-holder.mod-billing-settings {
  position: relative;
  display: inline-block;
  max-width: 100%;
  width: auto;
  min-width: 107px;
  height: 21px;
  color: #333C48;
  font-size: 0.9375rem;
  cursor: pointer;
  outline: none;
  vertical-align: top;
  box-sizing: border-box;
}
.item-val-holder.mod-billing-settings:hover .item-val:after {
  opacity: 1;
}
.item-val-holder.mod-billing-settings .item-val {
  position: relative;
  padding-right: 25px;
  outline: none;
  max-width: 100%;
  cursor: pointer;
  border-bottom: 1px solid transparent;
  box-sizing: border-box;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.item-val-holder.mod-billing-settings .item-val:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 0.4;
  width: 18px;
  height: 18px;
  background: url("/images/sprite.svg") -268px -269px;
}
.item-val-holder.mod-billing-settings .item-val.mod-placeholder {
  color: #AFB2B9;
}
.item-val-holder.mod-billing-settings .item-input {
  position: absolute;
  display: block;
  top: -9px;
  left: -14px;
  width: 121px;
}
.item-val-holder.mod-billing-settings .form-input {
  font-size: inherit;
  padding-top: 9px;
  padding-bottom: 9px;
}
.item-val-holder.mod-disable-hover {
  pointer-events: none;
}
.item-val-holder.mod-disable-hover .item-val:after {
  content: none;
}
.item-val-holder.mod-full {
  width: 100%;
}
.item-val-holder.mod-full .item-input {
  left: 0;
  width: 100%;
}
.item-val-holder.mod-full .item-input .form-msg {
  font-size: 0.75rem;
  margin-top: 0;
}
.item-val-holder.mod-short {
  min-width: 80px;
}
.item-val-holder.mod-short .item-input {
  width: 94px;
}
.item-val-holder.mod-textarea {
  height: 42px;
  max-height: 42px;
}
.item-val-holder.mod-textarea .item-val {
  max-height: 100%;
  white-space: normal;
}
.item-val-holder.mod-no-ico .item-val:after {
  content: none;
}

.billing-settings-header.mod-notes .billing-settings-box:nth-child(1),
.billing-settings-data.mod-notes .billing-settings-box:nth-child(1) {
  width: 25%;
}
.billing-settings-header.mod-notes .billing-settings-box:nth-child(2),
.billing-settings-data.mod-notes .billing-settings-box:nth-child(2) {
  width: 40%;
}
.billing-settings-header.mod-notes .billing-settings-box:nth-child(3),
.billing-settings-data.mod-notes .billing-settings-box:nth-child(3) {
  width: 10%;
}
.billing-settings-header.mod-notes .billing-settings-box:nth-child(4),
.billing-settings-data.mod-notes .billing-settings-box:nth-child(4) {
  width: 25%;
}
.billing-settings-header.mod-notes .billing-settings-box:last-child,
.billing-settings-data.mod-notes .billing-settings-box:last-child {
  padding-right: 0;
}

.billing-settings-box {
  position: relative;
  display: flex;
  flex-grow: 1;
  padding-right: 15px;
  flex-direction: column;
  box-sizing: border-box;
  align-items: flex-start;
}
.billing-settings-box:nth-child(1) {
  width: 99px;
  position: initial;
}
.billing-settings-box:nth-child(2) {
  width: 196px;
}
.billing-settings-box:nth-child(3) {
  width: 155px;
}
.billing-settings-box:nth-child(4) {
  width: 129px;
}
.billing-settings-box:nth-child(5) {
  width: 139px;
}
.billing-settings-box:nth-child(6) {
  width: 601px;
  padding-right: 0;
  flex-direction: row;
}
.billing-settings-box.mod-btn {
  padding-right: 75px;
}
.billing-settings-box.mod-checkbox {
  padding-left: 30px;
}
.billing-settings-box.mod-input-cost {
  position: relative;
  flex-direction: row;
}
.billing-settings-box.mod-v-align-center {
  justify-content: center;
}

.billing-settings-sub-box {
  display: flex;
  flex-grow: 1;
  min-height: 36px;
  align-items: flex-start;
}
.billing-settings-sub-box:nth-child(1) {
  width: 160px;
  flex-direction: column;
}
.billing-settings-sub-box:nth-child(2) {
  width: 290px;
  flex-wrap: wrap;
}
.billing-settings-sub-box.mod-btn {
  position: absolute;
  right: 0;
}

.billing-settings.mod-create .billing-settings-group-holder {
  padding: 0;
}
.billing-settings.mod-create .billing-settings-header {
  padding-left: 30px;
  padding-right: 15px;
}
.billing-settings.mod-create .billing-settings-text {
  margin: -3px 0 -4px;
  padding: 0;
}

.billing-settings.mod-create .billing-settings-group {
  background: rgba(248, 249, 250, 0.5);
  border: 0;
  border-top: 1px solid #E7E9ED;
  border-bottom: 1px solid #E7E9ED;
  border-radius: 0;
}
.billing-settings.mod-create .billing-settings-group:after {
  top: 0;
  left: 0;
  background: #00A8FF;
  width: 2px;
  height: 100%;
  border: none;
  transform: none;
}
.billing-settings.mod-create .billing-settings-group .billing-settings-item {
  padding-bottom: 0;
}
.billing-settings.mod-create .billing-settings-group .billing-settings-item:hover {
  background: rgba(248, 249, 250, 0.5);
}
.billing-settings.mod-create .billing-settings-group .billing-settings-item:last-child .billing-settings-box:not(:empty) {
  border-bottom-color: transparent;
}
.billing-settings.mod-create .billing-settings-group .billing-settings-item .billing-settings-box {
  padding-bottom: 15px;
}
.billing-settings.mod-create .billing-settings-group .billing-settings-item .billing-settings-box:not(:empty) {
  border-bottom: 1px solid #E7E9ED;
}

.billing-settings.mod-create .billing-settings-box {
  flex-grow: 1;
  padding-right: 15px;
  justify-content: center;
}
.billing-settings.mod-create .billing-settings-box:nth-child(1) {
  width: 15px;
}
.billing-settings.mod-create .billing-settings-box:nth-child(2) {
  width: 30px;
}
.billing-settings.mod-create .billing-settings-box:nth-child(3) {
  width: 70px;
  align-items: flex-end;
}
.billing-settings.mod-create .billing-settings-box:nth-child(3) .mod-input-date {
  width: 85px;
}
.billing-settings.mod-create .billing-settings-box:nth-child(4) {
  width: 180px;
}
.billing-settings.mod-create .billing-settings-box:nth-child(4) .billing-settings-header-title {
  padding-left: 20px;
}
.billing-settings.mod-create .billing-settings-box:nth-child(4) .billing-settings-text {
  width: 100%;
  padding-left: 20px;
}
.billing-settings.mod-create .billing-settings-box:nth-child(5) {
  width: 110px;
}
.billing-settings.mod-create .billing-settings-box:nth-child(5) .billing-settings-header-title {
  width: 100%;
}
.billing-settings.mod-create .billing-settings-box:nth-child(5) .billing-settings-text {
  width: 100%;
}
.billing-settings.mod-create .billing-settings-box:nth-child(6) {
  width: 120px;
}
.billing-settings.mod-create .billing-settings-box:nth-child(7) {
  width: 72px;
}
.billing-settings.mod-create .billing-settings-box:nth-child(7) .billing-settings-text {
  position: relative;
}
.billing-settings.mod-create .billing-settings-box:nth-child(8) {
  width: 72px;
  align-items: flex-end;
}
.billing-settings.mod-create .billing-settings-box:nth-child(9) {
  width: 40px;
  align-items: flex-end;
}
.billing-settings.mod-create .billing-settings-box:nth-child(10) {
  position: initial;
  width: 130px;
  align-items: flex-end;
}
.billing-settings.mod-create .billing-settings-box:nth-child(11) {
  width: 130px;
  align-items: flex-end;
}

.billing-settings.mod-create .billing-settings-item {
  position: relative;
  padding-top: 6px;
  padding-right: 15px;
  padding-left: 30px;
  padding-bottom: 5px;
}
.billing-settings.mod-create .billing-settings-item:hover {
  background: #F1FBFF;
}
.billing-settings.mod-create .billing-settings-item .billing-settings-box {
  padding: 10px 15px 10px 0;
  margin: 0;
}
.billing-settings.mod-create .billing-settings-item-remove {
  left: -15px;
}

.billing-settings.mod-employee-create .billing-settings-box {
  flex-grow: 1;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(1) {
  width: 15px;
  text-align: center;
  align-items: center;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(1) .billing-settings-text {
  padding-left: 0;
  margin-left: 0;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(2) {
  width: 30px;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(3) {
  width: 70px;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(4) {
  padding-right: 25px;
  width: 180px;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(5) {
  padding-right: 25px;
  width: 110px;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(5) .billing-settings-header-title {
  text-align: left;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(5) .billing-settings-text {
  text-align: left;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(6) {
  width: 120px;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(6) .billing-settings-header-title {
  text-align: left;
  width: 100%;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(6) .billing-settings-text {
  text-align: left;
  width: 100%;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(7) {
  width: 72px;
  align-items: center;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(7) .billing-settings-header-title {
  width: 100%;
  text-align: right;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(7) .billing-settings-text {
  width: 100%;
  text-align: right;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(8) {
  width: 72px;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(8) .billing-settings-header-title {
  width: 100%;
  text-align: right;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(8) .billing-settings-text {
  width: 100%;
  text-align: right;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(9) {
  width: 40px;
  text-align: right;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(9) .billing-settings-header-title {
  width: 100%;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(9) .billing-settings-text {
  width: 100%;
  text-align: right;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(10) {
  width: 130px;
  padding-left: 20px;
  align-items: flex-start;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(10) .billing-settings-header-title {
  width: 100%;
  text-align: left;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(10) .billing-settings-text-wrapper {
  width: 100%;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(10) .billing-settings-text {
  width: 100%;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(11) {
  position: initial;
  width: 130px;
  align-items: flex-start;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(11) .billing-settings-header-title {
  width: 100%;
  text-align: left;
}
.billing-settings.mod-employee-create .billing-settings-box:nth-child(12) {
  width: 77px;
  align-items: flex-end;
  justify-content: center;
  padding: 0 61px 0 0;
}

.billing-settings.mod-employee .billing-settings-box {
  flex-grow: 1;
}
.billing-settings.mod-employee .billing-settings-box:nth-child(1) {
  width: 99px;
}
.billing-settings.mod-employee .billing-settings-box:nth-child(2) {
  width: 351px;
}
.billing-settings.mod-employee .billing-settings-box:nth-child(3) {
  width: 195px;
}
.billing-settings.mod-employee .billing-settings-box:nth-child(4) {
  width: 139px;
}
.billing-settings.mod-employee .billing-settings-box:nth-child(5) {
  width: 601px;
  padding-right: 0;
  flex-direction: row;
}

.billing-settings.mod-employee-large .billing-settings-box {
  flex-grow: 1;
  margin: 0;
  justify-content: center;
}
.billing-settings.mod-employee-large .billing-settings-box:nth-child(1) {
  width: 91px;
  align-items: center;
}
.billing-settings.mod-employee-large .billing-settings-box:nth-child(2) {
  width: 196px;
}
.billing-settings.mod-employee-large .billing-settings-box:nth-child(3) {
  width: 139px;
}
.billing-settings.mod-employee-large .billing-settings-box:nth-child(4) {
  width: 101px;
}
.billing-settings.mod-employee-large .billing-settings-box:nth-child(5) {
  width: 115px;
}
.billing-settings.mod-employee-large .billing-settings-box:nth-child(6) {
  width: 115px;
  flex-direction: column;
}
.billing-settings.mod-employee-large .billing-settings-box:nth-child(7) {
  width: 354px;
}
.billing-settings.mod-employee-large .billing-settings-box:nth-child(7) .billing-settings-time {
  margin: 0;
}
.billing-settings.mod-employee-large .billing-settings-box:nth-child(7) .billing-settings-date {
  margin: 0;
}
.billing-settings.mod-employee-large .billing-settings-item .billing-settings-box:nth-child(7) {
  flex-direction: row;
}
.billing-settings.mod-employee-large .billing-settings-item .billing-settings-box:nth-child(7) .billing-settings-sub-box {
  width: 160px;
  justify-content: center;
}
.billing-settings.mod-employee-large .billing-settings-item .billing-settings-box:nth-child(7) .billing-settings-sub-box:nth-child(2) {
  width: 194px;
}

.billing-settings.mod-edit-invoice .billing-settings-box {
  margin: 0;
  flex-grow: 1;
  padding-right: 15px;
  justify-content: center;
}
.billing-settings.mod-edit-invoice .billing-settings-box:nth-child(1) {
  width: 30px;
  align-items: center;
}
.billing-settings.mod-edit-invoice .billing-settings-box:nth-child(2) {
  width: 120px;
  align-items: flex-end;
}
.billing-settings.mod-edit-invoice .billing-settings-box:nth-child(2) .mod-input-date {
  width: 85px;
}
.billing-settings.mod-edit-invoice .billing-settings-box:nth-child(3) {
  width: 256px;
}
.billing-settings.mod-edit-invoice .billing-settings-box:nth-child(3) .billing-settings-header-title {
  padding-left: 20px;
}
.billing-settings.mod-edit-invoice .billing-settings-box:nth-child(3) .billing-settings-text {
  width: 100%;
  padding-left: 20px;
}
.billing-settings.mod-edit-invoice .billing-settings-box:nth-child(4) {
  width: 256px;
}
.billing-settings.mod-edit-invoice .billing-settings-box:nth-child(4) .billing-settings-header-title {
  width: 100%;
}
.billing-settings.mod-edit-invoice .billing-settings-box:nth-child(4) .billing-settings-text {
  width: 100%;
}
.billing-settings.mod-edit-invoice .billing-settings-box:nth-child(5) {
  width: 120px;
  align-items: flex-end;
}
.billing-settings.mod-edit-invoice .billing-settings-box:nth-child(5) .billing-settings-text {
  position: relative;
}
.billing-settings.mod-edit-invoice .billing-settings-box:nth-child(6) {
  width: 120px;
  justify-content: flex-end;
  align-items: center;
}
.billing-settings.mod-edit-invoice .billing-settings-box:nth-child(6) .billing-settings-text {
  position: relative;
}
.billing-settings.mod-edit-invoice .billing-settings-box:nth-child(7) {
  width: 80px;
  align-items: flex-end;
}
.billing-settings.mod-edit-invoice .billing-settings-box:nth-child(8) {
  width: 120px;
  align-items: flex-end;
}
.billing-settings.mod-edit-invoice .billing-settings-box:nth-child(9) {
  position: initial;
  width: 120px;
  align-items: flex-end;
}
.billing-settings.mod-edit-invoice .billing-settings-box:nth-child(10) {
  width: 110px;
  align-items: flex-end;
  padding-right: 60px;
}
.billing-settings.mod-edit-invoice .billing-settings-box:nth-child(10) .billing-settings-text {
  width: 100%;
  padding: 0;
}

.billing-settings.mod-edit-invoice .billing-settings-group-holder {
  padding: 0;
}
.billing-settings.mod-edit-invoice .billing-settings-group {
  background: rgba(248, 249, 250, 0.5);
  border: 0;
  border-top: 1px solid #E7E9ED;
  border-bottom: 1px solid #E7E9ED;
  border-radius: 0;
}
.billing-settings.mod-edit-invoice .billing-settings-group:after {
  top: 0;
  left: 0;
  background: #00A8FF;
  width: 2px;
  height: 100%;
  border: none;
  transform: none;
}
.billing-settings.mod-edit-invoice .billing-settings-group .billing-settings-item {
  padding: 0 30px;
  min-height: 50px;
}
.billing-settings.mod-edit-invoice .billing-settings-group .billing-settings-item:hover {
  background: rgba(248, 249, 250, 0.5);
}
.billing-settings.mod-edit-invoice .billing-settings-group .billing-settings-item:last-child .billing-settings-box:not(:empty) {
  border-bottom-color: transparent;
}
.billing-settings.mod-edit-invoice .billing-settings-group .billing-settings-item .billing-settings-box:not(:empty) {
  border-bottom: 1px solid #E7E9ED;
}

.billing-settings-header {
  display: flex;
  padding: 8px 30px;
  background: #F8F8F8;
}

.billing-settings-header-title {
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  font-weight: 600;
}
.billing-settings-header-title.mod-sortable {
  position: relative;
  padding-right: 15px;
  cursor: pointer;
}
.billing-settings-header-title.mod-sortable:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3.5px 0 3.5px;
  border-color: #7E8FA5 transparent transparent transparent;
  transform: translateY(-50%);
}
.billing-settings-header-title.mod-sortable-top {
  color: #4D5262;
}
.billing-settings-header-title.mod-sortable-top:after {
  transform: translateY(-50%) rotate(180deg);
  border-color: #4D5262 transparent transparent transparent;
}
.billing-settings-header-title.mod-sortable-bottom {
  color: #4D5262;
}
.billing-settings-header-title.mod-sortable-bottom:after {
  border-color: #4D5262 transparent transparent transparent;
}

.billing-settings-invoice-sign {
  display: inline-block;
  margin-right: 10px;
  color: #7E8FA5;
  font-size: 1rem;
  vertical-align: middle;
  outline: none;
  font-weight: 600;
}
.billing-settings-invoice-sign:empty:after {
  opacity: 0.6;
  cursor: text;
  content: attr(data-label);
}

.billing-settings-invoice-val {
  display: inline-block;
  color: #333C48;
  font-size: 1rem;
  vertical-align: middle;
  font-weight: 600;
}
.billing-settings-invoice-val.mod-border {
  border-bottom: 1px dashed #07ABFF;
}

.billing-settings-booking-sign {
  font-size: 0.875rem;
  color: #7E8FA5;
  line-height: 1.2142857143;
}

.billing-settings-booking-sign-val {
  border-bottom: 1px solid transparent;
}
.billing-settings-booking-sign-val.mod-editable {
  margin-right: 5px;
  outline: none;
}
.billing-settings-booking-sign-val.mod-editable:empty:after {
  opacity: 0.6;
  cursor: text;
  content: attr(data-label);
}
.billing-settings-booking-sign-val.mod-editable:focus {
  border-bottom-color: #00A8FF;
}

.billing-settings-booking-name {
  font-size: 1rem;
  color: #333C48;
  line-height: 1.25;
  outline: none;
  font-weight: 600;
}
.billing-settings-booking-name.mod-editable:empty:after {
  opacity: 0.6;
  cursor: text;
  content: attr(data-label);
}

.billing-settings-remove {
  position: absolute;
  top: 50%;
  right: 0;
  cursor: pointer;
  opacity: 0.6;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -40px -249px;
}
.billing-settings-remove:hover {
  opacity: 1;
}

.billing-settings-item {
  position: relative;
  display: flex;
  padding: 12px 30px;
  border-bottom: 1px solid #E7E9ED;
}
.billing-settings-item:hover {
  background: #F1FBFF;
}
.billing-settings-item:hover .billing-settings-item-remove,
.billing-settings-item:hover .billing-settings-item-delete {
  display: block;
}
.billing-settings-item.is-highlighted-blue {
  background: rgba(0, 168, 255, 0.2);
}
.billing-settings-item.is-highlighted-red {
  background: rgba(255, 71, 67, 0.2);
}
.billing-settings-item.is-highlighted-green {
  background: rgba(0, 187, 40, 0.2);
}
.billing-settings-item.is-highlighted-yellow {
  background: rgba(255, 166, 25, 0.2);
}
.billing-settings-item .billing-settings-box {
  margin: 10px 0;
}
.billing-settings-item .billing-settings-box:nth-child(1) {
  flex-direction: row;
  justify-content: flex-start;
}
.billing-settings-item .billing-settings-box:last-child {
  margin: 0;
}
.billing-settings-item .billing-settings-box:last-child .billing-settings-sub-box {
  margin: 10px 0;
}

.billing-settings-item-holder.is-active .billing-settings-item {
  border-bottom-color: transparent;
}
.billing-settings-item-holder.is-active .billing-settings-group-holder .billing-settings-item-holder {
  border-bottom: 1px solid #E7E9ED;
}
.billing-settings-item-holder.is-active .billing-settings-group-holder .billing-settings-item-holder:last-child {
  border-bottom: 0;
}
.billing-settings-item-holder.is-active .billing-settings-time-val:after {
  transform: translateY(-50%) rotate(180deg);
}
.billing-settings-item-holder:last-child .billing-settings-item {
  border-bottom-color: transparent;
}

.billing-settings-group-holder {
  padding: 0 10px;
}

.billing-settings-group {
  position: relative;
  background: #F8F8F8;
  border: 1px solid #E7E9ED;
  border-radius: 8px;
  box-sizing: border-box;
}
.billing-settings-group:after {
  position: absolute;
  content: "";
  top: -1px;
  left: 50%;
  width: 15px;
  height: 15px;
  background: #F8F8F8;
  border-top: 1px solid #E7E9ED;
  border-right: 1px solid #E7E9ED;
  transform: translateY(-50%) rotate(-45deg);
}
.billing-settings-group .billing-settings-item {
  padding-right: 20px;
  padding-left: 20px;
}

.billing-settings-text-wrapper {
  display: flex;
}
.billing-settings-text-wrapper .billing-settings-text:first-child {
  width: 16px;
}

.billing-settings-text {
  margin: 0 -4px;
  padding: 0 4px;
  color: #333C48;
  font-size: 0.9375rem;
  line-height: 1.2;
  background: none;
  border-bottom: 1px dashed transparent;
  box-sizing: border-box;
}
.billing-settings-text:hover .item-val-text {
  color: #00A8FF;
}
.billing-settings-text:hover .svg-ico.mod-time {
  fill: #00A8FF;
}
.billing-settings-text.mod-msg {
  font-size: 0.875rem;
  color: #7E8FA5;
  font-weight: 600;
}
.billing-settings-text.mod-semibold {
  font-weight: 600;
}
.billing-settings-text.mod-dropdown {
  position: relative;
  width: 100%;
  cursor: pointer;
  padding-left: 14px;
  box-sizing: border-box;
}
.billing-settings-text.mod-dropdown:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #7E8FA5;
  transform: translateY(-50%);
}
.billing-settings-text.mod-dropdown.is-open:after {
  transform: translateY(-50%) rotate(90deg);
  transform-origin: center;
}
.billing-settings-text.mod-input-time {
  width: 40px;
  background: none;
}
.billing-settings-text.mod-input-date {
  width: 100px;
  background: none;
}
.billing-settings-text.mod-input-cost {
  margin-top: -4px;
  width: 100px;
}
.billing-settings-text.mod-input-text {
  width: 100px;
}
.billing-settings-text.mod-no-wrap {
  width: 100%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.billing-settings-text.is-highlighted {
  position: relative;
  z-index: 0;
}
.billing-settings-text.is-highlighted:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 24px;
  background: #FFEBCB;
  z-index: -1;
}
.billing-settings-text.is-highlighted .svg-ico {
  z-index: 1;
}
.billing-settings-text.is-highlighted .item-val-box {
  z-index: 1;
}
.billing-settings-text.mod-small {
  font-size: 0.8125rem;
}
.billing-settings-text.mod-gray {
  color: #7E8FA5;
}
.billing-settings-text.mod-red .item-val-text {
  color: #FF4743;
}
.billing-settings-text.mod-red .svg-ico.mod-time {
  fill: #FF4743;
}
.billing-settings-text.mod-disabled .item-val-text {
  cursor: default;
  color: #AFB2B9;
}
.billing-settings-text.mod-disabled .svg-ico.mod-time {
  fill: #AFB2B9;
}
.billing-settings-text p {
  margin: 0;
}
.billing-settings-text .svg-ico {
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  fill: #7E8FA5;
}
.billing-settings-text .item-val-box {
  margin-left: -8px;
  position: relative;
  height: 36px;
}
.billing-settings-text .item-val-box.is-error .item-val-error-msg {
  display: block;
}
.billing-settings-text .item-val-box.is-error .form-input {
  border-color: #FF4743;
}
.billing-settings-text .item-val-text {
  position: relative;
  padding: 8px 8px;
  height: 36px;
  max-width: 100%;
  font-size: 15px;
  color: #333C48;
  cursor: pointer;
  outline: none;
  vertical-align: top;
  border: 1px solid transparent;
  box-sizing: border-box;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.billing-settings-text .item-val-text.hide {
  opacity: 0;
}
.billing-settings-text .item-val-error-msg {
  position: absolute;
  display: none;
  left: -16px;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background: url("/images/sprite.svg") -48px -289px;
}
.billing-settings-text .item-val-error-msg:hover .item-val-error-msg-text {
  display: block;
}
.billing-settings-text .item-input {
  z-index: 2;
  width: 100%;
}
.billing-settings-text .item-input .form-input {
  padding: 8px 8px;
  width: 100%;
  height: 36px;
  font-size: 0.9375rem;
  color: #333C48;
  background-color: #fff;
  box-sizing: border-box;
}
.billing-settings-text .item-input .form-msg {
  display: none;
}
.billing-settings-text .item-val-error-msg-text {
  position: absolute;
  display: none;
  left: 50%;
  margin-bottom: 7px;
  bottom: 100%;
  text-align: center;
  font-size: 0.875rem;
  color: #FFFFFF;
  background: #FF4743;
  border-radius: 3px;
  transform: translateX(-50%);
}
.billing-settings-text .item-val-error-msg-text:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-top: -8px;
  background: #FF4743;
  transform: translateX(-50%) rotate(45deg);
}
.billing-settings-text .item-val-error-msg-text span {
  position: relative;
  z-index: 2;
  display: block;
  background: #FF4743;
  width: 165px;
  border-radius: 3px;
}
.billing-settings-text.mod-short-ico .item-val-box {
  margin-left: 0;
}
.billing-settings-text.mod-short-ico .item-val-text {
  padding-left: 21px;
  margin-right: -8px;
  max-width: none;
}
.billing-settings-text.mod-short-ico .form-input {
  margin-right: -8px;
  padding-left: 25px;
  width: 76px;
}
.billing-settings-text.mod-short .item-val-box {
  margin-left: 0;
}
.billing-settings-text.mod-short .item-val-text {
  margin-right: -8px;
  max-width: none;
}
.billing-settings-text.mod-short .form-input {
  margin-right: -8px;
  width: 80px;
  text-align: right;
}
.billing-settings-text.mod-left .item-val-text {
  text-align: left;
}
.billing-settings-text.mod-left .form-input {
  text-align: left;
}
.billing-settings-text.mod-right .item-val-text {
  text-align: right;
}
.billing-settings-text.mod-right .form-input {
  text-align: right;
}
.billing-settings-text .datepicker-holder {
  z-index: 999;
}

.billing-settings-item-remove {
  position: absolute;
  display: none;
  left: -15px;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #E7E9ED;
  border-radius: 50%;
  box-sizing: border-box;
}
.billing-settings-item-remove:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0.8);
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -79px -249px;
}

.billing-settings-item-delete {
  position: absolute;
  display: none;
  right: -20px;
  top: 0;
  width: 40px;
  height: 100%;
  cursor: pointer;
}
.billing-settings-item-delete:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: url("/images/sprite.svg") -173px -289px;
}

.billing-btn {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-left: 5px;
  vertical-align: top;
  cursor: pointer;
}
@media all and (max-width: calc(1340 / 16)em) {
  .billing-btn {
    margin-left: 0;
  }
}
.billing-btn.mod-pdf:after {
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -269px -225px;
}
.billing-btn.mod-print:after {
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -20px -249px;
}
.billing-btn.mod-edit:after {
  width: 18px;
  height: 18px;
  background: url("/images/sprite.svg") -268px -269px;
}
.billing-btn.mod-eye:after {
  width: 23px;
  height: 15px;
  background: url("/images/sprite.svg") -245px -127px;
}
.billing-btn.mod-invoice:after {
  width: 17px;
  height: 17px;
  background: url("/images/ico/billing_invoice.svg") no-repeat;
  background-size: contain;
}
.billing-btn.bg-red:after {
  background: url("/images/ico/billing_invoice_red.svg") no-repeat;
  background-size: contain;
}
.billing-btn:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.billing-settings-time {
  position: relative;
  margin-bottom: 7px;
  padding-left: 27px;
  color: #333C48;
  font-size: 0.9375rem;
  line-height: 1.2;
}
.billing-settings-time:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -55px -269px;
}
.billing-settings-time.mod-link {
  cursor: pointer;
}
.billing-settings-time.mod-link:after {
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -20px -269px;
}
.billing-settings-time.mod-link .billing-settings-time-val {
  color: #00A8FF;
}
.billing-settings-time.mod-link .billing-settings-time-val:after {
  content: "";
}
.billing-settings-time p {
  margin: 0;
}

.billing-settings-time-val {
  position: relative;
  display: inline-block;
  padding-right: 13px;
}
.billing-settings-time-val:after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 12px;
  height: 9px;
  background: url("/images/sprite.svg") -215px -289px;
}

.billing-settings-time-notification {
  position: relative;
  margin: 0;
  padding-left: 25px;
  color: #7E8FA5;
  font-size: 0.75rem;
  line-height: 1.25;
  font-weight: 600;
}
.billing-settings-time-notification:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 18px;
  height: 11px;
  background: url("/images/sprite.svg") -291px -140px;
}

.billing-settings .mod-v-align-center .form-checkbox {
  top: 10px;
}
.billing-settings .form-checkbox {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.billing-settings .form-checkbox .checkbox-text:before {
  border: 2px solid #B8BAC1;
  border-radius: 2px;
}
.billing-settings .form-checkbox .checkbox-text:after {
  left: 1px;
  width: 14px;
  height: 11px;
  background: url("/images/sprite.svg") -187px -289px;
}
.billing-settings .form-checkbox .checkbox-input:checked + .checkbox-text:before {
  border-color: #00A8FF;
  background: #00A8FF;
}

.billing-settings-menu {
  position: relative;
  width: 18px;
  height: 10px;
}
.billing-settings-menu:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 22px;
  height: 8px;
  background: url("/images/sprite.svg") -224px -81px;
}

.billing-settings-comment {
  position: relative;
  width: 100%;
}
.billing-settings-comment:hover .billing-settings-comment-dropdown {
  display: block;
}

.billing-settings-comment-text {
  margin: 2px 0 0;
  max-width: 100%;
  color: #7E8FA5;
  font-size: 0.75rem;
  line-height: 1.25;
  font-weight: 600;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.billing-settings-comment-dropdown {
  position: absolute;
  display: none;
  z-index: 99;
  right: 0;
  top: 100%;
  margin-top: 5px;
  min-width: 120px;
  max-width: 200px;
  color: #7E8FA5;
  font-size: 0.75rem;
  line-height: 1.25;
  background: #fff;
  word-break: break-word;
  padding: 10px;
  border-radius: 3px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}

.comment-dropdown {
  position: absolute;
  top: 0;
  right: 0;
  width: 55px;
  height: 100%;
}
.comment-dropdown.mod-timeline {
  z-index: 3;
  width: 15px;
  height: 14px;
}
.comment-dropdown.is-active .comment-dropdown-ico {
  width: 20px;
  height: 19px;
  background: url("/images/sprite.svg") -217px -249px;
}
.comment-dropdown.is-active .comment-dropdown-box {
  display: block;
  z-index: 99;
}
.comment-dropdown.is-unread .comment-dropdown-ico:after {
  display: block;
}

.comment-dropdown-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 14px;
  transform: translateY(-50%) translateX(-50%);
  width: 19px;
  height: 18px;
  background: url("/images/sprite.svg") -255px -249px;
}
.comment-dropdown-ico:after {
  position: absolute;
  display: none;
  content: "";
  top: 0;
  right: 0;
  width: 4px;
  height: 4px;
  margin: -1px -1px 0 0;
  background-color: #00A8FF;
  border-radius: 50%;
}

.comment-dropdown-box {
  position: absolute;
  top: 100%;
  right: 0;
  width: 300px;
  background: #FFFFFF;
  box-shadow: 0 0 13px 0 rgba(157, 157, 157, 0.5);
  border-radius: 2px;
}

.comment-dropdown-title {
  display: block;
  margin: 0;
  padding: 13px 20px;
  color: #333C48;
  font-size: 0.875rem;
  line-height: 1.5714285714;
  border-bottom: 1px solid #E7E9ED;
  box-sizing: border-box;
  font-weight: 600;
}
.comment-dropdown-title span {
  display: inline-block;
  margin-left: 5px;
  min-width: 22px;
  padding: 0 2px;
  vertical-align: middle;
  color: #FFFFFF;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.8333333333;
  background: #FF7800;
  border-radius: 50%;
  box-sizing: border-box;
}

.subscription-billing-box {
  padding: 32px 30px 0;
}

.subscription-billing-holder {
  margin-bottom: 26px;
}
.subscription-billing-holder.mod-title {
  padding-top: 28px;
  padding-bottom: 38px;
  background-color: #f8f9fa;
  border-bottom: 1px solid #E7E9ED;
}

.subscription-billing-label {
  color: #373f51;
  font-size: 1.125rem;
  margin-bottom: 16px;
}

.subscription-billing-input-list {
  margin: 8px -4px 5px;
}

.subscription-billing-input-list-item {
  display: inline-block;
  padding: 0 4px;
  vertical-align: top;
}
.subscription-billing-input-list-item.mod-w196 {
  width: 196px;
}
.subscription-billing-input-list-item.mod-w80 {
  width: 80px;
}

.subscription-billing-table-holder {
  display: table;
  width: 100%;
}

.subscription-billing-table-item {
  display: table-cell;
  position: relative;
}
.subscription-billing-table-item.mod-secured {
  min-width: 130px;
}

.subscription-billing-error {
  color: #ff4743;
  font-size: 0.875rem;
  line-height: 1.42;
}

.subscription-billing-employees-input-holder {
  display: inline-block;
  width: 80px;
}

.subscription-billing-card-ico {
  position: absolute;
  top: 0;
  right: 0;
  width: 52px;
  height: 100%;
}
.subscription-billing-card-ico .svg-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 16px;
  transform: translateY(-50%) translateX(-50%);
  opacity: 0.4;
  cursor: pointer;
}
.subscription-billing-card-ico .svg-ico:hover {
  opacity: 1;
}

.subscription-billing-secured-text {
  text-align: right;
  color: #afb2b9;
  font-size: 0.8125rem;
  margin-bottom: 6px;
}
.subscription-billing-secured-text.mod-license-number {
  margin-bottom: 2px;
}

.subscription-billing-secured-text-img {
  opacity: 0.7;
  margin-top: 2px;
  vertical-align: top;
}
.subscription-billing-secured-text-img:hover {
  opacity: 1;
}

.subscription-billing-text.mod-bold {
  font-weight: 600;
}
.subscription-billing-text.mod-label {
  color: #7e8fa5;
}

.subscription-billing-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1;
}
.subscription-billing-overlay.mod-padding-sides {
  padding: 0 32px;
}

.subscription-billing-loader-wrapper {
  display: flex;
  height: 100%;
  padding: 20px 24px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.subscription-billing-loader {
  width: 100%;
  height: 40px;
  margin-bottom: 24px;
  background: url("/images/loader.svg") no-repeat;
  background-position: 50%;
}

.subscription-billing-loader-text {
  margin: 0;
  color: #373f51;
}

.subscription-billing-card-box {
  padding: 24px 24px 20px;
  text-align: center;
  border-radius: 0 0 4px 4px;
  background-color: #ffffff;
  box-shadow: 0 4px 12px rgba(126, 143, 165, 0.6);
}
.subscription-billing-card-box.mod-padding-0 {
  padding: 0;
}

.subscription-billing-card-tabs {
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #b2bcc9;
  background: #ffffff;
}

.subscription-billing-card-tabs-item {
  display: inline-block;
  min-width: 120px;
  padding: 9px 18px 8px;
  color: #00a6ff;
  font-size: 0.875rem;
  box-sizing: border-box;
  cursor: pointer;
}
.subscription-billing-card-tabs-item.is-active {
  color: #ffffff;
  background-color: #00bb28;
  cursor: default;
}

.subscription-billing-card-img-wrapper {
  margin-top: 16px;
  margin-bottom: 16px;
}

.subscription-billing-card-img {
  width: 100%;
  height: auto;
}

.subscription-billing-card-button {
  color: #00a6ff;
  font-size: 0.9375rem;
  cursor: pointer;
  white-space: nowrap;
}
.subscription-billing-card-button.mod-size-14 {
  font-size: 0.875rem;
}

.subscription-billing-title-text {
  color: #7e8fa5;
}
.subscription-billing-title-text.mod-highlighted {
  color: #373f51;
  font-weight: 700;
}
.subscription-billing-title-text.mod-no-shrink {
  flex-shrink: 0;
}

.subscription-billing-title-text-box {
  margin-top: 16px;
}
.subscription-billing-title-text-box.mod-table {
  display: table;
  width: 100%;
}
.subscription-billing-title-text-box.mod-flex {
  display: flex;
  align-items: center;
}

.subscription-billing-title-text-box-item {
  display: table-cell;
}
.subscription-billing-title-text-box-item.mod-right-part {
  text-align: right;
  min-width: 160px;
}

.subscription-billing-warning {
  font-size: 0.875rem;
  line-height: 1.42;
  margin-top: 5px;
}

.subscription-billing-warning-text {
  margin: 0;
  padding-left: 20px;
}

.subscription-billing-warning-title {
  position: relative;
  padding-left: 20px;
  box-sizing: border-box;
  font-weight: 700;
}

.subscription-billing-warning-title-ico {
  position: absolute;
  top: 2px;
  left: 0;
  width: 14px;
  height: 13px;
  fill: #FF4743;
}

.subscription-billing-secret-number {
  padding-left: 40px;
  color: #7e8fa5;
  box-sizing: border-box;
}

.subscription-billing-secret-number-ico {
  position: absolute;
  top: 1px;
  left: 0;
  width: 28px;
  height: 17px;
}

.subscription-billing-secret-number-dots {
  letter-spacing: 1px;
}

.subscription-billing-secret-number-btn {
  display: inline-block;
  margin-top: 6px;
  color: #7e8fa5;
  font-size: 0.9375rem;
  cursor: pointer;
  border-bottom: 1px dotted #7e8fa5;
}

.subscription-downgrade-list {
  height: 364px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.subscription-downgrade-list::-webkit-scrollbar {
  width: 4px;
  border-radius: 25px;
}
.subscription-downgrade-list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 25px;
}
.subscription-downgrade-list::-webkit-scrollbar-thumb {
  background: #D8D8D8;
  border-radius: 25px;
}

.subscription-downgrade-list-item {
  position: relative;
  display: flex;
  align-items: center;
  height: 52px;
  padding-left: 120px;
  margin-bottom: 4px;
  box-sizing: border-box;
  cursor: pointer;
}
.subscription-downgrade-list-item.is-selected, .subscription-downgrade-list-item:hover {
  background-color: #edfaf0;
}

.subscription-downgrade-checkbox {
  position: absolute;
  top: 50%;
  left: 32px;
  margin-top: -8px;
  cursor: pointer;
}

.subscription-downgrade-checkbox-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.subscription-downgrade-checkbox-input:checked + .subscription-downgrade-checkbox-ico {
  border: 1px solid #00bb28;
}
.subscription-downgrade-checkbox-input:checked + .subscription-downgrade-checkbox-ico .svg-ico {
  display: block;
  fill: #00bb28;
}

.subscription-downgrade-checkbox-ico {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border: 1px solid #dbdfe5;
  box-sizing: border-box;
  border-radius: 4px;
  transform: translateZ(0);
}
.subscription-downgrade-checkbox-ico .svg-ico {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  transform: translateY(-50%) translateX(-50%);
}

.subscription-downgrade-list-item-img {
  position: absolute;
  top: 50%;
  left: 64px;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  overflow: hidden;
  transform: translateZ(0);
  border-radius: 50%;
}
.subscription-downgrade-list-item-img img {
  width: 100%;
  height: auto;
}

.subscription-downgrade-list-item-text-wrap {
  line-height: 1.375;
  padding-right: 12px;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.subscription-downgrade-list-item-title {
  display: block;
  color: #373f51;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.subscription-downgrade-list-item-description {
  display: block;
  color: #7d8fa6;
  font-size: 0.875rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.license-number-input-holder {
  display: inline-block;
  width: 104px;
}
.license-number-input-holder .form-input {
  padding-right: 37px;
}

.license-number-ico {
  position: absolute;
  right: 1px;
  width: 24px;
  height: 50%;
  background: #f8f9fa;
  border-left: 1px solid #dbdfe5;
  box-sizing: border-box;
  user-select: none;
}
.license-number-ico.mod-up {
  top: 1px;
  border-bottom: 1px solid #dbdfe5;
  border-radius: 0 4px 0 0;
}
.license-number-ico.mod-down {
  bottom: 1px;
  border-top: 1px solid #dbdfe5;
  border-radius: 0 0 4px;
}
.license-number-ico .svg-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 9px;
  transform: translateY(-50%) translateX(-50%);
}

.license-number-card-ico {
  display: inline-block;
  margin-right: 7px;
  vertical-align: top;
}
.license-number-card-ico.mod-mastercard .svg-ico {
  width: 28px;
  height: 17px;
}
.license-number-card-ico.mod-visa .svg-ico {
  width: 37px;
  height: 12px;
}

.license-total-sum {
  margin-top: 10px;
  border: 1px dashed #E7E9ED;
  border-radius: 4px;
}

.license-total-sum-wrapper {
  padding: 10px 14px 20px 14px;
}
.license-total-sum-wrapper.mod-grand {
  padding-bottom: 10px;
  background-color: #F8F9FA;
}

.license-total-sum-item {
  display: flex;
}
.license-total-sum-item:not(:first-child) {
  margin-top: 20px;
}

.license-total-sum-item-label {
  display: flex;
  padding-right: 10px;
  flex-grow: 1;
  font-size: 0.9375rem;
  color: #7E8FA5;
}
.license-total-sum-item-label.mod-grand {
  font-weight: 600;
}
.license-total-sum-item-label.mod-grand .license-total-sum-item-text {
  display: flex;
  align-items: flex-end;
}

.license-total-sum-item-text {
  display: inline-block;
}

.license-total-sum-item-val {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-end;
  font-size: 0.9375rem;
  color: #373F51;
}
.license-total-sum-item-val.mod-grand {
  font-size: 1rem;
  font-weight: 600;
}

.notifications-settings-wrapper {
  background-color: #F8F8F8;
}

.notifications-settings-header {
  display: flex;
  align-items: center;
  background-color: #F8F8F8;
  border-bottom: 1px solid #E7E9ED;
}

.notifications-settings-header-box {
  display: flex;
  padding: 4px 32px;
  min-width: 0;
  box-sizing: border-box;
}
.notifications-settings-header-box.mod-compact {
  padding-left: 16px;
  padding-right: 0;
}

.notifications-settings-header-title {
  color: #7E8FA5;
  font-size: 0.875rem;
  font-weight: 600;
}

.notifications-settings-box {
  flex-grow: 1;
  padding-right: 16px;
  box-sizing: border-box;
}
.notifications-settings-box.mod-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.notifications-settings-box-notification-name {
  width: 280px;
}

.notifications-settings-box-notification-type {
  width: 128px;
}

.notifications-settings-box-notification-urgent {
  width: 96px;
}

.notifications-settings-box-notification-type-desktop {
  width: 96px;
}

.notifications-settings-box-notification-type-email {
  width: 96px;
}

.notifications-settings-box-main-column {
  width: 248px;
  border-right: 1px solid #E7E9ED;
}

.notifications-settings-box-flex-grow {
  flex-grow: 1;
}

.notifications-settings-group {
  display: flex;
  margin-bottom: 16px;
  background-color: #FFFFFF;
}
.notifications-settings-group:last-child {
  margin-bottom: 0;
}

.notifications-settings-group-main {
  padding: 20px 32px;
  box-sizing: border-box;
}

.notifications-settings-group-details {
  font-size: 0.9375rem;
}

.notifications-settings-group-main-title {
  color: #4D5262;
  font-size: 1.125rem;
  font-weight: 600;
}

.notifications-settings-group-main-controls {
  display: flex;
  margin-top: 5px;
  align-items: center;
}

.notifications-settings-separator {
  height: 100%;
  min-height: 24px;
  width: 1px;
  margin: 0 16px;
  background-color: #E7E9ED;
}

.notifications-settings-group-details-item {
  display: flex;
  padding: 21px 0 21px 16px;
  min-height: 64px;
  border-bottom: 1px solid #E7E9ED;
  align-items: center;
  box-sizing: border-box;
}
.notifications-settings-group-details-item:last-child {
  border-bottom: 0;
}

.notifications-settings-checkbox {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.notifications-settings-checkbox-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.notifications-settings-checkbox-input:checked + .notifications-settings-checkbox-ico {
  background: #00BB28;
  border-color: #00BB28;
}
.notifications-settings-checkbox-input:checked + .notifications-settings-checkbox-ico:after {
  content: "";
}

.notifications-settings-checkbox-ico {
  position: absolute;
  left: 0;
  width: 15px;
  height: 15px;
  background: #FFFFFF;
  border: 2px solid #B8BAC1;
  box-sizing: border-box;
  border-radius: 2px;
  transform: translateZ(0);
}
.notifications-settings-checkbox-ico .svg-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin: 0;
  fill: #FFFFFF;
  transform: translate(-50%, -50%);
}

.notification-employees-list-wrapper {
  position: relative;
}
.notification-employees-list-wrapper:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 47px;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) -82.98%, rgba(255, 255, 255, 0.8) 115.96%);
  z-index: 1;
}

.notification-employees-list {
  height: 503px;
  padding-bottom: 47px;
  overflow-y: auto;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}
.notification-employees-list::-webkit-scrollbar {
  width: 4px;
  border-radius: 25px;
}
.notification-employees-list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 25px;
}
.notification-employees-list::-webkit-scrollbar-thumb {
  background: #D8D8D8;
  border-radius: 25px;
}

.notification-employees-list-item {
  padding: 10px 0 10px 30px;
  box-sizing: border-box;
}

.notification-employees-list-item-wrapper {
  position: relative;
  display: inline-flex;
  height: 30px;
  max-width: 100%;
  padding-left: 40px;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
}
.notification-employees-list-item-wrapper.mod-header {
  margin-left: 10px;
  cursor: default;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.notification-employees-list-item-img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  overflow: hidden;
  transform: translateZ(0);
  border-radius: 50%;
}
.notification-employees-list-item-img img {
  width: 100%;
  height: auto;
}

.notes-preview-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 48px;
  color: #373F51;
  font-size: 1rem;
  line-height: 1.4375;
  overflow: hidden;
}
.notes-preview-text.is-show {
  display: block;
  height: auto;
  overflow: initial;
  -webkit-line-clamp: initial;
}

.notes-preview-box {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.notes-preview-date {
  max-width: 194px;
}

.notes-preview-date-value {
  color: #373F51;
  font-size: 1rem;
  line-height: 1.4375;
}

.notes-preview-history {
  font-size: 0.9375rem;
  color: #979797;
  line-height: 1.4375;
}

.notes-preview-btn {
  color: #00A6FF;
  font-size: 0.9375rem;
  line-height: normal;
  cursor: pointer;
}

.notes-preview-actions .btn {
  margin: 0 5px;
}

.notes-preview-attachments {
  margin-top: 10px;
}

.notes-preview-attachments-item {
  display: inline-block;
  margin: 0 3px;
  width: 23px;
  height: 30px;
  vertical-align: top;
}

.notes-preview-attachments-ico {
  width: 100%;
  height: 100%;
}

.timeline-event {
  position: absolute;
  width: 220px;
}

.timeline-event-select.is-active .timeline-event-select-current:after {
  content: "";
}

.timeline-event-select-current {
  position: relative;
  width: 100%;
  height: 40px;
  padding: 0 50px;
  font-size: 0.875rem;
  color: #00A6FF;
  background: #FFFFFF;
  line-height: 40px;
  border: 1px dashed #00A6FF;
  border-radius: 4px;
  text-align: center;
  box-sizing: border-box;
  font-weight: bold;
}
.timeline-event-select-current:after {
  position: absolute;
  top: 50%;
  right: 17px;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #00A6FF transparent transparent transparent;
}
.timeline-event-select-current .timeline-event-select-ico {
  fill: #00A6FF;
}

.timeline-event-select-list {
  position: absolute;
  z-index: 99;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #FFFFFF;
  border: 1px solid #00A6FF;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(55, 63, 81, 0.12);
  border-radius: 4px;
}

.timeline-event-select-item {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 50px;
  height: 36px;
  font-size: 0.875rem;
  color: #373F51;
  line-height: 36px;
  text-align: left;
  box-sizing: border-box;
}
.timeline-event-select-item:hover {
  background: rgba(126, 143, 165, 0.08);
}

.timeline-event-select-ico {
  position: absolute;
  top: 50%;
  left: 16px;
  width: 16px;
  height: 16px;
  fill: #C9CBD0;
  margin-top: -8px;
}

.icon:after {
  position: absolute;
  left: 0;
  top: 2px;
  content: "";
}
.icon.check-ico {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: #00A8FF;
  border: 1px solid #00A8FF;
  box-sizing: border-box;
  border-radius: 50%;
}
.icon.check-ico:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 14px;
  height: 11px;
  background: url("/images/sprite.svg") -187px -289px;
}
.icon.check-ico.bg-green {
  background: #00BB28;
}
.icon.mod-never:after {
  top: 0;
  width: 18px;
  height: 18px;
  background: url("/images/sprite.svg") -291px -48px;
}
.icon.attention-ico {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 50%;
}
.icon.attention-ico:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 17px;
  height: 17px;
  background: url("/images/sprite.svg") -291px -195px;
}
.icon.warning-ico {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 50%;
}
.icon.warning-ico:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 16px;
  height: 16px;
  background: url("/images/sprite.svg") -274px -249px;
}
.icon:hover .info-tooltip-dropdown {
  display: block;
}
.icon .info-tooltip-dropdown {
  position: absolute;
  display: none;
  left: -9px;
  bottom: 100%;
  max-width: 250px;
  margin-bottom: 10px;
  text-align: left;
  background: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.icon .info-tooltip-dropdown:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 8px;
  margin-top: -10px;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.icon .info-tooltip-text {
  position: relative;
  z-index: 2;
  display: block;
  padding: 6px 9px;
  color: #7E8FA5;
  font-size: 0.875rem;
  background: #FFFFFF;
  border-radius: 4px;
}

.loader {
  position: absolute;
  z-index: 990;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
}
.loader.mod-fixed {
  position: fixed;
}

.loader-text {
  position: absolute;
  top: 50%;
  left: 50%;
  padding-top: 49px;
  font-size: 14px;
  color: #A7A7A7;
  font-weight: 300;
  transform: translateY(-50%) translateX(-50%);
}
.loader-text:after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  background: url("/images/loader.svg");
}

.photo-placeholder {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #606D80;
  text-align: center;
  font-weight: bold;
}

.photo-placeholder-text {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #3D4756;
  font-size: 0.625rem;
  line-height: 12px;
  transform: translateY(-50%) translate(-50%);
}

.person-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #606D80;
}
.person-placeholder:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 22px;
  height: 28px;
  background: url("/images/sprite.svg") -130px -190px;
}

.person-placeholder-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7E8FA5;
}
.person-placeholder-text:after {
  position: absolute;
  content: attr(data-text);
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 0.875rem;
  color: #FFFFFF;
  font-style: normal;
  line-height: 1;
  font-weight: bold;
}

.person-placeholder-name {
  position: absolute;
  display: none;
  z-index: 99;
  bottom: 100%;
  left: -25px;
  margin-bottom: 15px;
  font-size: 0.875rem;
  color: #333C48;
  letter-spacing: 0;
  line-height: 2.4285714286;
  background: #FFFFFF;
  white-space: nowrap;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.person-placeholder-name:after {
  position: absolute;
  content: "";
  left: 30px;
  bottom: -5px;
  width: 15px;
  height: 15px;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  transform: rotate(45deg);
}
.person-placeholder-name.mod-align-right {
  left: auto;
  right: -25px;
}
.person-placeholder-name.mod-align-right:after {
  left: auto;
  right: 30px;
}

.person-placeholder-name-data {
  position: relative;
  display: block;
  z-index: 2;
  padding: 5px 15px;
  background: #fff;
  box-sizing: border-box;
  border-radius: 4px;
}

.mod-alarm-response:after {
  width: 27px;
  height: 32px;
  background: url("/images/sprite.svg") 0px -158px;
}

.mod-alarm-response-small:after {
  width: 19px;
  height: 22px;
  background: url("/images/sprite.svg") -269px -121px;
}

.mod-female-security-officer:after {
  width: 30px;
  height: 32px;
  background: url("/images/sprite.svg") -68px -95px;
}

.mod-female-security-officer-small:after {
  width: 20px;
  height: 22px;
  background: url("/images/sprite.svg") -145px -221px;
}

.mod-key-holding:after {
  width: 30px;
  height: 31px;
  background: url("/images/sprite.svg") 0px -190px;
}

.mod-key-holding-small:after {
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") 0px -269px;
}

.mod-patrol-security:after {
  width: 32px;
  height: 30px;
  background: url("/images/sprite.svg") -68px -127px;
}

.mod-patrol-security-small:after {
  width: 22px;
  height: 20px;
  background: url("/images/sprite.svg") -269px -61px;
}

.mod-radio-rental:after {
  width: 20px;
  height: 33px;
  background: url("/images/sprite.svg") -128px -115px;
}

.mod-radio-rental-small:after {
  width: 14px;
  height: 22px;
  background: url("/images/sprite.svg") -187px -221px;
}

.mod-secret-camera:after {
  width: 31px;
  height: 30px;
  background: url("/images/sprite.svg") -81px -158px;
}

.mod-secret-camera-small:after {
  width: 21px;
  height: 20px;
  background: url("/images/sprite.svg") -269px -185px;
}

.mod-secret-shopper:after {
  width: 30px;
  height: 33px;
  background: url("/images/sprite.svg") -148px -115px;
}

.mod-secret-shopper-small:after {
  width: 20px;
  height: 22px;
  background: url("/images/sprite.svg") -269px -81px;
}

.mod-security-officer:after {
  width: 28px;
  height: 32px;
  background: url("/images/sprite.svg") -27px -158px;
}

.mod-security-officer-small:after {
  width: 20px;
  height: 22px;
  background: url("/images/sprite.svg") -201px -221px;
}

.mod-security-supervisor:after {
  width: 26px;
  height: 32px;
  background: url("/images/sprite.svg") -55px -158px;
}

.mod-security-supervisor-small:after {
  width: 18px;
  height: 22px;
  background: url("/images/sprite.svg") -237px -221px;
}

.mod-steward:after {
  width: 24px;
  height: 32px;
  background: url("/images/sprite.svg") -68px -63px;
}

.mod-steward-small:after {
  width: 16px;
  height: 22px;
  background: url("/images/sprite.svg") -221px -221px;
}

.mod-traffic-marshal:after {
  width: 26px;
  height: 28px;
  background: url("/images/sprite.svg") -104px -190px;
}

.mod-traffic-marshal-small:after {
  width: 18px;
  height: 20px;
  background: url("/images/sprite.svg") -155px -269px;
}

.mod-trainer:after {
  width: 32px;
  height: 26px;
  background: url("/images/sprite.svg") -185px -127px;
}

.mod-trainer-small:after {
  width: 22px;
  height: 17px;
  background: url("/images/sprite.svg") -269px -22px;
}

.mod-doc-type-drivers-licence:after {
  width: 28px;
  height: 20px;
  background: url("/images/sprite.svg") -217px -127px;
}

.mod-doc-type-employment-contract:after {
  width: 22px;
  height: 28px;
  background: url("/images/sprite.svg") -195px -158px;
}

.mod-doc-type-first-aid:after {
  width: 28px;
  height: 25px;
  background: url("/images/sprite.svg") -217px -158px;
}

.mod-doc-type-new-starter-form:after {
  width: 22px;
  height: 28px;
  background: url("/images/sprite.svg") -30px -190px;
}

.mod-doc-type-passport:after {
  width: 24px;
  height: 28px;
  background: url("/images/sprite.svg") -52px -190px;
}

.mod-doc-type-proof-of-address:after {
  width: 28px;
  height: 28px;
  background: url("/images/sprite.svg") -76px -190px;
}

.mod-doc-type-right-to-work:after {
  width: 25px;
  height: 28px;
  background: url("/images/sprite.svg") -170px -158px;
}

.mod-doc-type-risk-assessment:after {
  width: 29px;
  height: 29px;
  background: url("/images/sprite.svg") -112px -158px;
}

.mod-doc-type-sia:after {
  width: 28px;
  height: 21px;
  background: url("/images/sprite.svg") -152px -190px;
}

.mod-doc-type-site-instruction:after {
  width: 21px;
  height: 28px;
  background: url("/images/sprite.svg") 0px -221px;
}

.mod-doc-type-site-survey:after {
  width: 28px;
  height: 28px;
  background: url("/images/sprite.svg") -21px -221px;
}

.mod-doc-type-vetting-file:after {
  width: 29px;
  height: 29px;
  background: url("/images/sprite.svg") -141px -158px;
}

.mod-doc-type-visa:after {
  width: 28px;
  height: 28px;
  background: url("/images/sprite.svg") -71px -221px;
}

.mod-dov-type-cv:after {
  width: 22px;
  height: 28px;
  background: url("/images/sprite.svg") -49px -221px;
}

.service-ico {
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 30px;
  min-width: 30px;
  transform: translateY(-50%);
}
.service-ico:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.service-ico.mod-small {
  width: 20px;
  height: 20px;
}
.service-ico.mod-small:after {
  transform: translateY(-50%) translateX(-50%) scale(0.8);
}
.service-ico.mod-center {
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.service-ico.mod-empty {
  background: #f1f4f8;
}
.service-ico.mod-empty:before {
  position: absolute;
  content: "";
  top: -2px;
  left: -2px;
  width: 100%;
  height: 100%;
  border: 2px solid #00A8FF;
  border-radius: 2px;
}
.service-ico.mod-margin {
  margin-right: 10px;
}
.service-ico.mod-static {
  position: static;
  display: inline-block;
  transform: none;
  text-align: center;
  font-size: 0;
}

.icons-dropdown {
  z-index: 1;
  padding: 10px 0;
  margin: -10px 0;
  cursor: pointer;
}
.icons-dropdown.is-active {
  z-index: 99;
}
.icons-dropdown.is-active .icons-dd {
  display: block;
}
.icons-dropdown.mod-absolute {
  position: absolute;
  top: 50%;
  padding: 0;
  margin: 0;
  transform: translateY(-50%);
}

.icons-dd {
  display: none;
  position: absolute;
  top: 100%;
  left: -12px;
  z-index: 2;
  margin-top: 19px;
  width: 500px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.icons-dd:after {
  position: absolute;
  content: "";
  top: -7px;
  left: 20px;
  z-index: 1;
  width: 14px;
  height: 14px;
  background: #fff;
  transform: rotate(45deg);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.icons-dd.mod-fixed-width {
  width: 314px;
  left: -12px;
  margin-top: 12px;
}
.icons-dd .dd-data {
  position: relative;
  padding: 14px 0 0 14px;
  z-index: 2;
  background-color: #fff;
  border-radius: 4px;
}
.icons-dd .select-item {
  margin: 0 14px 14px 0;
}

.header {
  position: relative;
  z-index: 900;
  height: 62px;
  background: #2B333E;
  user-select: none;
  min-width: 1140px;
}

.header-logo {
  float: left;
  position: relative;
  text-align: left;
  margin-right: 15px;
  padding: 13px 30px 4px 0;
}
.header-logo:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  margin-top: -8px;
  width: 1px;
  height: 20px;
  opacity: 0.3;
  background: #7E8FA5;
}
.header-logo img {
  position: relative;
  left: -3px;
  width: 136px;
  height: 30px;
}

.header-logo-sign {
  position: absolute;
  right: 20px;
  top: 8px;
  padding: 0 4px;
  font-size: 0.625rem;
  color: #FFFFFF;
  line-height: 1.2;
  background: #FF7800;
  letter-spacing: 0.1px;
  border-radius: 2px;
  text-transform: uppercase;
  font-weight: bold;
}

gccs-employee-header-notifications-list {
  float: left;
  height: 100%;
}

.header-notifications-holder {
  position: relative;
  float: left;
  padding: 7px 29px 25px 0;
}

.header-notifications {
  position: absolute;
  display: none;
  z-index: 99;
  top: 100%;
  margin-top: -4px;
  right: -4px;
  width: 350px;
  background: #FFFFFF;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.48);
  border-radius: 4px;
}
.header-notifications:after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  right: 31px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #F8FAFC;
  transform: rotate(45deg);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.48);
}

.header-notifications-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -213px -269px;
}

.header-notifications-btn-counter {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 24px;
  height: 24px;
  line-height: 22px;
  font-size: 0.75rem;
  color: #fff;
  text-align: center;
  background-color: #FF7800;
  border: 2px solid #2B333E;
  border-radius: 50%;
  transform: translateY(-50%) translateX(50%);
  box-sizing: border-box;
  font-weight: bold;
}

.header-notifications-data {
  background: #fff;
  max-height: 450px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.header-notifications-box {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #E7E9ED;
}
.header-notifications-box:hover {
  box-shadow: 0 1px 3px 0 rgba(231, 233, 237, 0.4) inset;
}
.header-notifications-box:hover .header-notifications-list:after {
  content: "";
}
.header-notifications-box.is-real-time-show {
  animation: previewFadeIn 0.5s ease-in-out forwards;
}
.header-notifications-box.is-real-time-hide {
  animation: previewFadeOut 0.5s ease-in-out forwards;
}

@keyframes previewFadeIn {
  from {
    display: none;
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    display: block;
    opacity: 1;
    height: auto;
    transform: translateY(0);
  }
}
@keyframes previewFadeOut {
  0% {
    display: block;
    transform: translateY(0);
    opacity: 1;
  }
  50.1% {
    display: none;
    opacity: 0.5;
    transform: translateY(-10px);
  }
  100% {
    opacity: 0;
    height: 0;
  }
}
.header-notifications-msg {
  margin: 0;
  padding: 20px 25px;
  text-align: center;
  font-size: 0.75rem;
  color: #7F8FA4;
}

.header-notifications-headline {
  position: relative;
  display: table;
  padding: 14px 20px;
  width: 100%;
  z-index: 2;
  background: #F8FAFC;
  border-bottom: 1px solid #DFE3E9;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
}

.header-notifications-headline-box {
  display: table-cell;
  vertical-align: middle;
}
.header-notifications-headline-box:last-child {
  text-align: right;
}

.header-notifications-headline-title {
  margin: 0;
  font-size: 1rem;
  color: #333C48;
  line-height: 1.2;
  font-weight: 600;
}

.header-notifications-headline-dropdown {
  position: relative;
  z-index: 99;
}
.header-notifications-headline-dropdown.is-active .dropdown-current:after {
  transform: translateY(-50%) rotate(180deg);
}
.header-notifications-headline-dropdown.is-active .dropdown-list {
  display: block;
}
.header-notifications-headline-dropdown .dropdown-current {
  position: relative;
  max-width: 80px;
  padding-right: 18px;
  margin: 0;
  font-size: 0.875rem;
  color: #1A1A1A;
  cursor: pointer;
  box-sizing: border-box;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.header-notifications-headline-dropdown .dropdown-current:after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  transform: translateY(-50%);
  width: 12px;
  height: 9px;
  background: url("/images/sprite.svg") -215px -289px;
}
.header-notifications-headline-dropdown .dropdown-list {
  position: absolute;
  display: none;
  margin: 0;
  padding: 7px;
  top: 100%;
  right: -7px;
  max-width: 200px;
  min-width: 100px;
  list-style: none;
  background: #FFFFFF;
  border: 1px solid #DFE3E9;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  border-radius: 2px;
}
.header-notifications-headline-dropdown .dropdown-list .list-item {
  width: 100%;
  padding: 0 10px;
  font-size: 1rem;
  color: #333C48;
  line-height: 32px;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.header-notifications-headline-dropdown .dropdown-list .list-item:hover {
  background: #F5F8FB;
  color: #00A8FF;
  border-radius: 4px;
}

.header-notifications-info {
  padding: 11px 20px;
  border-bottom: 1px solid #F9F8F6;
}

.header-notifications-info-box {
  display: table;
  margin-bottom: -5px;
  width: 100%;
}
.header-notifications-info-box:after {
  display: table;
  content: "";
  clear: both;
}

.header-notifications-info-item {
  display: table-cell;
  vertical-align: middle;
}
.header-notifications-info-item:last-child {
  text-align: right;
}

.header-notifications-info-status {
  margin: 0;
  color: #00BB28;
  font-size: 0.5625rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: bold;
}
.header-notifications-info-status.mod-red {
  color: #FF4743;
}
.header-notifications-info-status.mod-blue {
  color: #00A8FF;
}
.header-notifications-info-status.mod-yellow {
  color: #F5A623;
}

.header-notifications-info-time {
  margin: 0;
  font-size: 0.625rem;
  color: #7E8FA5;
}

.header-notifications-info-text {
  font-size: 1rem;
  line-height: 1.25;
  color: #333C48;
  font-weight: 600;
}
.header-notifications-info-text.mod-gray {
  font-size: 0.875rem;
  color: #7E8FA5;
  line-height: 1.428571429;
}

.header-notifications-list {
  margin: 0;
  padding: 10px 20px;
  list-style: none;
}
.header-notifications-list:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: #00A8FF;
}

.header-notifications-item {
  display: table;
  margin-bottom: 5px;
  table-layout: fixed;
}
.header-notifications-item:after {
  display: table;
  content: "";
  clear: both;
}
.header-notifications-item:last-child {
  margin-bottom: 0;
}

.header-notifications-title {
  display: table-cell;
  width: 95px;
  vertical-align: middle;
}

.header-notifications-title-text {
  font-size: 0.875rem;
  color: #7E8FA5;
  line-height: 1.2;
}

.header-notifications-item-box {
  display: table-cell;
  width: calc(100% - 95px);
  vertical-align: middle;
}

.header-notifications-text {
  margin-right: 15px;
  font-size: 0.875rem;
  color: #333C48;
  line-height: 1.2;
}
.header-notifications-text:last-child {
  margin-right: 0;
}
.header-notifications-text.mod-currency {
  margin-right: 5px;
  color: #7E8FA5;
}

.header-notifications-actions {
  padding: 10px 11px;
  border-top: 1px solid #F9F8F6;
}
.header-notifications-actions .btn {
  margin: 0 9px;
}

.header-nav {
  float: left;
}

.header-nav-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.header-nav-item {
  float: left;
  padding: 0 15px;
}

.header-nav-link {
  padding: 17px 0 19px 0;
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.3;
  color: #fff;
  color: rgba(255, 255, 255, 0.5);
  transition: color 0.3s ease;
  font-weight: 600;
}
.header-nav-link:hover {
  color: #fff;
}
.header-nav-link.is-active {
  color: #fff;
}
.header-nav-link.is-active:after {
  content: "";
}
.header-nav-link:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #00A8FF;
}

.header-user {
  display: flex;
  float: right;
  height: 62px;
  align-items: center;
}

.header-user-item {
  position: relative;
}
.header-user-item:nth-child(2):after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 1px;
  height: 20px;
  margin-top: -10px;
  background-color: #4F5B6B;
}

.header-user-menu-holder {
  position: relative;
  float: left;
  padding: 0 15px 0 20px;
}
.header-user-menu-holder:before {
  position: absolute;
  content: "";
  top: 50%;
  right: -4px;
  transform: translateY(-50%);
  width: 14px;
  height: 9px;
  background: url("/images/sprite.svg") -201px -289px;
}

.header-user-menu-logo {
  position: relative;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
}
.header-user-menu-logo img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.header-user-menu-settings {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 15px;
}
.header-user-menu-settings:hover .settings-dd {
  display: block;
}
.header-user-menu-settings .settings-dd {
  right: -24px;
}
.header-user-menu-settings .settings-dd:after {
  right: 20px;
}

.main-fixed-notification {
  position: fixed;
  z-index: 999;
  top: 10px;
  left: 50%;
  display: inline-block;
  flex-direction: column;
  max-width: 100%;
  text-align: center;
  transform: translateX(-50%);
}
@media all and (max-width: calc(768 / 16)em) {
  .main-fixed-notification {
    width: 100%;
    top: 0;
  }
}

.main-fixed-notification.mod-full {
  width: 100%;
  top: 0;
  left: 0;
  transform: none;
}
.main-fixed-notification.mod-full .notification-item {
  margin-bottom: 0;
  padding: 4px 16px;
  font-size: 0.9375rem;
  border-radius: 0;
}
.main-fixed-notification .notification-item {
  position: relative;
  margin: 0 auto 10px;
  padding: 16px 50px 16px 25px;
  text-align: center;
  font-size: 1rem;
  line-height: 1.45;
  color: #FFFFFF;
  background: #00BB28;
  border-radius: 4px;
  box-sizing: border-box;
  font-weight: 600;
}
@media all and (max-width: calc(768 / 16)em) {
  .main-fixed-notification .notification-item {
    padding: 8px 30px 8px 15px;
    font-size: 0.75rem;
  }
}
.main-fixed-notification .notification-item.mod-blue {
  background: #00A8FF;
}
.main-fixed-notification .notification-item.mod-red {
  background: #FF4743;
}
.main-fixed-notification .notification-btn {
  display: inline-block;
  padding: 0;
  font-size: 15px;
  margin: 0 15px;
  color: #FFFFFF;
  vertical-align: middle;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.main-fixed-notification .notification-btn:hover {
  border-bottom-color: transparent;
}

.main-fixed-notification .notification-close {
  position: absolute;
  top: 50%;
  right: 18px;
  margin-top: -8px;
  cursor: pointer;
  width: 15px;
  height: 15px;
  background: url("/images/sprite.svg") -76px -289px;
}
@media all and (max-width: calc(768 / 16)em) {
  .main-fixed-notification .notification-close {
    right: 10px;
  }
}
.main-fixed-notification .notification-close:hover {
  opacity: 0.8;
}

.notification-fixed-changes-list {
  position: fixed;
  z-index: 999;
  top: 20px;
  left: 0;
  width: 100%;
  text-align: center;
}

.notification-fixed-changes {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 8px 10px 8px 60px;
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-sizing: border-box;
}
.notification-fixed-changes.mod-yellow .notification-fixed-changes-ico {
  background: #FF7800;
}
.notification-fixed-changes.mod-yellow .notification-fixed-changes-ico:after {
  width: 16px;
  height: 16px;
  background: url("/images/sprite.svg") -16px -289px;
}
.notification-fixed-changes.mod-green .notification-fixed-changes-ico {
  background: #2BB63F;
}
.notification-fixed-changes.mod-inline-ico .notification-fixed-changes-ico:after {
  display: none;
}

.notification-fixed-changes-data {
  display: flex;
  align-items: center;
}

.notification-fixed-changes-text {
  margin: 0;
  display: flex;
  max-width: 310px;
  color: #2B333E;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  min-height: 28px;
  align-items: center;
  text-align: left;
  font-weight: 600;
}
.notification-fixed-changes-text .btn-link {
  font-size: 0.875rem;
  line-height: 1.2142857143;
  border-bottom: 0;
}

.notification-fixed-changes-actions {
  margin-left: 10px;
}
.notification-fixed-changes-actions .btn {
  margin-left: 8px;
}

.notification-fixed-changes-ico {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 100%;
  background: #00A8FF;
  border-radius: 4px 0 0 4px;
}
.notification-fixed-changes-ico:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -177px -249px;
}
.notification-fixed-changes-ico .svg-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  fill: #fff;
  transform: translateY(-50%) translateX(-50%);
}

.work-history-title {
  margin-top: 34px;
  margin-bottom: 18px;
}
.work-history-title:after {
  display: table;
  content: "";
  clear: both;
}
.work-history-title .title-box {
  float: left;
}
.work-history-title .title-box:last-child {
  float: right;
}
.work-history-title .title-text {
  max-width: 100%;
  margin: 0;
  color: #333C48;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: normal;
  vertical-align: top;
}

.work-history {
  position: relative;
}
.work-history:after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 27px;
  width: 1px;
  height: 100%;
  background: #DCDDE0;
}

.work-history-date {
  position: relative;
  display: inline-block;
  z-index: 2;
  min-width: 56px;
  padding: 0 5px;
  margin: 0 0 30px 0;
  background: #DCDDE0;
  font-size: 0.75rem;
  color: #333C48;
  border-radius: 4px;
  line-height: 26px;
  text-align: center;
  box-sizing: border-box;
  font-weight: bold;
}

.work-history-date-btn.btn {
  margin-left: 10px;
  height: 26px;
  font-size: 14px;
  line-height: 22px;
  padding: 2px 12px 2px 28px;
}
.work-history-date-btn.btn:after {
  left: 9px;
}

.work-history-item {
  position: relative;
  margin-bottom: 30px;
  padding-left: 56px;
}
.work-history-item:after {
  position: absolute;
  z-index: 2;
  content: "";
  top: 20px;
  left: 22px;
  width: 8px;
  height: 8px;
  background-color: #333C48;
  border: 2px solid #F2F2F2;
  border-radius: 50%;
}
.work-history-item .item-data {
  padding: 19px 30px;
  background: #FFFFFF;
  border: 1px solid #E7E9ED;
  border-radius: 4px;
}
.work-history-item .item-data-title {
  margin-bottom: 17px;
}
.work-history-item .item-data-title-text {
  margin: 0 0 -1px 0;
  font-size: 1.125rem;
  color: #333C48;
  line-height: 1.42;
}
.work-history-item .item-data-title-sign {
  margin: 0;
  font-size: 1rem;
  color: #7E8FA5;
  line-height: 1.42;
}
.work-history-item .item-list-holder:after {
  display: table;
  content: "";
  clear: both;
}
.work-history-item .item-list-box {
  float: left;
  width: 100%/3;
  box-sizing: border-box;
}
.work-history-item .item-list {
  display: table;
  padding: 0;
  margin: 0;
  list-style: none;
}
.work-history-item .item-list-row {
  display: table-row;
  width: 100%;
}
.work-history-item .item-list-row .item-title {
  display: table-cell;
  padding: 0 15px 10px 0;
}
.work-history-item .item-list-row .item-text {
  display: table-cell;
  max-width: 310px;
  padding: 0 15px 10px 0;
}
.work-history-item .item-title {
  display: block;
  margin: 0;
  font-size: 1rem;
  line-height: 1.42;
  color: #7E8FA5;
}
.work-history-item .item-text {
  display: block;
  margin: 0;
  font-size: 1rem;
  line-height: 1.42;
  color: #333C48;
}
.work-history-item .item-text-link {
  font-size: 0.875rem;
  color: #7E8FA5;
}
.work-history-item .settings-dropdown {
  top: 38px;
  right: 27px;
}

.page-notifications {
  display: flex;
  flex-direction: column;
  max-width: 1056px;
  margin: 0 auto;
  height: calc(100vh - 70px - 60px);
  min-height: 516px;
  background: #FFFFFF;
  border: 1px solid #E7E9ED;
  border-radius: 4px;
  box-sizing: border-box;
}

.page-notifications-header {
  display: flex;
  align-items: center;
  padding: 5px 32px 5px 30px;
  min-height: 67px;
  border-bottom: 1px solid #E7E9ED;
  box-sizing: border-box;
}

.page-notifications-header-box:first-child {
  flex: 1;
}

.page-notifications-header-title {
  margin: 0;
  color: #373F51;
  font-size: 24px;
  line-height: 29px;
}

.page-notifications-tabs {
  margin: 0;
  padding: 0;
  display: flex;
  flex: 0 287px;
  max-height: 100%;
  flex-direction: column;
  overflow-y: auto;
  user-select: none;
  box-sizing: border-box;
  border-right: 1px solid #E7E9ED;
}
.page-notifications-tabs::-webkit-scrollbar {
  width: 4px;
}
.page-notifications-tabs::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 28px;
}
.page-notifications-tabs::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.22);
  border-radius: 28px;
}
.page-notifications-tabs .tabs-item {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.page-notifications-tabs .tabs-item:hover .tabs-item-data {
  background: #F5F8FB;
}
.page-notifications-tabs .tabs-item:hover .tabs-item-data:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 4px;
  height: 100%;
  background: #7E8FA5;
}
.page-notifications-tabs .tabs-item.is-active:hover .tabs-item-data {
  background: linear-gradient(0deg, rgba(0, 168, 255, 0.04), rgba(0, 168, 255, 0.04)), #F4FCFF;
}
.page-notifications-tabs .tabs-item.is-active .tabs-item-data {
  background: #F4FCFF;
}
.page-notifications-tabs .tabs-item.is-active .tabs-item-data:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 4px;
  height: 100%;
  background: #00A8FF;
}
.page-notifications-tabs .tabs-item.is-active .tabs-link-text {
  color: #373F51;
  font-weight: 600;
}
.page-notifications-tabs .tabs-item.is-active .tabs-link-counter {
  color: #fff;
  background: #FD7822;
}
.page-notifications-tabs .tabs-item-data {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 2px;
}
.page-notifications-tabs .tabs-link {
  display: flex;
  align-items: center;
  width: 100%;
  height: 55px;
  padding: 0 31px;
  box-sizing: border-box;
  border-bottom: 1px solid #E7E9ED;
  cursor: pointer;
}
.page-notifications-tabs .tabs-link-text {
  color: #7E8FA5;
  font-size: 18px;
  line-height: 24px;
}
.page-notifications-tabs .tabs-link-counter {
  position: absolute;
  top: 50%;
  right: 31px;
  padding: 0 4px;
  min-width: 12px;
  height: 20px;
  color: #7E8FA5;
  font-size: 0.75rem;
  margin-top: -10px;
  line-height: 22px;
  text-align: center;
  border-radius: 40px;
  background: rgba(126, 143, 165, 0.24);
  font-weight: 600;
}
.page-notifications-tabs .tabs-item-dropdown {
  position: absolute;
  top: 0;
  right: 0;
  width: 31px;
  height: 100%;
  cursor: pointer;
}
.page-notifications-tabs .tabs-item-dropdown-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 16px;
  fill: #7E8FA5;
  margin: -8px 0 0 -2px;
}
.page-notifications-tabs .tabs-item-dropdown-box-wrapper {
  position: absolute;
  top: calc(50% + 12px);
  right: 7px;
  width: 200px;
  z-index: 99;
}
.page-notifications-tabs .tabs-item-dropdown-box {
  display: block;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  background: #FFFFFF;
  border: 1px solid #E7E9ED;
  box-sizing: border-box;
  border-radius: 4px;
}
.page-notifications-tabs .tabs-item-dropdown-button {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  white-space: nowrap;
  font-size: 16px;
  text-align: left;
  line-height: 40px;
}
.page-notifications-tabs .tabs-item-dropdown-button:hover {
  background: #F5F8FB;
}
.page-notifications-tabs .tabs-item-dropdown-button-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 9px;
  fill: #7E8FA5;
  transform: translateX(-50%) translateY(-50%);
}

.page-notifications-data {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}

.page-notifications-filters {
  display: flex;
}

.page-notifications-filters-item {
  width: 172px;
  margin-left: 16px;
}
.page-notifications-filters-item:nth-child(1) {
  width: 113px;
}
.page-notifications-filters-item:nth-child(2) {
  width: 138px;
}
.page-notifications-filters-item .dropdown {
  width: 100%;
}
.page-notifications-filters-item .dropdown-current {
  width: 100%;
}

.page-notifications-filters-item--settings {
  width: auto;
}

.page-notifications-preview-group {
  margin-bottom: 16px;
}

.page-notifications-preview-group-title {
  position: sticky;
  top: 0;
  z-index: 1;
  display: block;
  background: #FFFFFF;
  color: #7E8FA5;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.25px;
  text-align: center;
  overflow: auto;
}

.page-notifications-preview-group-line-wrapper {
  position: relative;
  margin-bottom: 8px;
  cursor: pointer;
}
.page-notifications-preview-group-line-wrapper:after {
  position: absolute;
  z-index: -1;
  content: "";
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background: #E7E9ED;
}

.page-notifications-preview-group-title-text {
  display: inline-block;
  margin: 4px 0;
  padding: 0 9px;
  background: #fff;
  vertical-align: top;
}

.page-notifications-load-btn-wrapper {
  display: block;
  margin-bottom: -23px;
  padding: 23px 32px;
  text-align: center;
  box-sizing: border-box;
}

.page-notifications-load-btn {
  display: inline-block;
  max-width: 250px;
  width: 100%;
  background: #F8FAFC;
  border: 1px solid #DFE3E9;
  border-radius: 4px;
  font-size: 0.875rem;
  line-height: 3.0714285714;
  color: #7E8FA5;
  text-align: center;
  box-sizing: border-box;
  font-weight: bold;
}

.page-notifications-preview-list-wrapper {
  position: relative;
  display: flex;
  flex: 1;
  padding: 8px 28px 8px 32px;
  height: 100%;
  flex-direction: column;
  box-sizing: border-box;
}

.page-notifications-preview-list {
  position: relative;
  display: flex;
  flex: 1;
  height: 100%;
  flex-direction: column;
  overflow-y: scroll;
  box-sizing: border-box;
}
.page-notifications-preview-list.is-scrolling::-webkit-scrollbar-thumb {
  background-color: rgba(126, 143, 165, 0.24);
}
.page-notifications-preview-list.is-scrolling::-webkit-scrollbar-thumb:hover {
  background-color: rgba(126, 143, 165, 0.6);
}
.page-notifications-preview-list::-webkit-scrollbar {
  width: 4px;
}
.page-notifications-preview-list::-webkit-scrollbar-track {
  border-radius: 28px;
}
.page-notifications-preview-list::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 28px;
}
.page-notifications-preview-list::-webkit-scrollbar-thumb:hover {
  background-color: transparent;
}

.page-notifications-preview-wrapper {
  display: block;
  margin-bottom: 8px;
}
.page-notifications-preview-wrapper:last-child {
  margin-bottom: 0;
}

.page-notifications-preview {
  position: relative;
  padding: 13px 19px 18px;
  width: 100%;
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #E7E9ED;
}
.page-notifications-preview:hover {
  background: #F5F8FB;
}
.page-notifications-preview.mod-new-design {
  margin-bottom: 16px;
  padding: 13px 19px 18px;
  max-width: 600px;
  box-shadow: none;
}
.page-notifications-preview.mod-new-design:hover {
  background: linear-gradient(0deg, rgba(0, 168, 255, 0.04), rgba(0, 168, 255, 0.04)), #FFFFFF;
}
.page-notifications-preview.mod-new-design.mod-stripe:after {
  border-radius: 4px 4px 0 0;
}
.page-notifications-preview.is-removing {
  animation: previewTopBarMoveRight 300ms ease-in 150ms forwards, previewTopBarMoveUp 300ms cubic-bezier(0, 0, 0, 1) 250ms forwards;
}
.page-notifications-preview.is-removing .page-notifications-preview-check {
  animation: previewCheckboxTopBarPop 100ms linear forwards;
}
.page-notifications-preview.mod-toolbar {
  margin-bottom: 0;
}
.page-notifications-preview.is-real-time-show {
  animation: previewFadeIn 0.5s linear forwards;
}
.page-notifications-preview.is-real-time-hide {
  animation: previewFadeOut 0.5s linear forwards;
}
.page-notifications-preview.mod-new {
  background: #F4FCFF;
}
.page-notifications-preview.mod-new:hover {
  background: linear-gradient(0deg, rgba(0, 166, 255, 0.04), rgba(0, 166, 255, 0.04)), #F4FCFF;
}
.page-notifications-preview.mod-stripe:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: #758191;
  border-radius: 4px 4px 0 0;
}
.page-notifications-preview.mod-stripe-red:after {
  background: #FC6B5C;
}
.page-notifications-preview.mod-stripe-red .page-notifications-preview-status {
  color: #FF4743;
}
.page-notifications-preview.mod-stripe-blue:after {
  background: #00A8FF;
}
.page-notifications-preview.mod-stripe-blue .page-notifications-preview-status {
  color: #00A8FF;
}

.page-notifications-preview--header {
  border-radius: 0;
  margin-bottom: 0;
  border: 0;
  border-bottom: 1px solid #E7E9ED;
}
.page-notifications-preview--header .page-notifications-preview-title {
  font-size: 14px;
  line-height: 24px;
}
.page-notifications-preview--header .notifications-preview-text {
  font-size: 14px;
  line-height: 20px;
}

.page-notifications-preview-item--time {
  display: flex;
  align-items: flex-start;
  margin-bottom: 5px;
  padding-right: 18px;
  box-sizing: border-box;
}

.page-notifications-preview-item--space-between {
  justify-content: space-between;
}

.page-notifications-preview-item--title {
  margin-bottom: 4px;
}

.page-notifications-preview-time {
  color: #7E8FA5;
  font-size: 12px;
  line-height: 22px;
}
.page-notifications-preview-time.mod-absolute {
  position: absolute;
  top: 13px;
  right: 19px;
}
.page-notifications-preview-time.mod-history {
  font-style: italic;
  display: inline-block;
}

.page-notifications-preview-sep {
  margin: -1px 6px 0;
  font-size: 12px;
  color: #7E8FA5;
  line-height: 22px;
}

.page-notifications-preview-status {
  font-size: 12px;
  line-height: 22px;
  color: #FF4743;
  font-weight: 600;
  letter-spacing: 0.25px;
  text-transform: uppercase;
}
.page-notifications-preview-status.mod-status-green {
  color: #00BB28;
}
.page-notifications-preview-status.mod-status-blue {
  color: #00A8FF;
}
.page-notifications-preview-status.mod-status-yellow {
  color: #F5A623;
}
.page-notifications-preview-status.mod-status-red {
  color: #FF4743;
}
.page-notifications-preview-status.mod-status-green {
  color: #00BB28;
}

.page-notifications-preview-status-ico {
  display: inline-block;
  margin-top: -2px;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  fill: #FF4743;
  vertical-align: middle;
}

.page-notifications-preview-title {
  color: #373F51;
  font-size: 15px;
  line-height: 24px;
}

.page-notifications-preview-highlighted-text {
  color: #FF4743;
  font-weight: normal;
}

.notifications-preview-text {
  margin: 0;
  color: #7E8FA5;
  font-size: 15px;
  line-height: 20px;
}

.notifications-preview-text--highlighted {
  color: #373F51;
}

.page-notifications-preview-history-details {
  position: relative;
  display: inline-block;
  margin-left: 4px;
}

.page-notifications-preview-history-ico {
  position: relative;
  margin-top: -2px;
  width: 12px;
  height: 12px;
  fill: rgba(126, 143, 165, 0.6);
  vertical-align: middle;
}

.page-notifications-preview-history-dd {
  position: absolute;
  top: 100%;
  left: -6px;
  margin-top: 3px;
  width: 298px;
  padding: 8px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 16px;
  font-style: normal;
  background: #373F51;
  border-radius: 2px;
  box-sizing: border-box;
  z-index: 2;
}
.page-notifications-preview-history-dd:after {
  position: absolute;
  content: "";
  top: 0;
  left: 9px;
  width: 6px;
  height: 6px;
  margin-top: -2px;
  background: #373F51;
  transform: rotate(45deg);
}

.page-notifications-preview-history-dd-item {
  margin-bottom: 8px;
}
.page-notifications-preview-history-dd-item:last-child {
  margin-bottom: 0;
}

.page-notifications-preview-history-dd-time {
  margin-bottom: 2px;
  font-size: 12px;
  line-height: 14px;
  color: #7E8FA5;
}

.page-notifications-preview-history-dd-highlight {
  color: #FF4743;
}

.page-notifications-preview-buttons {
  margin-top: 14px;
}
.page-notifications-preview-buttons.mod-small {
  margin-top: 8px;
}
.page-notifications-preview-buttons.mod-flex {
  display: flex;
}

.page-notifications-preview-buttons-box {
  position: relative;
}
.page-notifications-preview-buttons-box:first-child {
  flex: 1;
}
.page-notifications-preview-buttons-box:last-child .page-notifications-preview-btn {
  margin-right: 0;
  margin-left: 8px;
}

.page-notifications-preview-btn {
  margin-right: 8px;
}

.page-notifications-preview-btn-sep {
  display: inline-block;
  margin-right: 8px;
  width: 1px;
  height: 100%;
  min-height: 27px;
  background-color: #E8EBF0;
  margin-bottom: -6px;
}

@keyframes previewFadeIn {
  from {
    display: none;
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    display: block;
    opacity: 1;
    height: auto;
    transform: translateY(0);
  }
}
@keyframes previewFadeOut {
  0% {
    display: block;
    transform: translateY(0);
    opacity: 1;
  }
  50.1% {
    display: none;
    opacity: 0.5;
    transform: translateY(-10px);
  }
  100% {
    opacity: 0;
    height: 0;
  }
}
@keyframes previewTopBarMoveRight {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateX(33%);
  }
}
@keyframes previewTopBarMoveUp {
  from {
    max-height: 300px;
  }
  to {
    max-height: 0;
    padding: 0;
    border: none;
  }
}
@keyframes previewCheckboxTopBarPop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
.page-notifications-preview .preview-time {
  margin: -3px 0 0 0;
  font-size: 0.875rem;
  color: #758191;
  line-height: 1.4;
}

.preview-data-box-list {
  display: flex;
  width: 100%;
}

.preview-data-box {
  flex-grow: 1;
  padding-right: 15px;
  box-sizing: border-box;
}
.preview-data-box:nth-child(1) {
  flex-grow: 0;
  width: 98px;
}
.preview-data-box:nth-child(2) {
  width: 454px;
  padding-right: 0;
}

.preview-content-box-list {
  display: flex;
  flex-direction: column;
  -ms-flexbox-direction: column;
  margin-bottom: 6px;
}

.preview-content-box {
  display: flex;
}
.preview-content-box:nth-child(1) {
  flex: 1 0 auto;
  align-items: center;
  padding-right: 15px;
}
.preview-content-box:nth-child(2) {
  align-items: flex-end;
  justify-content: flex-end;
}

.page-notifications-preview-check {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
  user-select: none;
}
.page-notifications-preview-check:hover .page-notifications-preview-dropdown {
  display: block;
  animation: page-notifications-preview-dropdown 0.15s linear forwards;
}

.page-notifications-preview-dropdown {
  position: absolute;
  display: none;
  top: 100%;
  right: 0;
  z-index: 99;
  margin-top: 13px;
  padding: 4px 8px;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 15px;
  background: #373F51;
  white-space: nowrap;
  font-weight: bold;
  border-radius: 2px;
  opacity: 0;
}

.page-notifications-preview-check-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
}
.page-notifications-preview-check-input:checked + .page-notifications-preview-check-data .page-notifications-preview-check-text {
  opacity: 0;
}
.page-notifications-preview-check-input:checked + .page-notifications-preview-check-data .page-notifications-preview-check-ico {
  border-color: #00A8FF;
  background: #00A8FF;
}
.page-notifications-preview-check-input:checked + .page-notifications-preview-check-data .page-notifications-preview-check-ico:hover {
  background: linear-gradient(0deg, rgba(126, 143, 165, 0.16), rgba(126, 143, 165, 0.16)), #00A8FF;
}
.page-notifications-preview-check-input:checked + .page-notifications-preview-check-data .page-notifications-preview-check-ico:active {
  background: linear-gradient(0deg, rgba(126, 143, 165, 0.16), rgba(126, 143, 165, 0.16)), #00A8FF;
}
.page-notifications-preview-check-input:checked + .page-notifications-preview-check-data .page-notifications-preview-check-ico:after {
  content: "";
}

.page-notifications-preview-check-data {
  display: block;
  padding-right: 27px;
  text-align: right;
  white-space: nowrap;
  cursor: pointer;
}

.page-notifications-preview-check-text {
  font-size: 0.875rem;
  color: #758191;
  line-height: 1.2857142857;
}

.page-notifications-preview-check-ico {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border: 1px solid #A6B4BC;
  box-sizing: border-box;
  border-radius: 50%;
}
.page-notifications-preview-check-ico:hover {
  background: linear-gradient(0deg, rgba(126, 143, 165, 0.16), rgba(126, 143, 165, 0.16)), #FFFFFF;
}
.page-notifications-preview-check-ico:active {
  background: linear-gradient(0deg, rgba(126, 143, 165, 0.16), rgba(126, 143, 165, 0.16)), #FFFFFF;
}
.page-notifications-preview-check-ico:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 14px;
  height: 11px;
  background: url("/images/sprite.svg") -187px -289px;
}

@-webkit-keyframes page-notifications-preview-dropdown {
  to {
    opacity: 1;
  }
}
@keyframes page-notifications-preview-dropdown {
  to {
    opacity: 1;
  }
}
.page-notifications-preview .preview-info {
  margin-bottom: 10px;
  color: #758191;
  font-size: 0.875rem;
  line-height: 1.2142857143;
}
.page-notifications-preview .preview-info.mod-text-overflow {
  -webkit-line-clamp: 4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
}

.page-notifications-preview .preview-title {
  margin: 0;
  font-size: 0.6875rem;
  color: #7E8FA5;
  letter-spacing: 0.5px;
  line-height: 1.2222222222;
  text-transform: uppercase;
  font-weight: bold;
}
.page-notifications-preview .preview-title.mod-status-large {
  font-size: 0.75rem;
  line-height: 1.0714285714;
}
.page-notifications-preview .preview-title.mod-status-blue {
  color: #00A8FF;
}
.page-notifications-preview .preview-title.mod-status-yellow {
  color: #F5A623;
}
.page-notifications-preview .preview-title.mod-status-red {
  color: #FF4743;
}
.page-notifications-preview .preview-title.mod-status-green {
  color: #00BB28;
}

.page-notifications-preview .preview-text {
  display: block;
  margin: 0 5px 0 0;
  font-size: 1rem;
  color: #333C48;
  word-break: break-word;
  line-height: 1.2142857143;
}
.page-notifications-preview .preview-text b {
  font-weight: normal;
  font-weight: 600;
}

.preview-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.preview-list-item {
  display: flex;
  margin-top: 5px;
}

.preview-list-item-title {
  flex: 1 100px;
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 1.2142857143;
}

.preview-list-item-text {
  flex: 1 325px;
  color: #333C48;
  font-size: 0.875rem;
  line-height: 1.2142857143;
}

.sign-form-holder {
  display: table;
  padding: 50px 15px;
  width: 100%;
  height: 100%;
  background: #2B333E;
  text-align: center;
  box-sizing: border-box;
  table-layout: fixed;
}
@media all and (max-width: calc(540 / 16)em) {
  .sign-form-holder {
    padding: 30px 8px;
  }
}

.sign-form-holder.mod-padding {
  padding-top: 90px;
}

.sign-form-holder-fix {
  min-width: unset;
  padding: 0;
}

.sign-form {
  display: inline-block;
  width: 100%;
  max-width: 465px;
  text-align: left;
}
@media all and (max-width: calc(540 / 16)em) {
  .sign-form {
    padding-top: 40px;
  }
}
.sign-form .box-content {
  padding-top: 27px;
  padding-bottom: 11px;
  margin-bottom: -19px;
}
.sign-form .box-content.mod-title {
  padding: 28px 32px 26px;
  text-align: center;
  margin-bottom: 0;
}
.sign-form .form-btn-list {
  border-top: none;
}

.sign-form-steps-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 465px;
}

.sign-form-data {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}

.sign-form-data-title {
  display: block;
  margin: 0 auto 33px;
  padding: 0 10px;
  color: #fff;
  text-align: center;
  font-size: 1.375rem;
  line-height: 27px;
  font-weight: 600;
}

.sign-form-data-title.mod-title-sign {
  font-size: 1.5rem;
  margin-bottom: 0;
}

.sign-form-data-sub-title {
  display: block;
  color: #7E8FA5;
  font-size: 1rem;
}

.sign-form-data.page-content {
  padding-bottom: 30px;
}

.sign-form-title {
  margin: 0 0 27px;
  color: #333C48;
  font-size: 1.375rem;
  line-height: 1.42;
  font-weight: normal;
}
.sign-form-title.mod-plans {
  margin-bottom: 10px;
  height: 28px;
  color: #373f51;
}

.sign-form-link-holder {
  margin-top: 25px;
  padding: 0 10px;
  text-align: center;
}

.sign-form-link-text {
  font-size: 1rem;
  color: #7E8FA5;
  line-height: 20px;
  letter-spacing: -0.11px;
  cursor: default;
  font-weight: 600;
}

.sign-form-link-val {
  font-size: 1rem;
  color: #fff;
  line-height: 20px;
  letter-spacing: -0.11px;
  font-weight: 600;
}

.sign-form-link.mod-sign .sign-form-link-text {
  display: block;
  font-size: 0.875rem;
  letter-spacing: normal;
  line-height: 1.3;
}
.sign-form-link.mod-sign .sign-form-link-val {
  display: inline-block;
  font-size: 0.875rem;
  color: #00A6FF;
  line-height: 1.3;
}

.sing-back-link {
  display: inline-block;
  margin: 23px 0;
  font-size: 0.875rem;
  color: #C5D0DF;
  line-height: 1.14;
  border-bottom: 1px solid transparent;
}
.sing-back-link:hover {
  border-color: #C5D0DF;
}

.subscription-plan {
  position: relative;
  padding: 22px 32px 25px;
  border-top: 1px solid #dbdfe5;
  cursor: pointer;
}
@media all and (max-width: calc(540 / 16)em) {
  .subscription-plan {
    padding: 15px 20px 15px;
  }
}
.subscription-plan:last-child {
  border-bottom: 1px solid #dbdfe5;
}
.subscription-plan:hover {
  background-color: #f2fbff;
}

.subscription-plan.is-active {
  border-top: 1px solid #00bb28;
  border-bottom: 1px solid #00bb28;
  background-color: #f2fcf4;
}
.subscription-plan.is-active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background-color: #00bb28;
}
.subscription-plan.is-active .subscription-plan-title {
  color: #00bb28;
}
.subscription-plan.is-active + .subscription-plan {
  border-top: none;
}

.subscription-plan-head {
  margin-bottom: 15px;
  color: #373f51;
  font-size: 20px;
  font-weight: 700;
}
@media all and (max-width: calc(540 / 16)em) {
  .subscription-plan-head {
    display: flex;
  }
}

@media all and (max-width: calc(540 / 16)em) {
  .subscription-plan-info {
    display: flex;
  }
}

.subscription-plan-left-part {
  display: inline-block;
  width: 264px;
  vertical-align: top;
}
@media all and (max-width: calc(540 / 16)em) {
  .subscription-plan-left-part {
    flex-grow: 1;
    width: auto;
  }
}

.subscription-plan-right-part {
  display: inline-block;
  width: calc(100% - 264px);
  text-align: right;
  vertical-align: top;
}
@media all and (max-width: calc(540 / 16)em) {
  .subscription-plan-right-part {
    flex-shrink: 0;
    width: auto;
  }
}

.subscription-plan-text {
  margin: 0;
  color: #373f51;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.subscription-plan-text.mod-description {
  color: #7d8fa6;
}
.subscription-plan-text.mod-restrictions {
  white-space: pre;
}
.subscription-plan-text.mod-bold {
  font-weight: 700;
}

.subscription-plan-current-label {
  border: 1px solid #cfdcdd;
  border-radius: 4px;
  color: #7d8fa6;
  margin-left: 8px;
  padding: 0 8px;
  font-size: 0.75rem;
  font-weight: normal;
}

.subscription-plan-more-button {
  display: inline-block;
  color: #00a6ff;
  cursor: pointer;
}

.subscription-plan-more-button-text {
  border-bottom: 1px dotted #00a6ff;
}

.main-data-box[data-page=settings-documents] .form-table-ico {
  margin-right: 10px;
  max-width: 24px;
  max-height: 24px;
}
.main-data-box[data-page=settings-documents] .svg-ico {
  display: block;
  max-width: 100%;
  max-height: 24px;
}

.form-table-item[data-table-form=documents-add] .form-input-holder {
  width: 300px;
}
.form-table-item[data-table-form=documents-add] .service-ico {
  height: 44px;
  width: 44px;
  cursor: pointer;
  box-sizing: border-box;
}
.form-table-item[data-table-form=documents-add] .service-ico.mod-empty {
  border: transparent;
  border-radius: 3px;
}

.email-template-autocomplete .tags {
  border: 0;
  padding: 3px 20px;
  border-radius: 0;
  font-size: 1rem;
  border-bottom: 1px solid #DEE2E6;
}
.email-template-autocomplete .tags .input {
  color: #333C48;
}
.email-template-autocomplete .tags .input::-webkit-input-placeholder {
  color: #333C48;
  font-size: 1rem;
  font-family: inherit;
  transition: color 0.3s ease;
}
.email-template-autocomplete .tags .input:-moz-placeholder {
  color: #333C48;
  font-size: 1rem;
  font-family: inherit;
  transition: color 0.3s ease;
}
.email-template-autocomplete .tags .input::-moz-placeholder {
  color: #333C48;
  font-size: 1rem;
  font-family: inherit;
  transition: color 0.3s ease;
}
.email-template-autocomplete .tags .input:-ms-input-placeholder {
  color: #333C48;
  font-size: 1rem;
  font-family: inherit;
  transition: color 0.3s ease;
}
.email-template-autocomplete .autocomplete {
  min-width: 0;
  left: 50%;
  max-width: 100%;
  width: calc(100% - 60px);
  transform: translateX(-50%);
}

.email-template-autocomplete-btn {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -1px;
  transform: translateY(-50%);
}

.email-template-title {
  padding: 12px 30px;
  border-radius: 0;
  border: 0;
  color: #333C48;
  font-size: 1rem;
  border-bottom: 1px solid #DEE2E6;
}
.email-template-title::-webkit-input-placeholder {
  color: #333C48;
  font-size: 1rem;
  font-family: inherit;
  transition: color 0.3s ease;
}
.email-template-title:-moz-placeholder {
  color: #333C48;
  font-size: 1rem;
  font-family: inherit;
  transition: color 0.3s ease;
}
.email-template-title::-moz-placeholder {
  color: #333C48;
  font-size: 1rem;
  font-family: inherit;
  transition: color 0.3s ease;
}
.email-template-title:-ms-input-placeholder {
  color: #333C48;
  font-size: 1rem;
  font-family: inherit;
  transition: color 0.3s ease;
}
.email-template-title:focus {
  color: #333C48;
  border-bottom-color: #DEE2E6;
}

.email-template {
  min-height: 257px;
}
.email-template.no-min-height {
  min-height: 0px;
}
.email-template.mod-view {
  margin-bottom: -1px;
  border-bottom: 1px solid #DEE2E6;
  box-sizing: border-box;
}

.email-template-area {
  height: 100%;
}

.email-template-text {
  display: block;
  width: 100%;
  height: 400px;
  padding: 0 20px;
  color: #333C48;
  font-size: 1rem;
  line-height: 1.375;
  outline: none;
  border: 0;
  overflow-y: auto;
  word-break: break-word;
  box-sizing: border-box;
}
.email-template-text::-webkit-scrollbar {
  width: 3px;
}
.email-template-text::-webkit-scrollbar-track {
  background: #D8D8D8;
  border-radius: 3px;
}
.email-template-text::-webkit-scrollbar-thumb {
  background: #919191;
  border-radius: 3px;
}
.email-template-text:empty:after {
  content: attr(data-placeholder);
  color: #7E8FA5;
}

.email-template-sign {
  padding: 20px 0 10px;
  color: #333C48;
  font-size: 1rem;
  line-height: 1.375;
}

.is-emails-highlighted {
  background: rgba(0, 168, 255, 0.1);
}

.email-template-receivers-wrapper {
  position: relative;
}

.form-upload-file-list {
  padding: 8px 30px;
  border-top: 1px solid #DEE2E6;
}

.emails-sender {
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
  padding-left: 40px;
}
.emails-sender.mod-popup-title {
  padding-left: 0;
}
.emails-sender.mod-popup-title .emails-sender-img {
  position: relative;
  margin: 0 10px;
}

.emails-sender-title {
  color: #7E8FA5;
  font-size: 1rem;
}

.emails-sender-img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  border-radius: 50%;
  overflow: hidden;
  transform: translateZ(0);
}
.emails-sender-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.emails-sender-name {
  margin: 0;
  color: #333C48;
  font-size: 0.9375rem;
  line-height: 1.2;
}

.emails-recipient-list-title {
  margin-bottom: 10px;
  color: #7E8FA5;
  font-size: 1rem;
  font-weight: normal;
}
.emails-recipient-list-title.padded {
  padding-left: 5px;
}

.emails-recipient-list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.emails-recipient-list:after {
  display: table;
  content: "";
  clear: both;
}
.emails-recipient-list.padded {
  padding-left: 5px;
}
.emails-recipient-list.mod-list {
  max-height: 230px;
  min-height: 90px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.emails-recipient-list.mod-list::-webkit-scrollbar {
  width: 3px;
}
.emails-recipient-list.mod-list::-webkit-scrollbar-track {
  background: #D8D8D8;
  border-radius: 3px;
}
.emails-recipient-list.mod-list::-webkit-scrollbar-thumb {
  background: #919191;
  border-radius: 3px;
}

.emails-recipient-box {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  margin-bottom: 10px;
}

.emails-recipient {
  position: relative;
  float: left;
  margin-right: -7px;
}
.emails-recipient.mod-simple {
  position: relative;
  display: flex;
  padding: 0 0 0 40px;
  width: 100%;
  height: 34px;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
}
.emails-recipient.mod-simple .emails-recipient-absolute-img {
  left: 0;
  border: 1px solid #00A8FF;
}
.emails-recipient.mod-list {
  position: relative;
  display: flex;
  margin-right: 0;
  padding: 0 0 0 40px;
  height: 40px;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
}
.emails-recipient.mod-list .emails-recipient-absolute-img {
  left: 0;
}
.emails-recipient.is-active:after {
  position: absolute;
  z-index: 3;
  top: 100%;
  left: 50%;
  content: "";
  width: 10px;
  height: 10px;
  margin-top: 3px;
  margin-left: -5px;
  background-color: #fff;
  box-shadow: -2px -2px 5px -2px rgba(0, 0, 0, 0.75);
  transform: rotate(45deg);
}
.emails-recipient.is-active .emails-recipient-static-img {
  border-color: #00A8FF;
}
.emails-recipient.mod-num {
  margin-top: 2px;
  width: 28px;
  height: 28px;
  border: 1px solid #00A8FF;
  font-size: 0.875rem;
  color: #00A8FF;
  line-height: 30px;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  transform: translateZ(0);
  font-weight: bold;
}
.emails-recipient .emails-recipient-val {
  display: inline-block;
}
.emails-recipient .emails-recipient-val:before {
  display: inline-block;
  position: relative;
  top: 1px;
  content: "";
  width: 11px;
  height: 12px;
  background: url("/images/sprite.svg") -309px -26px;
  width: 9px;
}
.emails-recipient img {
  display: inline-block;
  vertical-align: top;
  width: 30px;
}

.emails-recipient-static-img {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  border: 2px solid #fff;
  vertical-align: top;
  border-radius: 50%;
  transform: translateZ(0);
}

.emails-recipient-name {
  color: #333C48;
  font-size: 0.9375rem;
  line-height: 1.2;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.emails-recipient-status {
  position: relative;
  padding-left: 18px;
  color: #7E8FA5;
  font-size: 0.75rem;
  font-weight: 600;
}
.emails-recipient-status .svg-ico {
  position: absolute;
  left: 0;
  top: 50%;
  height: 7px;
  fill: #00BB28;
  transform: translateY(-50%);
}
.emails-recipient-status .svg-ico-status-check {
  width: 9px;
}
.emails-recipient-status .svg-ico-status-check-double {
  width: 14px;
}

.emails-recipient-absolute-img {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid transparent;
  transform: translateZ(0);
}

.emails-client-recipient-wrapper {
  position: relative;
}

.emails-client-recipient {
  display: flex;
  width: 100%;
}
.emails-client-recipient.mod-single {
  justify-content: center;
  flex-direction: column;
}

.emails-client-recipient-btn {
  font-size: 0.9375rem;
  color: #00A6FF;
  cursor: pointer;
}

.emails-recipient-dropdown {
  position: absolute;
  padding-top: 5px;
  top: 100%;
}
.emails-recipient-dropdown.mod-client {
  left: calc(100% + 24px);
  padding-top: 0;
  top: -109px;
  box-shadow: 0 0 11px -2px rgba(0, 0, 0, 0.75);
}
.emails-recipient-dropdown.mod-client:before {
  position: absolute;
  content: "";
  top: 109px;
  left: -10px;
  z-index: 1;
  width: 20px;
  height: 20px;
  background: #fff;
  transform: rotate(45deg);
  border: 1px solid #DBDFE5;
}
.emails-recipient-dropdown.mod-client .emails-recipient-dropdown-data {
  box-shadow: none;
}
.emails-recipient-dropdown:after {
  position: absolute;
  z-index: -1;
  content: "";
  top: 5px;
  left: 0;
  width: 100%;
  height: calc(100% - 5px);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
}
.emails-recipient-dropdown .emails-recipient-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.emails-recipient-dropdown-data {
  position: relative;
  z-index: 2;
  padding: 16px 0 0;
  width: 300px;
  background: #FFFFFF;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 11px -2px rgba(0, 0, 0, 0.75);
}

.emails-recipient-dropdown-title {
  display: block;
  margin-bottom: 7px;
  padding: 0 15px;
  color: #333C48;
  font-size: 0.9375rem;
  line-height: 1.2;
}

.emails-recipient-dropdown-input {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding: 0 15px;
  box-sizing: border-box;
}
.emails-recipient-dropdown-input .svg-ico-search {
  position: absolute;
  top: 50%;
  left: 26px;
  width: 13px;
  height: 14px;
  fill: #B8BAC1;
  margin-top: -7px;
}
.emails-recipient-dropdown-input input {
  display: block;
  width: 100%;
  padding: 9px 10px 8px 37px;
  color: #333C48;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  background: #FFFFFF;
  border: 1px solid #DBDFE5;
  border-radius: 4px;
  box-sizing: border-box;
}
.emails-recipient-dropdown-input input:focus {
  border-color: #00A8FF;
}

.emails-recipient-dropdown-list {
  display: block;
  height: 240px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.emails-recipient-dropdown-list::-webkit-scrollbar {
  width: 4px;
  border-radius: 3px;
}
.emails-recipient-dropdown-list::-webkit-scrollbar-track {
  background: #D8D8D8;
  border-radius: 3px;
}
.emails-recipient-dropdown-list::-webkit-scrollbar-thumb {
  background: #919191;
  border-radius: 3px;
}

.emails-recipient-dropdown-msg {
  display: flex;
  width: 100%;
  height: 100%;
  color: #9B9B9B;
  font-size: 0.875rem;
  justify-content: center;
  align-items: center;
}

.emails-recipient-dropdown-item {
  position: relative;
  display: flex;
  padding: 0 15px 0 55px;
  height: 40px;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
}
.emails-recipient-dropdown-item:hover {
  background: rgba(0, 168, 255, 0.1);
}

.emails-client-recipient-dropdown-item {
  position: relative;
  display: flex;
  padding: 0 15px;
  height: 46px;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
}
.emails-client-recipient-dropdown-item:hover {
  background: rgba(0, 168, 255, 0.1);
}

.emails-date {
  color: #333C48;
  font-size: 0.9375rem;
  line-height: 1.2;
}

.emails-theme {
  display: flex;
  width: 100%;
  color: #333C48;
  font-size: 0.9375rem;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
}

.emails-theme-text {
  max-width: 100%;
  box-sizing: border-box;
  padding-right: 5px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.emails-theme-sign {
  flex: 1;
  opacity: 0.6;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.emails-cap {
  opacity: 0.6;
  color: #333C48;
  font-size: 0.9375rem;
  transform: translateZ(0);
}
.emails-cap:after {
  content: "—";
}

.emails-header {
  display: flex;
  padding: 8px 30px;
  background: #F8F8F8;
}

.emails-header-title {
  display: inline-block;
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  font-weight: 600;
}
.emails-header-title.mod-sortable {
  position: relative;
  padding-right: 15px;
  cursor: pointer;
}
.emails-header-title.mod-sortable:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3.5px 0 3.5px;
  border-color: #7E8FA5 transparent transparent transparent;
  transform: translateY(-50%);
}
.emails-header-title.mod-sortable-top {
  color: #4D5262;
}
.emails-header-title.mod-sortable-top:after {
  transform: translateY(-50%) rotate(180deg);
  border-color: #4D5262 transparent transparent transparent;
}
.emails-header-title.mod-sortable-bottom {
  color: #4D5262;
}
.emails-header-title.mod-sortable-bottom:after {
  border-color: #4D5262 transparent transparent transparent;
}

.emails-item {
  display: flex;
  padding: 6px 30px;
  border-bottom: 1px solid #E7E9ED;
}
.emails-item.mod-client {
  padding: 10px 30px;
}
.emails-item:hover {
  background: #f8f8f8;
}
.emails-item.is-highlighted-blue {
  background: rgba(0, 168, 255, 0.2);
}
.emails-item.is-highlighted-red {
  background: rgba(255, 71, 67, 0.2);
}
.emails-item.is-highlighted-green {
  background: rgba(0, 187, 40, 0.2);
}
.emails-item.is-highlighted-yellow {
  background: rgba(255, 166, 25, 0.2);
}

.emails-box {
  position: relative;
  display: flex;
  flex-grow: 1;
  padding-right: 15px;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: center;
}

.emails-box-sender {
  width: 170px;
}

.emails-box-theme {
  width: 385px;
}

.emails-box-small-theme {
  width: 300px;
}

.emails-box-status {
  width: 85px;
}

.emails-box-recipient {
  width: 195px;
}

.emails-box-date {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 270px;
  padding-right: 0;
}

.headline {
  padding: 20px 0 0 0;
  background-color: #fff;
  min-width: 1140px;
}
.headline.mod-in-content {
  padding: 20px 30px 0;
  min-width: 100%;
  border-bottom: 1px solid #E7E9ED;
  box-sizing: border-box;
}
.headline.mod-detailed {
  padding-top: 24px;
}
.headline.mod-detailed .headline-row-container:first-child {
  margin-bottom: 22px;
}

.headline-row-container:after {
  display: table;
  content: "";
  clear: both;
}
.headline-row-container:first-child {
  margin-bottom: 14px;
}
.headline-row-container .headline-box {
  float: left;
}
.headline-row-container .headline-box:last-child {
  float: right;
}
.headline-row-container .headline-box:last-child:first-child {
  float: left;
}
.headline-row-container .headline-box .dropdown {
  float: left;
  margin: 0 0 0 30px;
}
.headline-row-container .headline-box .btn {
  float: left;
  margin: 0 0 0 30px;
}
.headline-row-container .headline-item {
  float: left;
}

.headline-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -10px;
}

.headline-btn-create {
  padding: 0 40px;
  background-color: #00BB28;
  color: #fff;
  border: none;
}
.headline-btn-create:disabled {
  background-color: rgba(43, 51, 62, 0.2);
}

.headline-btn-item {
  margin: 0 10px;
  font-weight: bold;
}

.headline-btn-cancel {
  padding: 0;
}

.headline-text {
  display: inline-block;
  font-size: 1rem;
  color: #333C48;
  vertical-align: middle;
}

.headline-total {
  font-weight: bold;
}

.headline-total.mod-bg {
  padding: 5px 10px;
  background-color: #FFEACB;
}

.headline-account-name {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding-left: 52px;
}

.headline-account-name-val {
  color: #373F51;
  font-size: 28px;
  line-height: 34px;
  padding-right: 20px;
}

.headline-account-name-dropdown {
  position: relative;
  padding-left: 20px;
}
.headline-account-name-dropdown:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 1px;
  height: 36px;
  margin-top: -18px;
  background: #E7E9ED;
}

.headline-row-container .headline-box .headline-account-name-dropdown .dropdown {
  margin-left: 0;
}

.headline-search {
  float: left;
  position: relative;
  padding-left: 52px;
}
.headline-search:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  margin-top: -12px;
  width: 1px;
  height: 24px;
  background: #E7E9ED;
}
.headline-search:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 18px;
  margin-top: -7px;
  width: 19px;
  height: 20px;
  background: url("/images/sprite.svg") -60px -249px;
}

.headline-search-input {
  padding: 13px 0 8px;
  border-bottom: 1px solid transparent;
  color: #333C48;
  font-size: 0.875rem;
}
.headline-search-input::-webkit-input-placeholder {
  color: rgba(51, 59, 72, 0.5);
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.headline-search-input:-moz-placeholder {
  color: rgba(51, 59, 72, 0.5);
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.headline-search-input::-moz-placeholder {
  color: rgba(51, 59, 72, 0.5);
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.headline-search-input:-ms-input-placeholder {
  color: rgba(51, 59, 72, 0.5);
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.headline-search-input:focus {
  border-bottom: 1px solid #00A8FF;
  color: #00A8FF;
}
.headline-search-input:focus::-webkit-input-placeholder {
  color: #00A8FF;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.headline-search-input:focus:-moz-placeholder {
  color: #00A8FF;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.headline-search-input:focus::-moz-placeholder {
  color: #00A8FF;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.headline-search-input:focus:-ms-input-placeholder {
  color: #00A8FF;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}

.headline-back {
  position: absolute;
  top: 50%;
  left: 10px;
  overflow: hidden;
  text-indent: -9999px;
  cursor: pointer;
  transform: translateY(-50%);
  width: 13px;
  height: 19px;
  background: url("/images/sprite.svg") -255px -221px;
}
.headline-back.mod-list {
  top: 11px;
}

.headline.mod-detailed .headline-back {
  top: 14px;
  transform: none;
}

.headline-choose-company {
  display: flex;
  margin: 0;
  align-items: center;
  list-style-type: none;
  height: 45px;
}

.headline-choose-company-item {
  margin: 0;
  padding: 0 12px;
}

.headline-choose-company-link {
  display: block;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #7E8FA5;
  font-size: 1.5rem;
  line-height: 1;
}
.headline-choose-company-link:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #00A8FF;
}
.headline-choose-company-link:hover {
  color: #333C48;
}
.headline-choose-company-link.is-active {
  color: #333C48;
}
.headline-choose-company-link.is-active:after {
  content: "";
}

.headline-tabs {
  width: 100%;
  margin: 0 -15px;
  padding: 0;
  list-style-type: none;
  user-select: none;
}
.headline-tabs:after {
  display: table;
  content: "";
  clear: both;
}

.headline-tabs-wrap {
  padding-bottom: 25px;
}

.headline-tabs-item {
  float: left;
  padding: 0 15px;
  font-weight: 600;
}

.headline-tabs-link {
  position: relative;
  display: inline-block;
  padding: 8px 0 15px;
  font-size: 0.875rem;
  color: #7E8FA5;
  line-height: 1.2;
  cursor: pointer;
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.headline-tabs-link:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #00A8FF;
}
.headline-tabs-link:hover {
  color: #4D5262;
}
.headline-tabs-link.is-active {
  color: #4D5262;
  font-weight: bold;
}
.headline-tabs-link.is-active:after {
  content: "";
}
.headline-tabs-link.is-active.mod-shift-rule {
  font-weight: 600;
}
.headline-tabs-link.is-active .headline-tabs-counter {
  background: #FF7800;
}

.headline-tabs-text {
  padding-right: 30px;
}

.headline-tabs-counter {
  position: absolute;
  top: 50%;
  right: 0;
  width: 22px;
  height: 22px;
  margin-top: -16px;
  line-height: 23px;
  font-size: 0.75rem;
  color: #FFFFFF;
  background: #95999E;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
}

.headline-tabs.mod-alphabet {
  display: table;
  margin: 0;
  width: 100%;
}
.headline-tabs.mod-alphabet .headline-tabs-item {
  float: none;
  padding: 0;
  display: table-cell;
  text-align: right;
  width: 49px;
}
.headline-tabs.mod-alphabet .headline-tabs-item:first-child {
  text-align: left;
  width: auto;
  white-space: nowrap;
}
.headline-tabs.mod-alphabet .headline-tabs-item:first-child .headline-tabs-link {
  text-transform: none;
}
.headline-tabs.mod-in-content .headline-tabs-item {
  width: 39px;
}

.headline-title {
  position: relative;
  float: left;
  margin: 0 -1px 0 0;
  padding: 0 21px 0 0;
  color: #333C48;
  font-size: 1.75rem;
  font-weight: normal;
  line-height: 1.42;
}
.headline-title:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  margin-top: -12px;
  width: 1px;
  height: 24px;
  background: #E7E9ED;
}
.headline-title.mod-no-search:after {
  display: none;
}

.headline-simple-title-sign {
  margin: 0;
  padding: 0;
  color: #7E8FA5;
  font-size: 14px;
  line-height: 31px;
}

.headline-simple-title {
  min-width: 1140px;
  padding: 27px 0 28px;
  background: #FFFFFF;
  border: 1px solid #E7E9ED;
  box-shadow: 0 1px 3px 0 rgba(231, 233, 237, 0.4);
  box-sizing: border-box;
}
.headline-simple-title .headline-title-text,
.headline-simple-title .title-text {
  margin: 0;
  font-size: 1.75rem;
  line-height: 1.42;
}
.headline-simple-title .headline-title-text {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}

.headline-title-box-list {
  display: flex;
  align-items: center;
}

.headline-title-box:nth-child(1) {
  flex: 1;
}

.headline-title-flex-box {
  display: flex;
  align-items: flex-end;
}
.headline-title-flex-box .headline-title {
  padding-right: 5px;
}

.headline-title-checkbox {
  display: inline-block;
  vertical-align: middle;
}
.headline-title-checkbox + .headline-title-checkbox {
  position: relative;
  margin-left: 41px;
}
.headline-title-checkbox + .headline-title-checkbox:before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  height: 24px;
  width: 1px;
  background: #E7E9ED;
}

.headline-title-btn {
  display: inline-block;
  vertical-align: middle;
  margin-left: 30px;
}

.headline-id-holder {
  display: inline-block;
  vertical-align: middle;
}

.headline-detailed-title {
  position: relative;
  padding-left: 52px;
  max-width: 740px;
}

.headline-detailed-title-img {
  position: absolute;
  left: 0;
  top: 3px;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  overflow: hidden;
}
.headline-detailed-title-img.mod-border-radius {
  border-radius: 50%;
}
.headline-detailed-title-img img {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.headline-detailed-title-box:after {
  display: table;
  content: "";
  clear: both;
}
.headline-detailed-title-box .person-status {
  display: inline;
  margin-top: 3px;
  vertical-align: middle;
}

.headline-detailed-title-text {
  display: inline;
  margin: 0 11px 0 0;
  padding: 0;
  vertical-align: middle;
  font-size: 1.75rem;
  color: #333C48;
  line-height: 1;
  font-weight: normal;
}

.headline-detailed-title-description {
  display: block;
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 1.2;
  vertical-align: top;
}

.employee-filter-holder {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  padding: 54px 20px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
}

.employee-filter {
  display: flex;
  background: #FFFFFF;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.employee-filter-box-list {
  flex: 1;
  padding: 20px;
  box-sizing: border-box;
}

.employee-filter-box-tags {
  width: 210px;
  height: 420px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background: rgba(216, 216, 216, 0.2);
}
.employee-filter-box-tags::-webkit-scrollbar {
  width: 4px;
  border-radius: 3px;
}
.employee-filter-box-tags::-webkit-scrollbar-track {
  background: #fff;
  border-right: 0;
  border-radius: 2px;
}
.employee-filter-box-tags::-webkit-scrollbar-thumb {
  background: #D8D8D8;
  border-right: 0;
  border-radius: 2px;
}

.employee-filter-category {
  border-bottom: 1px solid #E6E6E6;
}
.employee-filter-category.is-active .employee-filter-category-title {
  color: #333C48;
}
.employee-filter-category.is-active-dropdown .employee-filter-category-title {
  color: #333C48;
  padding-bottom: 5px;
}
.employee-filter-category.is-active-dropdown .employee-filter-category-title:after {
  transform: translateY(-50%) rotate(180deg);
}
.employee-filter-category.is-active-dropdown .employee-filter-category-dropdown {
  display: block;
}

.employee-filter-category-title {
  position: relative;
  margin: 0;
  padding: 16px 20px;
  color: #7E8FA5;
  font-size: 0.9375rem;
  line-height: 1.2;
  cursor: pointer;
  font-weight: 600;
}
.employee-filter-category-title:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 18px;
  height: 13px;
  background: url("/images/sprite.svg") -291px -92px;
}

.employee-filter-category-dropdown {
  display: none;
  padding: 0 6px 17px 20px;
  box-sizing: border-box;
}

.employee-filter-category-dropdown-list {
  max-height: 144px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.employee-filter-category-dropdown-list::-webkit-scrollbar {
  width: 4px;
  border-radius: 3px;
}
.employee-filter-category-dropdown-list::-webkit-scrollbar-track {
  background: #D8D8D8;
  border-radius: 3px;
}
.employee-filter-category-dropdown-list::-webkit-scrollbar-thumb {
  background: #919191;
  border-radius: 3px;
}

.employee-filter-radio {
  display: block;
  margin-bottom: 8px;
}
.employee-filter-radio:last-child {
  margin-bottom: 0;
}

.employee-filter-radio-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.employee-filter-radio-input:checked + .employee-filter-radio-label .employee-filter-radio-ico {
  background: #00A8FF;
  border-color: #00A8FF;
}
.employee-filter-radio-input:checked + .employee-filter-radio-label .employee-filter-radio-ico:after {
  content: "";
}

.employee-filter-radio-label {
  position: relative;
  padding-left: 24px;
  font-size: 0.9375rem;
  color: #474F5A;
  cursor: pointer;
  line-height: 1.3333333333;
  user-select: none;
}

.employee-filter-radio-ico {
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  background: #FFFFFF;
  border: 2px solid #B8BAC1;
  border-radius: 50%;
  box-sizing: border-box;
  transform: translateZ(0);
}
.employee-filter-radio-ico:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
  background: #fff;
  border-radius: 50%;
  transform: translateZ(0);
}

.employee-filter-checkbox {
  display: block;
  margin-bottom: 8px;
}
.employee-filter-checkbox:last-child {
  margin-bottom: 0;
}

.employee-filter-checkbox-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.employee-filter-checkbox-input:checked + .employee-filter-checkbox-label .employee-filter-checkbox-ico {
  background: #00BB28;
  border-color: #00BB28;
}
.employee-filter-checkbox-input:checked + .employee-filter-checkbox-label .employee-filter-checkbox-ico:after {
  content: "";
}

.employee-filter-checkbox-label {
  position: relative;
  padding-left: 24px;
  font-size: 0.9375rem;
  color: #474F5A;
  cursor: pointer;
  line-height: 1.3333333333;
  user-select: none;
}

.employee-filter-checkbox-ico {
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  background: #FFFFFF;
  border: 2px solid #B8BAC1;
  box-sizing: border-box;
  border-radius: 2px;
  transform: translateZ(0);
}
.employee-filter-checkbox-ico .svg-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin: -5px;
  fill: #FFFFFF;
}

.employee-filter-tags-msg {
  margin: 0;
  padding: 10px 20px;
  color: #7E8FA5;
  font-size: 0.9375rem;
  line-height: 2;
  border-bottom: 1px solid #E6E6E6;
}

.employee-filter-tags {
  padding: 10px 20px;
  border-bottom: 1px solid #E6E6E6;
}

.employee-filter-tags-headline {
  display: flex;
  margin-bottom: 8px;
  align-items: flex-end;
}

.employee-filter-tags-title {
  flex: 1;
  color: #3B4450;
  font-size: 0.75rem;
  line-height: 1.5833333333;
  font-weight: 600;
}

.employee-filter-tags-link {
  color: #17AFFF;
  font-size: 0.875rem;
  line-height: 1.3571428571;
  cursor: pointer;
  border-bottom: 1px solid rgba(23, 175, 255, 0.69);
}
.employee-filter-tags-link:hover {
  border-bottom-color: transparent;
}

.employee-filter-tags-list:after {
  display: table;
  content: "";
  clear: both;
}

.employee-filter-tags-item {
  position: relative;
  float: left;
  margin: 0 4px 4px 0;
  padding: 6px 24px 4px 10px;
  color: #3B4450;
  font-size: 0.75rem;
  line-height: 1;
  background: #FFFFFF;
  border: 1px solid #D8D8D8;
  border-radius: 2px;
  cursor: default;
  box-sizing: border-box;
  font-weight: 600;
}

.employee-filter-tags-remove {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  width: 24px;
  height: 100%;
}
.employee-filter-tags-remove:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0.8);
  width: 15px;
  height: 15px;
  background: url("/images/sprite.svg") -145px -289px;
}

.employee-filter-list-data {
  list-style: none;
  padding: 0;
  margin: 12px 0 0 0;
  height: 258px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.employee-filter-list-data::-webkit-scrollbar {
  width: 4px;
  border-radius: 3px;
}
.employee-filter-list-data::-webkit-scrollbar-track {
  background: #fff;
  border-right: 0;
  border-radius: 2px;
}
.employee-filter-list-data::-webkit-scrollbar-thumb {
  background: #D8D8D8;
  border-right: 0;
  border-radius: 2px;
}

.employee-filter-item {
  margin-bottom: 12px;
}

.employee-filter-person {
  position: relative;
  display: block;
  color: #333C48;
  font-size: 0.9375rem;
}

.employee-filter-person-action {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
}
.employee-filter-person-action:checked + .employee-filter-person-data .employee-filter-person-ico {
  background: #00BB28;
  border-color: #00BB28;
}

.employee-filter-person-data {
  position: relative;
  display: flex;
  width: 100%;
  height: 30px;
  padding-left: 65px;
  align-items: center;
  box-sizing: border-box;
}

.employee-filter-person-img {
  position: absolute;
  top: 50%;
  left: 25px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  overflow: hidden;
  border-radius: 50%;
  transform: translateZ(0);
}
.employee-filter-person-img img {
  width: 30px;
}

.employee-filter-person-ico {
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  background: #FFFFFF;
  border: 2px solid #B8BAC1;
  border-radius: 4px;
  transform: translateY(-50%);
  box-sizing: border-box;
}
.employee-filter-person-ico .svg-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin: -5px;
  fill: #FFFFFF;
}

.employee-filter-search {
  position: relative;
  display: block;
  margin-bottom: 10px;
}

.employee-filter-search-input {
  padding-left: 33px;
  font-size: 0.875rem;
  color: rgb(51, 60, 72);
}
.employee-filter-search-input::-webkit-input-placeholder {
  color: rgba(51, 60, 72, 0.5);
  font-size: 0.875rem;
  font-family: inherit;
  transition: color 0.3s ease;
}
.employee-filter-search-input:-moz-placeholder {
  color: rgba(51, 60, 72, 0.5);
  font-size: 0.875rem;
  font-family: inherit;
  transition: color 0.3s ease;
}
.employee-filter-search-input::-moz-placeholder {
  color: rgba(51, 60, 72, 0.5);
  font-size: 0.875rem;
  font-family: inherit;
  transition: color 0.3s ease;
}
.employee-filter-search-input:-ms-input-placeholder {
  color: rgba(51, 60, 72, 0.5);
  font-size: 0.875rem;
  font-family: inherit;
  transition: color 0.3s ease;
}

.employee-filter-search-ico {
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 15px;
  fill: #B8BAC1;
  transform: translateY(-50%);
}

.employee-filter-actions {
  display: flex;
  justify-content: space-between;
}
.employee-filter-actions.mod-btn {
  border-top: 1px solid #DEDEDE;
  padding-top: 20px;
}

.employee-filter-link {
  color: #00A8FF;
  font-size: 0.875rem;
}

.form-table-holder {
  margin-bottom: 30px;
}

.form-table {
  display: block;
  margin-bottom: 20px;
  border: 1px solid #E7E9ED;
  border-radius: 4px;
}

.form-input-holder {
  margin-bottom: 0;
}
.form-input-holder.mod-icon-uploader {
  float: left;
  margin-bottom: 10px;
  margin-right: 14px;
}

.form-table-header {
  display: flex;
  padding: 0 6px;
  width: 100%;
  height: 40px;
  align-items: center;
  background: #F8FAFC;
  box-sizing: border-box;
  border-radius: 4px 4px 0 0;
}

.form-table-item {
  position: relative;
  display: flex;
  min-height: 62px;
  padding: 6px;
  border-top: 1px solid #E7E9ED;
  align-items: center;
  box-sizing: border-box;
}
.form-table-item:last-child {
  border-radius: 0 0 4px 4px;
}
.form-table-item.is-error {
  padding-bottom: 30px;
}
.form-table-item .form-table-box.form-table-box-contacts-email .form-input-holder,
.form-table-item .form-table-box.form-table-box-contacts-name .form-input-holder {
  margin-bottom: 0;
}

.form-table-item-time-zone {
  min-height: 65px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.form-table-box {
  padding-right: 20px;
  box-sizing: border-box;
}

.form-table-box-no-padding {
  padding-right: 0;
}

.form-table-box-flex {
  display: flex;
  align-items: center;
}

.form-table-title {
  padding: 11px 14px;
  font-size: 0.875rem;
  color: #7E8FA5;
  font-weight: 600;
}

.form-table-input {
  margin-bottom: 0;
}

.form-table-sub-box-no-padding {
  padding-right: 0;
}

.form-table-sub-box {
  padding-right: 20px;
}
.form-table-sub-box:first-child {
  flex: 1;
}
.form-table-sub-box:last-child {
  padding-right: 0;
}
.form-table-sub-box.mod-small-height .tags .tag-list .tag-item {
  margin: 2px 2px;
  padding: 4px 28px 5px 8px;
}

.form-table-text {
  padding: 11px 14px;
}
.form-table-text.mod-green-text {
  color: rgb(0, 187, 40);
}
.form-table-text.mod-red-text {
  color: rgb(255, 71, 67);
}

.form-table-btn {
  height: 40px;
  line-height: 40px;
}

.form-table-box-contacts-email {
  width: 300px;
}

.form-table-box-contacts-name {
  width: 580px;
}

.form-table-box-trainings-resource {
  width: 300px;
}
.form-table-box-trainings-resource .form-table-resource-name {
  margin: 0;
  padding-left: 50px;
}

.form-table-box-trainings-trainings {
  width: 580px;
}
.form-table-box-trainings-trainings .tags .input {
  height: 33px;
}

.form-table-box-resources-icon {
  width: 50px;
}

.form-table-box-resources-name {
  width: 200px;
}

.form-table-box-roles-name {
  width: 160px;
}

.form-table-box-resources-type {
  width: 150px;
}

.form-table-box-resources-hours {
  display: flex;
  width: 125px;
}
.form-table-box-resources-hours .mod-full-width {
  display: flex;
  width: 100%;
}

.form-table-box-resources-rate {
  width: 110px;
}
.form-table-box-resources-rate .mod-create-client .mod-currency-ico .form-input {
  padding-left: 26px;
  padding-right: 4px;
}
.form-table-box-resources-rate .mod-create-client .form-input-ico {
  width: 24px;
}

.form-table-box-resources-pay-rate {
  width: 110px;
}
.form-table-box-resources-pay-rate .mod-create-client .mod-currency-ico .form-input {
  padding-left: 26px;
  padding-right: 4px;
}
.form-table-box-resources-pay-rate .mod-create-client .form-input-ico {
  width: 24px;
}

.form-table-box-resources-margin {
  width: 85px;
}

.form-table-box-home-zone-name {
  flex-grow: 1;
  width: 260px;
}
.form-table-box-home-zone-name .form-table-text {
  width: 100%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.form-table-box-home-zone-address {
  flex-grow: 1;
  width: 260px;
}
.form-table-box-home-zone-address .form-table-text {
  width: 100%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.form-table-box-home-zone-radius {
  flex-grow: 1;
  width: 460px;
}
.form-table-box-home-zone-radius .form-table-text {
  width: 100%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.form-table-box-documents-name {
  display: flex;
  align-items: center;
  width: 385px;
}

.form-table-box-documents-type {
  padding-right: 45px;
}

.form-select {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.form-select.is-active .form-select-current-ico-val {
  transform: translateX(-50%) translateY(-50%) rotate(180deg);
}
.form-select.is-active .form-select-dropdown {
  display: block;
}

.form-select-current {
  position: relative;
  padding-left: 20px;
  padding-right: 68px;
  line-height: 36px;
  font-size: 14px;
  color: #333C48;
  height: 36px;
  font-weight: 600;
  background: linear-gradient(180deg, #FEFEFE 0%, #F6F6F6 100%);
  border: 1px solid #E8EBF0;
  box-sizing: border-box;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}

.form-select-current-ico {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 100%;
  border-left: 1px solid #E8EBF0;
  box-sizing: border-box;
}

.form-select-current-ico-val {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 6px;
  fill: #00A6FF;
  transform: translateX(-50%) translateY(-50%);
}

.form-select-dropdown {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
  margin-top: 9px;
  width: 240px;
  padding: 0 12px;
  background: #FFFFFF;
  border: 1px solid #E8EBF0;
  box-sizing: border-box;
  border-radius: 4px;
}

.form-select-dropdown-search {
  display: block;
  padding: 12px 0;
  position: relative;
}

.form-select-dropdown-input {
  display: block;
  width: 100%;
  padding: 11px 22px 11px 36px;
  font-size: 14px;
  line-height: 17px;
  color: #333C48;
  background: #FFFFFF;
  border: 1px solid #DBDFE5;
  box-sizing: border-box;
  border-radius: 2px;
}
.form-select-dropdown-input::placeholder {
  color: #979797;
}
.form-select-dropdown-input:focus {
  color: #333C48;
  border-color: #00A8FF;
}
.form-select-dropdown-input:focus + .form-select-dropdown-ico {
  fill: #00A8FF;
}

.form-select-dropdown-ico {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 14px;
  height: 14px;
  fill: #B8BAC1;
  margin-top: -7px;
}

.form-select-dropdown-category-list {
  margin: 0 -12px;
  max-height: 300px;
  overflow-y: scroll;
}
.form-select-dropdown-category-list::-webkit-scrollbar {
  width: 4px;
  border-radius: 3px;
}
.form-select-dropdown-category-list::-webkit-scrollbar-track {
  background: #D8D8D8;
  border-radius: 3px;
}
.form-select-dropdown-category-list::-webkit-scrollbar-thumb {
  background: #919191;
  border-radius: 3px;
}

.form-select-dropdown-category {
  padding-bottom: 8px;
  border-bottom: 1px solid #E8EBF0;
}
.form-select-dropdown-category:last-child {
  border-bottom: 0;
}

.form-select-dropdown-title {
  padding: 9px 12px 0;
  margin-bottom: 6px;
  color: #7E8FA5;
  font-size: 10px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
}

.form-select-dropdown-item {
  display: block;
  width: 100%;
  padding: 6px 12px;
  text-align: left;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer;
  color: rgba(51, 60, 72, 0.9);
  background: none;
  outline: none;
  border: 0;
}
.form-select-dropdown-item:hover {
  color: #00A8FF;
  background: #F8F9FA;
}

.comments-list {
  padding-top: 30px;
  box-sizing: border-box;
}
.comments-list::-webkit-scrollbar {
  width: 38px;
  border-radius: 3px;
}
.comments-list::-webkit-scrollbar-track {
  background: #E9E9E9;
  border-left: 6px solid #fafafa;
  border-right: 30px solid #fafafa;
}
.comments-list::-webkit-scrollbar-thumb {
  background: #727070;
  border-left: 6px solid #fafafa;
  border-right: 30px solid #fafafa;
}
.comments-list.mod-hidden-list {
  position: relative;
}
.comments-list.mod-hidden-list:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 60px;
  background-image: linear-gradient(to top, #fff 0%, transparent 100%);
}
.comments-list.mod-pt-0 {
  padding-top: 0;
}

.comment-add {
  position: relative;
  padding-left: 50px;
}
.comment-add.mod-no-padding {
  padding: 0;
}
.comment-add .add-data {
  background: #FFFFFF;
  border: 1px solid #DBDFE5;
  border-radius: 4px;
}
.comment-add .add-options {
  padding: 5px 15px;
}
.comment-add .add-options:after {
  display: table;
  content: "";
  clear: both;
}
.comment-add .add-visible-options {
  float: left;
}
.comment-add .add-visible-options .form-checkbox-list {
  display: flex;
  align-items: center;
}
.comment-add .add-btn {
  float: right;
}
.comment-add .add-btn:not(:first-child) {
  margin-left: 10px;
}

.comment-add .add-img {
  position: absolute;
  top: 5px;
  left: 0;
  width: 34px;
  height: 34px;
  overflow: hidden;
  border-radius: 50%;
}
.comment-add .add-img img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.comment-add {
  position: relative;
  padding-left: 50px;
}
.comment-add .add-textarea {
  display: block;
  padding: 10px 15px;
  margin: 0;
  width: 100%;
  height: 52px;
  border: 0;
  font-size: 1rem;
  line-height: 1.42;
  color: #333C48;
  resize: none;
  border-bottom: 1px solid #E7E9ED;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
}

.comment {
  position: relative;
  padding: 0 30px 0 50px;
  margin-bottom: 30px;
}
.comment:last-child {
  margin-bottom: 18px;
}
.comment.mod-edit {
  padding-right: 0;
}
.comment .comment-text {
  font-size: 1rem;
  line-height: 1.25;
  color: #4D5262;
  letter-spacing: -0.11px;
  white-space: pre-wrap;
}
.comment .settings-dropdown {
  top: 9px;
}
.comment .comment-actions {
  padding-top: 8px;
}
.comment .comment-actions-button {
  margin-right: 8px;
}

.comment {
  position: relative;
}
.comment .comment-img {
  position: absolute;
  top: 5px;
  left: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
}
.comment .comment-img img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.comment .comment-info-list:after {
  display: table;
  content: "";
  clear: both;
}
.comment .comment-info-list-item {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #4D5262;
  opacity: 0.5;
  font-weight: bold;
}
.comment .comment-info-list-item:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 8px;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  border-radius: 50%;
  background-color: #4D5262;
}
.comment .comment-info-list-item:last-child {
  padding-right: 0;
}
.comment .comment-info-list-item:last-child:after {
  content: none;
}
.comment .comment-info-list-item.mod-highlighted {
  color: #00A8FF;
}

.modal-comments {
  height: 278px;
  margin: 15px 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.modal-comments.mod-no-margin {
  padding-top: 15px;
  margin: 0;
  box-sizing: border-box;
}
.modal-comments.mod-flex-grow {
  flex-grow: 1;
}
.modal-comments::-webkit-scrollbar {
  width: 4px;
  border-radius: 3px;
}
.modal-comments::-webkit-scrollbar-track {
  background: #fff;
  border-right: 0;
  border-radius: 2px;
}
.modal-comments::-webkit-scrollbar-thumb {
  background: #D8D8D8;
  border-right: 0;
  border-radius: 2px;
}

.modal-comments-small {
  position: relative;
  width: 250px;
  height: 107px;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.modal-comments-small::-webkit-scrollbar {
  width: 4px;
  border-radius: 3px;
}
.modal-comments-small::-webkit-scrollbar-track {
  background: #fff;
  border-right: 0;
  border-radius: 2px;
}
.modal-comments-small::-webkit-scrollbar-thumb {
  background: #D8D8D8;
  border-right: 0;
  border-radius: 2px;
}

.modal-comment-add {
  background: #FCFCFC;
  border-bottom: 1px solid #E7E9ED;
  border-radius: 0 0 4px 4px;
}
.modal-comment-add.mod-empty {
  background: none;
}
.modal-comment-add.mod-empty .modal-comment-add-options {
  display: none;
}
.modal-comment-add.mod-empty .modal-comment-add-controls {
  display: none;
}

.modal-comment-add-data {
  position: relative;
}

.modal-comment-add-options {
  padding: 0 20px 5px;
}
.modal-comment-add-options:after {
  display: table;
  content: "";
  clear: both;
}

.modal-comment-add-visible-options {
  float: left;
}

.modal-comment-add-controls {
  display: flex;
  justify-content: space-between;
  padding: 13px 20px;
  border-top: 1px solid #DBDFE5;
  background: #F8F9FA;
}

.modal-comment-add-controls-box {
  display: flex;
  align-items: center;
}

.modal-comment-add-textarea {
  display: block;
  padding: 13px 20px 5px;
  outline: none;
  margin: 0;
  width: 100%;
  min-height: 47px;
  border: 0;
  font-size: 1rem;
  line-height: 1.42;
  color: #333C48;
  resize: none;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
  background: #F8F9FA;
}
.modal-comment-add-textarea::-webkit-input-placeholder {
  color: rgba(51, 60, 72, 0.4);
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.modal-comment-add-textarea:-moz-placeholder {
  color: rgba(51, 60, 72, 0.4);
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.modal-comment-add-textarea::-moz-placeholder {
  color: rgba(51, 60, 72, 0.4);
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.modal-comment-add-textarea:-ms-input-placeholder {
  color: rgba(51, 60, 72, 0.4);
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}

.modal-comment-add-btn {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 33px;
  height: 31px;
  margin-top: -15px;
  border: 1px solid #00A8FF;
  border-radius: 4px;
}
.modal-comment-add-btn:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") 0px -249px;
}

.modal-comment {
  position: relative;
  padding: 0 20px 0 20px;
  margin-bottom: 18px;
}
.modal-comment.mod-deleted {
  padding-top: 5px;
  padding-bottom: 5px;
  background: #FFF8ED;
}
.modal-comment .settings-dropdown {
  top: 9px;
}
.modal-comment .settings-dropdown .settings-dd {
  right: 0;
}
.modal-comment .settings-dropdown .settings-dd:after {
  right: 12px;
}

.modal-comment-small {
  padding: 0;
}

.modal-comment-text {
  font-size: 1rem;
  line-height: 1.25;
  color: #4D5262;
  letter-spacing: -0.11px;
  word-break: break-word;
}

.modal-comment-delete {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  cursor: pointer;
}
.modal-comment-delete:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  opacity: 0.6;
  transform: translateY(-50%) translateX(-50%);
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -79px -249px;
}
.modal-comment-delete:hover:after {
  opacity: 1;
}

.modal-comment-undo-delete {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.modal-comment-header {
  position: relative;
  display: table;
  width: 100%;
  height: 43px;
  margin-bottom: 4px;
  padding: 0 50px;
  table-layout: fixed;
  box-sizing: border-box;
}

.modal-comment-header-img {
  position: absolute;
  top: 5px;
  left: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
  transform: translateZ(0);
  background-color: #fff;
}

.modal-comment-header-img-val {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.modal-comment-header-box {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.modal-comment-header-box:after {
  display: table;
  content: "";
  clear: both;
}
.modal-comment-header-box.mod-center-align {
  text-align: center;
}

.modal-comment-header-text {
  position: relative;
  float: left;
  padding-right: 20px;
  font-size: 0.875rem;
  color: #373F51;
  opacity: 0.4;
}
.modal-comment-header-text:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 8px;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  border-radius: 50%;
  background-color: #4D5262;
}
.modal-comment-header-text:first-child {
  width: 100%;
}
.modal-comment-header-text:first-child:after {
  content: none;
}
.modal-comment-header-text:last-child {
  padding-right: 0;
}
.modal-comment-header-text:last-child:after {
  content: none;
}
.modal-comment-header-text.mod-name {
  opacity: 1;
  font-weight: bold;
}
.modal-comment-header-text.mod-name-highlighted {
  color: #00A8FF;
}

.planning {
  position: absolute;
  display: inline-flex;
  padding-top: 70px;
  height: 100%;
  overflow-y: hidden;
  flex-direction: column;
  box-sizing: border-box;
  background: #fff;
}
.planning.mod-no-padding {
  padding-top: 0;
  height: calc(100vh - 65px);
}

.planning-msg {
  position: fixed;
  z-index: 2;
  display: flex;
  width: 100%;
  top: 0;
  left: 0;
  height: 100vh;
  flex-direction: column;
  padding-top: 70px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.planning-msg-box {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.planning-msg-box:nth-child(1) {
  flex: 0 228px;
}
.planning-msg-box:nth-child(2) {
  padding-top: 49px;
  flex: 1;
}

.planning-msg-text {
  position: relative;
  margin: 0;
  padding: 0;
  color: #9B9B9B;
  font-size: 1rem;
  line-height: 1.25;
}

.planning-header {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  padding: 11px 15px;
  background: #F9F8F6;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
}

.planning-header-list {
  display: flex;
}
.planning-header-list.mod-padding {
  padding-top: 8px;
}

.planning-header-box {
  flex: 1;
}
.planning-header-box.mod-align-right {
  text-align: right;
}

.planning-header-item {
  display: inline-block;
  margin-right: 25px;
  vertical-align: middle;
}

.planning-loader {
  z-index: 9;
}

.planning-header-date {
  display: inline-block;
  margin: 0 -2px;
  vertical-align: top;
  box-sizing: border-box;
}

.planning-header-btn {
  display: inline-block;
  min-width: 80px;
  height: 24px;
  margin-top: -6px;
  color: #FFFFFF;
  font-size: 0.75rem;
  line-height: 2;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}
.planning-header-btn.is-disabled, .planning-header-btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.planning-header-title {
  margin: 0 7px 0 0;
  color: #333C48;
  font-size: 1.125rem;
  line-height: 1.2222222222;
}

.planning-header-results {
  display: inline-block;
  vertical-align: top;
}
.planning-header-results:after {
  display: table;
  content: "";
  clear: both;
}

.planning-header-results-box {
  display: inline-block;
  vertical-align: top;
}

.planning-header-results-sep {
  display: inline-block;
  width: 1px;
  height: 16px;
  margin: 0 16px;
  background: #E7E9ED;
  vertical-align: top;
}

.planning-header-results-btn {
  position: relative;
  display: inline-block;
  padding: 0 0 0 12px;
  color: #00A6FF;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  vertical-align: top;
}
.planning-header-results-btn .svg-ico-cross {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  margin-top: -1px;
  fill: #00A6FF;
  transform: translateY(-50%);
}

.planning-header-results-val {
  display: inline-block;
  color: #7D8FA6;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  vertical-align: top;
}

.planning-header-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.planning-header-dropdown.is-active .planning-header-dropdown-current {
  color: #333C48;
}
.planning-header-dropdown.is-active .planning-header-dropdown-current:after {
  border-width: 0 3px 4px 3px;
  border-color: transparent transparent #00A8FF transparent;
}
.planning-header-dropdown.is-active .planning-header-dropdown-list {
  z-index: 99;
  display: block;
}

.planning-header-dropdown-current {
  position: relative;
  padding-right: 10px;
  color: #7D8FA6;
  font-size: 0.875rem;
  font-weight: 600;
}
.planning-header-dropdown-current:after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3px 0 3px;
  border-color: #00A8FF transparent transparent transparent;
}

.planning-header-dropdown-list {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  min-width: 200px;
  max-height: 166px;
  padding: 10px 6px 12px;
  background: #FFFFFF;
  border: 1px solid #D3D4D8;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.17);
  border-radius: 2px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}
.planning-header-dropdown-list::-webkit-scrollbar {
  width: 4px;
  transform: translateZ(0);
}
.planning-header-dropdown-list::-webkit-scrollbar-track {
  background: #D8D8D8;
  border-radius: 3px;
}
.planning-header-dropdown-list::-webkit-scrollbar-thumb {
  background: #919191;
  border-radius: 3px;
}

.planning-header-dropdown-item {
  display: block;
  white-space: nowrap;
  position: relative;
  padding: 0 0 0 24px;
  cursor: pointer;
}

.planning-header-dropdown-input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.planning-header-dropdown-input:checked + .planning-header-dropdown-text {
  font-weight: 600;
}
.planning-header-dropdown-input:checked + .planning-header-dropdown-text:after {
  content: "";
}

.planning-header-dropdown-text {
  display: block;
  margin-bottom: 5px;
  color: #333C48;
  font-size: 1rem;
  line-height: 1.25;
}
.planning-header-dropdown-text:before, .planning-header-dropdown-text:after {
  position: absolute;
}
.planning-header-dropdown-text:before {
  content: "";
  top: 4px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid #7E8FA5;
}
.planning-header-dropdown-text:after {
  top: 7px;
  left: 3px;
  width: 6px;
  height: 6px;
  background: #00A8FF;
  border-radius: 50%;
}

.planning-interval {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 49px;
  vertical-align: top;
  box-sizing: border-box;
  white-space: nowrap;
}

.planning-interval-day {
  display: inline-block;
  position: relative;
  background: #F9F8F6;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}
.planning-interval-day:after {
  display: table;
  content: "";
  clear: both;
}

.planning-interval-day-list {
  position: relative;
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 3px 0 0;
  white-space: nowrap;
}
.planning-interval-day-list:before, .planning-interval-day-list:after {
  position: absolute;
  left: 50%;
  width: 96%;
  margin-left: -48%;
  height: 100vh;
}
.planning-interval-day-list:after {
  bottom: calc(100% + 22px);
  margin-bottom: 1px;
}
.planning-interval-day-list:before {
  top: 100%;
  margin-top: 1px;
}
.planning-interval-day-list.mod-bg:before {
  content: "";
  background: rgb(241, 251, 255);
}
.planning-interval-day-list.mod-bg:after {
  content: "";
  background: #f9f8f6;
}

.planning-interval-day-item {
  position: relative;
  display: inline-block;
  min-width: 6.25px;
  width: 0.5485vw;
  height: 5px;
  font-size: 0.625rem;
  color: #4D5262;
  vertical-align: bottom;
}
.planning-interval-day-item:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  transform: translateX(-50%);
  background-color: #D8D8D8;
}
.planning-interval-day-item.mod-text {
  height: 10px;
}

.planning-interval-day-item-text {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
}

.planning-interval-title {
  text-align: center;
  height: 22px;
  padding: 0 12px;
  color: #4D5262;
  font-size: 0.75rem;
  line-height: 22px;
  letter-spacing: -0.08px;
  border: 1px solid transparent;
  border-radius: 75px;
  box-sizing: border-box;
  font-weight: 600;
}
.planning-interval-title:after {
  display: table;
  content: "";
  clear: both;
}

.planning-shift {
  position: absolute;
  min-height: 66px;
  padding: 5px 4px 4px;
  background: #FAF9F7;
  border: 1px solid #D3D4D8;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.17);
  border-radius: 2px;
  box-sizing: border-box;
}
.planning-shift.is-checked {
  border: 1px solid #00A8FF;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.35);
}
.planning-shift.is-checked .planning-shift-checked {
  display: block;
}

.planning-shift-box {
  overflow: hidden;
}

.planning-shift-title {
  margin-right: -9px;
  margin-bottom: 3px;
  color: #333C48;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  font-weight: 600;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.planning-shift-text {
  position: relative;
  margin-bottom: 4px;
  width: 100%;
  min-height: 12px;
  color: #7E8FA5;
  font-size: 0.75rem;
  line-height: 1.0714285714;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.planning-shift-text .planning-shift-edit {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
}

.planning-shift-count-holder {
  display: flex;
  justify-content: space-between;
}

.planning-shift-count {
  display: inline-block;
  min-width: 20px;
  margin-left: -3px;
  padding: 0 1px;
  color: #FFFFFF;
  font-size: 0.625rem;
  line-height: 1.9;
  background: #FF453C;
  border-radius: 50%;
  box-sizing: border-box;
  vertical-align: top;
  text-align: center;
  font-weight: bold;
}

.planning-shift-checked {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background: rgba(0, 168, 255, 0.4);
}

.planning-shift-checked-ico {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 16px;
  height: 16px;
  background: #00BB28;
  border-radius: 50%;
}
.planning-shift-checked-ico .svg-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 9px;
  fill: #fff;
  transform: translateY(-50%) translateX(-50%);
}

.planning-shift-edit {
  display: inline-block;
  width: 14px;
  height: 13px;
  fill: #7E8FA5;
  cursor: pointer;
}
.planning-shift-edit:hover {
  fill: #00A5FB;
}

.planning-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.planning-content-box.mod-planning {
  position: relative;
  z-index: 4;
  flex: 0 228px;
  overflow-y: scroll;
}
.planning-content-box.mod-interval {
  flex: 0 80px;
}
.planning-content-box.mod-booking {
  position: relative;
  z-index: 4;
  flex: 1;
  padding-left: 50px;
  overflow-y: scroll;
}
.planning-content-box.mod-tutorial {
  overflow: hidden;
}
.planning-content-box.mod-tutorial-timeline {
  position: relative;
}
.planning-content-box.mod-tutorial-timeline:after {
  position: absolute;
  z-index: 990;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #F9F8F6;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  box-sizing: border-box;
}

.planning-content-item {
  min-height: 50px;
  border-bottom: 1px solid #DEE2E6;
  box-sizing: border-box;
}

.planning-content-btn {
  position: fixed;
  z-index: 2;
  top: calc(70px + 228px + 49px / 2);
  width: 16px;
  height: 30px;
  margin-top: -16px;
  background: #7D8FA6;
}
.planning-content-btn.mod-left {
  left: 0;
  border-radius: 0 4px 4px 0;
}
.planning-content-btn.mod-right {
  right: 0;
  border-radius: 4px 0 0 4px;
}
.planning-content-btn .svg-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 13px;
  fill: #fff;
  transform: translateY(-50%) translateX(-50%);
}

.planning-search {
  position: fixed;
  top: 347px;
  z-index: 4;
  display: flex;
  width: 100%;
  height: 31px;
  background: #fff;
  border-top: 1px solid #DEE2E6;
  border-bottom: 1px solid #DEE2E6;
  box-sizing: border-box;
}

.planning-search-counter {
  position: relative;
  width: 50px;
  padding: 8px 9px 7px;
  text-align: left;
  background-color: #F9F8F6;
  border-right: 1px solid #DEE2E6;
  box-sizing: border-box;
}

.planning-search-counter-box {
  text-align: right;
}

.planning-search-counter-ico {
  position: absolute;
  top: 50%;
  left: 9px;
  width: 13px;
  height: 13px;
  fill: #7b8fa8;
  transform: translateY(-50%);
}

.planning-search-counter-val {
  display: inline-block;
  min-width: 13px;
  height: 13px;
  text-align: center;
  font-size: 0.625rem;
  color: #FFFFFF;
  line-height: 1.5;
  background: #00A8FF;
  border-radius: 50%;
  vertical-align: top;
  font-weight: bold;
}

.planning-search-box {
  display: flex;
  padding: 0 20px;
  width: calc(100% - 50px);
  box-sizing: border-box;
}

.planning-search-input-holder {
  position: relative;
  width: 284px;
  padding-left: 16px;
  height: 29px;
}

.planning-search-input {
  width: 100%;
  font-size: 0.875rem;
  color: #333C48;
  line-height: 2.0714285714;
  padding-right: 25px;
  text-align: right;
  box-sizing: border-box;
}
.planning-search-input::-webkit-input-placeholder {
  color: #7D8FA6;
  font-size: 0.875rem;
  font-family: inherit;
  transition: color 0.3s ease;
}
.planning-search-input:-moz-placeholder {
  color: #7D8FA6;
  font-size: 0.875rem;
  font-family: inherit;
  transition: color 0.3s ease;
}
.planning-search-input::-moz-placeholder {
  color: #7D8FA6;
  font-size: 0.875rem;
  font-family: inherit;
  transition: color 0.3s ease;
}
.planning-search-input:-ms-input-placeholder {
  color: #7D8FA6;
  font-size: 0.875rem;
  font-family: inherit;
  transition: color 0.3s ease;
}
.planning-search-input:focus + .planning-search-ico {
  fill: #00A8FF;
}

.planning-search-ico {
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 14px;
  fill: #7D8FA6;
  margin-top: -7px;
}

.planning-search-tags {
  flex: 1;
  margin: 0;
  padding: 0;
  list-style: none;
}

.planning-search-tags-item {
  position: relative;
  margin: 3px 4px 2px 0;
  padding: 2px 18px 2px 7px;
  display: inline-block;
  font-size: 0.75rem;
  color: #7D8FA6;
  border: 1px solid #96D8FA;
  border-radius: 100px;
}
.planning-search-tags-item .svg-ico {
  position: absolute;
  top: 50%;
  right: 7px;
  width: 7px;
  height: 7px;
  transform: translateY(-50%);
  fill: #00A6FF;
}

.planning-employee-shift {
  position: absolute;
  padding: 6px 7px;
  background: #FAF9F7;
  border: 1px solid #D3D4D8;
  border-radius: 2px;
  box-sizing: border-box;
}
.planning-employee-shift.mod-stripe:after {
  position: absolute;
  z-index: 2;
  content: "";
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: #FF453C;
  border-radius: 2px 0 0 2px;
}
.planning-employee-shift.mod-stripe-yellow {
  background: #FFF8ED;
  border: 1px solid #F6DDB1;
  border-radius: 2px;
}
.planning-employee-shift.mod-stripe-yellow:after {
  background: #F5A623;
}
.planning-employee-shift.mod-stripe-yellow .planning-employee-shift-triangle {
  border-color: transparent #F5A623 transparent transparent;
}
.planning-employee-shift.mod-stripe-green:after {
  background: #00BB28;
}
.planning-employee-shift.mod-stripe-green .planning-employee-shift-triangle {
  border-color: transparent #00BB28 transparent transparent;
}
.planning-employee-shift.mod-stripe-blue:after {
  background: #00A5FB;
}
.planning-employee-shift.mod-stripe-blue .planning-employee-shift-triangle {
  border-color: transparent #00A5FB transparent transparent;
}
.planning-employee-shift.mod-intersection {
  background: rgba(250, 249, 247, 0.65);
}
.planning-employee-shift.mod-intersection .planning-employee-shift-title,
.planning-employee-shift.mod-intersection .planning-employee-shift-intersection-area, .planning-employee-shift.mod-intersection:after {
  opacity: 0.65;
}

.planning-employee-shift-title {
  position: relative;
  z-index: 2;
  width: 100%;
  color: #333C48;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  font-weight: 600;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.planning-employee-shift-intersection {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.planning-employee-shift-intersection-area {
  position: absolute;
  top: 0;
  z-index: 1;
  content: "";
  height: 100%;
  background: repeating-linear-gradient(-45deg, #fff 0, #fff 5px, #FEBDBC 5px, #FEBDBC 12px);
}

.planning-employee-shift-intersection-cap {
  position: absolute;
  top: -1px;
  height: calc(100% + 2px);
  box-sizing: border-box;
}
.planning-employee-shift-intersection-cap:after {
  position: absolute;
  z-index: 2;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 69, 60, 0.43);
  border: 1px dashed #FF453C;
  box-sizing: border-box;
  border-radius: 2px;
}

.planning-employee-shift-triangle {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 0;
  border-color: transparent #FF453C transparent transparent;
}

.planning-employee {
  position: absolute;
  z-index: 990;
  top: 0;
  left: 0;
  width: 50px;
  min-height: 100%;
  background-color: #F9F8F6;
  border-right: 1px solid #DEE2E6;
  box-sizing: border-box;
}

.planning-employee-item {
  position: relative;
  width: 100%;
  min-height: 50px;
}
.planning-employee-item:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #DEE2E6;
}
.planning-employee-item:hover {
  z-index: 99;
}
.planning-employee-item:hover .planning-employee-name {
  opacity: 1;
  visibility: visible;
  transform: scale(1) rotate(0deg) translateY(-50%);
}

.planning-employee-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  overflow: hidden;
  border-radius: 50%;
  transform: translateZ(0);
  background: #D8D8D8;
}
.planning-employee-logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.planning-employee-name {
  position: absolute;
  top: 50%;
  left: 100%;
  margin: 0 0 0 10px;
  color: #333C48;
  box-sizing: border-box;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
  transform: scale(0) rotate(-45deg) translateY(-50%);
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
  transform-origin: bottom left;
  transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
  border-radius: 4px;
}
.planning-employee-name:after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 50%;
  right: 100%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-right: -7px;
  transform: rotate(45deg);
  pointer-events: none;
  background: #fff;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
}
.planning-employee-name span {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 3px 4px;
  font-size: 0.8125rem;
  line-height: 1.2307692308;
  background: #fff;
  border-radius: 4px;
}

.mobile-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  background-color: #ebebeb;
  display: block;
}

.mobile-popup-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 640px;
  padding: 10px 20px;
  margin: auto;
  box-sizing: border-box;
}
@media (max-width: 360px) {
  .mobile-popup-wrap {
    padding: 10px;
  }
}

.mobile-popup-wrap-col {
  display: flex;
  align-items: center;
}

.mobile-popup-logo {
  display: block;
  width: 40px;
  max-width: 100%;
  border-radius: 6px;
}
@media (max-width: 360px) {
  .mobile-popup-logo {
    width: 30px;
  }
}

.mobile-popup-logo-wrap {
  margin-right: 20px;
}
@media (max-width: 360px) {
  .mobile-popup-logo-wrap {
    margin-right: 10px;
  }
}

.mobile-popup-text-wrap {
  max-width: 190px;
  font-size: 0.875rem;
}

.mobile-popup-link {
  display: inline-block;
  height: auto;
  padding: 5px 10px;
  background-color: #305177;
  line-height: 1.3;
  text-align: center;
  font-size: 0.875rem;
  color: #FFF;
  cursor: pointer;
  font-weight: bold;
}

.mobile-popup-close-link {
  display: block;
  margin-top: 5px;
  color: #7E8FA5;
  cursor: pointer;
}
.mobile-popup-close-link:hover {
  color: #333C48;
}

.planning-employee-cap {
  position: absolute;
  min-width: 26px;
  height: 31px;
  border: 1px dashed #00A8FF;
  border-radius: 2px;
  box-sizing: border-box;
}
.planning-employee-cap.is-highlighted {
  background: rgba(0, 168, 255, 0.4);
}
.planning-employee-cap.is-clicked .planning-employee-cap-dropdown {
  display: block;
}

.planning-employee-cap-dropdown {
  position: absolute;
  z-index: 99;
  left: 0;
  top: 100%;
  margin-bottom: 1px;
  height: 19px;
  white-space: nowrap;
  background: #FAF9F7;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.17);
  border-radius: 4px;
}

.planning-employee-cap-btn {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 9px;
  vertical-align: top;
  color: #2BB63F;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  cursor: pointer;
  border-right: 1px solid #E7E9ED;
  font-weight: 600;
}
.planning-employee-cap-btn:hover {
  background: #E7E9ED;
}
.planning-employee-cap-btn.mod-black {
  color: #333C48;
  border-right: 0;
}
.planning-employee-cap-btn.mod-red {
  color: #FA4642;
}
.planning-employee-cap-btn.mod-blue {
  border-right: 1px solid #E7E9ED;
  color: #00A8FF;
}
.planning-employee-cap-btn.mod-blue:after {
  position: absolute;
  z-index: -1;
  content: "";
  bottom: 100%;
  left: 10px;
  width: 10px;
  height: 10px;
  margin-bottom: -8px;
  background: #FAF9F7;
  transform: rotate(45deg);
}
.planning-employee-cap-btn.mod-blue:hover:after {
  background: #E7E9ED;
}

.planning-tutorial-shift-holder {
  position: absolute;
}

.planning-tutorial-shift {
  position: absolute;
  width: 24px;
  height: 69px;
  background: #EBEAE6;
  border-radius: 2px;
}
.planning-tutorial-shift.mod-vertical {
  width: 84px;
  height: 31px;
}
.planning-tutorial-shift.mod-vertical-small {
  width: 34px;
}
.planning-tutorial-shift.mod-vertical-large {
  width: 104px;
}
.planning-tutorial-shift.mod-medium {
  width: 47px;
}
.planning-tutorial-shift.mod-large {
  width: 64px;
}
.planning-tutorial-shift.mod-extra-large {
  width: 77px;
}
.planning-tutorial-shift.is-checked {
  border: 1px solid #00A8FF;
  background: rgba(0, 168, 255, 0.4);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.35);
}

.planning-tutorial {
  display: flex;
  width: 100%;
  overflow: hidden;
}
.planning-tutorial [class*=planning-tutorial-step] {
  display: none;
}

.planning-tutorial-step-1 [class*=planning-tutorial-step-1] {
  display: block;
}

.planning-tutorial-step-2 [class*=planning-tutorial-step-2] {
  display: block;
}

.planning-tutorial-step-3 [class*=planning-tutorial-step-3] {
  display: block;
}

.planning-tutorial-step-4 [class*=planning-tutorial-step-4] {
  display: block;
}

.planning-tutorial-msg {
  position: fixed;
  padding-left: 27px;
  max-width: 305px;
  width: 100%;
  z-index: 999;
  box-sizing: border-box;
}

.planning-tutorial-msg-step {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  color: #fff;
  background: #FF453C;
  font-size: 0.625rem;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
}

.planning-tutorial-msg-text {
  color: #9B9B9B;
  font-size: 1rem;
}

.planning-tutorial-msg-link {
  display: inline-block;
  color: #00A6FF;
  font-size: 1rem;
  cursor: pointer;
  border-bottom: 1px solid #00A6FF;
}
.planning-tutorial-msg-link:hover {
  border-bottom-color: transparent;
}

.planning-tutorial-msg-1 {
  top: 151px;
  left: 353px;
}

.planning-tutorial-msg-ico-1 {
  position: absolute;
  width: 110px;
  height: 67px;
  margin-right: 7px;
  margin-bottom: -10px;
  right: 100%;
  bottom: 100%;
}

.planning-tutorial-msg-2 {
  top: 306px;
  left: 586px;
}

.planning-tutorial-msg-ico-2-top {
  position: absolute;
  z-index: -1;
  bottom: 100%;
  right: 46px;
  width: 68px;
  height: 111px;
  margin-bottom: 10px;
}

.planning-tutorial-msg-ico-2-bottom {
  position: absolute;
  z-index: -1;
  top: 100%;
  margin-top: -20px;
  left: 50px;
  width: 68px;
  height: 111px;
}

.planning-tutorial-msg-3 {
  top: 224px;
  left: 796px;
}

.planning-tutorial-msg-ico-3 {
  position: absolute;
  width: 41px;
  height: 56px;
  margin-right: -55px;
  right: 100%;
  bottom: 100%;
}

.planning-tutorial-msg-4 {
  top: 543px;
  left: 303px;
}

.planning-tutorial-msg-ico-4 {
  position: absolute;
  width: 42px;
  height: 57px;
  margin-left: -94px;
  margin-bottom: -10px;
  left: 100%;
  bottom: 100%;
}

.planning-tutorial-overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(-180deg, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);
}
.planning-tutorial-overlay.mod-revert {
  background-image: linear-gradient(0deg, #FFFFFF 40%, rgba(255, 255, 255, 0) 100%);
}

.pay-adjustment-employees {
  border-right: 1px solid #E7E9ED;
}

.pay-adjustment {
  display: flex;
  min-height: 215px;
}

.pay-adjustment-employees {
  width: 210px;
}

.pay-adjustment-data {
  display: inline-flex;
  flex: 1;
}

.pay-adjustment-scroll {
  display: flex;
  flex: 1;
  margin-right: -1px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pay-adjustment-service {
  display: inline-flex;
  flex-direction: column;
}

.pay-adjustment-service-title {
  padding: 7px 10px 5px;
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  text-align: center;
  background: #F8F8F8;
  white-space: nowrap;
  border-bottom: 1px solid #E7E9ED;
  box-sizing: border-box;
  font-weight: 600;
}

.pay-adjustment-service-list {
  display: flex;
  flex: 1;
}

.pay-adjustment-resource {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.pay-adjustment-resource:after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00A8FF;
  opacity: 0.05;
}
.pay-adjustment-resource:hover:after {
  content: "";
}
.pay-adjustment-resource:hover .pay-adjustment-resource-title {
  background: #ebf3f8;
}
.pay-adjustment-resource:last-child {
  border-right: 0;
}

.pay-adjustment-resource-title {
  min-width: 100px;
  padding: 7px 10px 6px;
  color: #333C48;
  font-size: 0.8125rem;
  line-height: 1.1538461538;
  background: #F8F8F8;
  white-space: nowrap;
  text-align: center;
  border-bottom: 1px solid #E7E9ED;
}

.pay-adjustment-rate-cap {
  display: flex;
  width: 100%;
  height: 32px;
  margin: -1px 0;
  border-top: 1px solid #E7E9ED;
  border-bottom: 1px solid #E7E9ED;
  background: #F8F8F8;
  box-sizing: border-box;
}

.pay-adjustment-rate {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  position: relative;
  width: 100%;
  height: 60px;
  justify-content: center;
  border-bottom: 1px solid #E7E9ED;
  box-sizing: border-box;
}
.pay-adjustment-rate:last-child {
  border-bottom: 0;
}
.pay-adjustment-rate:after {
  position: fixed;
  z-index: -1;
  left: 0;
  width: 100vw;
  height: 100%;
  opacity: 0.05;
}
.pay-adjustment-rate.is-hover {
  background: rgba(0, 168, 255, 0.05);
}
.pay-adjustment-rate.with-cap {
  flex-direction: column;
  height: 90px;
}
.pay-adjustment-rate.is-active .pay-adjustment-rate-dropdown {
  display: block;
  z-index: 99;
}
.pay-adjustment-rate .payrate-clear {
  padding: 5px 5px 0;
}

.pay-adjustment-rate-text {
  position: relative;
  cursor: pointer;
  font-size: 0.9375rem;
  color: #333C48;
}
.pay-adjustment-rate-text .svg-ico {
  position: absolute;
  top: 50%;
  margin-left: 5px;
  left: 100%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  fill: #F8E71C;
}

.pay-adjustment-rate-text.mod-editable {
  border-bottom: 1px dashed rgba(51, 60, 72, 0.5);
}

.pay-adjustment-rate-status {
  color: #9B9B9B;
  font-size: 0.875rem;
  line-height: 1.2142857143;
}

.pay-adjustment-rate-dropdown {
  position: absolute;
  display: none;
  top: 100%;
  left: 50%;
  margin-top: -7px;
  background: #FFFFFF;
  border-radius: 4px;
  transform: translateX(-50%);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.pay-adjustment-rate-dropdown:after {
  position: absolute;
  content: "";
  top: -3px;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  background: #FFFFFF;
  transform: rotate(45deg);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}

.pay-adjustment-rate-dropdown-data {
  position: relative;
  z-index: 2;
  padding: 5px 0;
  background: #fff;
  border-radius: 4px;
}

.pay-adjustment-rate-dropdown-btn {
  display: block;
  width: 100%;
  height: 33px;
  padding: 0 10px;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 2.3571428571;
  text-align: left;
}
.pay-adjustment-rate-dropdown-btn:hover {
  color: #333C48;
  background: #F5F8FB;
}

.pay-adjustment-rate-dropdown-msg {
  padding: 0 10px;
}

.pay-adjustment-rate-dropdown-msg-text {
  margin: 0;
  padding: 8px 0;
  color: #2B333E;
  text-align: center;
  font-size: 0.8125rem;
  line-height: 1.0769230769;
}

.pay-adjustment-rate-dropdown-msg-btn {
  margin-bottom: 4px;
}

.main-data-form .pay-adjustment-rate-input-holder.mod-currency {
  width: auto;
}
.main-data-form .pay-adjustment-rate-input-holder.mod-currency .pay-adjustment-rate-input.form-input {
  width: 77px;
  padding-left: 34px;
  padding-right: 0;
  text-align: center;
}

.pay-adjustment-employee-title {
  display: flex;
  align-items: center;
  height: 32px;
  margin: -1px 0;
  padding: 0 0 0 19px;
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  background: #F8F8F8;
  border-top: 1px solid #E7E9ED;
  border-bottom: 1px solid #E7E9ED;
  box-sizing: border-box;
}

.pay-adjustment-employees-header {
  display: flex;
  height: 58px;
  padding: 0 0 0 19px;
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  background: #F8F8F8;
  white-space: nowrap;
  align-items: center;
  border-bottom: 1px solid #E7E9ED;
  box-sizing: border-box;
  font-weight: 600;
}

.pay-adjustment-employee {
  position: relative;
  display: flex;
  width: 100%;
  height: 60px;
  padding-left: 80px;
  padding-right: 20px;
  color: #333C48;
  font-size: 0.8125rem;
  line-height: 1.3076923077;
  align-items: center;
  border-bottom: 1px solid #E7E9ED;
  box-sizing: border-box;
}
.pay-adjustment-employee:last-child {
  border-bottom: 0;
}
.pay-adjustment-employee.is-hover {
  background: rgba(0, 168, 255, 0.05);
}

.pay-adjustment-employee-img {
  position: absolute;
  top: 50%;
  left: 40px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  overflow: hidden;
  cursor: pointer;
  transform: translateZ(0);
  border-radius: 50%;
}
.pay-adjustment-employee-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.pay-adjustment-employee-text-wrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}

.pay-adjustment-employee-name {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.pay-adjustment-employee-role {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #7E8FA5;
}

.pay-adjustment-employee-ban {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  cursor: pointer;
}
.pay-adjustment-employee-ban.is-active {
  z-index: 99;
}
.pay-adjustment-employee-ban.is-active .pay-adjustment-dropdown {
  display: block;
}
.pay-adjustment-employee-ban .svg-ico {
  display: block;
  width: 16px;
  height: 16px;
  fill: #FF4743;
}

.pay-adjustment-rate-ico-wrap {
  position: relative;
  font-size: 0;
}
.pay-adjustment-rate-ico-wrap:after {
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  left: 0;
  margin: auto;
  display: inline-block;
  width: 3px;
  height: 10px;
  background-color: #000;
  z-index: -1;
}

.pay-adjustment-rate-status-ico {
  display: inline-block;
  width: 17px;
  height: 16px;
  fill: #F8E71C;
}

.pay-adjustment-dropdown {
  position: absolute;
  display: none;
  top: 100%;
  left: 50%;
  margin-top: 13px;
  background: #FFFFFF;
  border-radius: 4px;
  transform: translateX(-50%);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.pay-adjustment-dropdown:after {
  position: absolute;
  content: "";
  top: -3px;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  background: #FFFFFF;
  transform: rotate(45deg);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}

.pay-adjustment-dropdown-data {
  position: relative;
  z-index: 2;
  padding: 5px 0;
  background: #fff;
  border-radius: 4px;
}

.pay-adjustment-dropdown-btn {
  display: block;
  width: 100%;
  height: 33px;
  padding: 0 10px;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 2.3571428571;
  text-align: left;
}
.pay-adjustment-dropdown-btn:hover {
  color: #333C48;
  background: #F5F8FB;
}

.pay-adjustment-employee-checkbox {
  position: absolute;
  top: 50%;
  left: 19px;
  cursor: pointer;
  width: 15px;
  height: 15px;
  margin-top: -10px;
}

.pay-adjustment-employee-checkbox-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.pay-adjustment-employee-checkbox-input:checked + .pay-adjustment-employee-checkbox-ico {
  background: #00BB28;
  border-color: #00BB28;
}
.pay-adjustment-employee-checkbox-input:checked + .pay-adjustment-employee-checkbox-ico:after {
  content: "";
}

.pay-adjustment-employee-checkbox-ico {
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  background: #FFFFFF;
  border: 2px solid #B8BAC1;
  box-sizing: border-box;
  border-radius: 2px;
  transform: translateZ(0);
}
.pay-adjustment-employee-checkbox-ico .svg-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin: -4px 0 0 -5px;
  fill: #FFFFFF;
}

.pay-adjustment-employee-info {
  position: absolute;
  top: 100%;
  left: 51px;
  width: 320px;
  margin-top: -5px;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
}
.pay-adjustment-employee-info:after {
  position: absolute;
  top: -7px;
  left: 40px;
  content: "";
  width: 15px;
  height: 15px;
  background: #FFFFFF;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
  transform: rotate(45deg);
}

.pay-adjustment-employee-info-list {
  position: relative;
  margin: 0;
  padding: 15px 20px;
  width: 100%;
  z-index: 2;
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 4px;
}

.pay-adjustment-employee-info-item {
  display: flex;
  margin-bottom: 10px;
  color: #333C48;
  font-size: 0.875rem;
  line-height: 1.2142857143;
}
.pay-adjustment-employee-info-item:last-child {
  margin-bottom: 0;
}

.pay-adjustment-employee-info-title {
  margin: 0;
  width: 106px;
  color: #7E8FA5;
}

.pay-adjustment-employee-info-text {
  margin: 0;
  flex: 1;
  padding-left: 15px;
  box-sizing: border-box;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.pay-adjustment-employee-info-text.mod-no-wrap {
  word-break: break-word;
  white-space: normal;
  overflow: initial;
}
.pay-adjustment-employee-info-text .svg-ico {
  display: inline-block;
  margin-right: 3px;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
.pay-adjustment-employee-info-text .svg-ico.mod-red {
  fill: #FF4743;
}
.pay-adjustment-employee-info-text .svg-ico.mod-green {
  fill: #00B05A;
}
.pay-adjustment-employee-info-text .svg-ico-cross {
  width: 12px;
  height: 12px;
}

.license-type-holder {
  display: block;
  position: relative;
}
.license-type-holder .form-input {
  padding-left: 50px;
}

.license-type {
  position: relative;
  display: block;
  top: 2px;
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.license-type.mod-absolute {
  position: absolute;
  top: 50%;
  left: 7px;
  transform: translateY(-50%);
}
.license-type .svg-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translateY(-50%) translateX(-50%);
}

.cards-box {
  position: relative;
  display: flex;
  flex-grow: 1;
  min-width: 0;
  padding-right: 15px;
  flex-direction: column;
  box-sizing: border-box;
  align-items: flex-start;
}

.cards-box-name {
  width: 250px;
  padding-left: 30px;
}

.cards-box-status {
  width: 120px;
}

.cards-box-code {
  width: 125px;
}

.cards-box-date {
  width: 120px;
}

.cards-box-print-status {
  width: 128px;
}

.cards-box-update {
  flex-direction: row;
  width: 275px;
  padding-right: 0;
}

.cards-sub-box {
  display: flex;
  min-height: 36px;
  align-items: flex-start;
}
.cards-sub-box:nth-child(1) {
  flex: 1;
  flex-direction: column;
}
.cards-sub-box:nth-child(2) {
  white-space: nowrap;
}

.cards-header {
  display: flex;
  padding: 8px 30px;
  background: #F8F8F8;
}

.cards-header-title {
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  font-weight: 600;
}
.cards-header-title.mod-sortable {
  position: relative;
  padding-right: 15px;
  cursor: pointer;
}
.cards-header-title.mod-sortable:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3.5px 0 3.5px;
  border-color: #7E8FA5 transparent transparent transparent;
  transform: translateY(-50%);
}
.cards-header-title.mod-sortable-top {
  color: #4D5262;
}
.cards-header-title.mod-sortable-top:after {
  transform: translateY(-50%) rotate(180deg);
  border-color: #4D5262 transparent transparent transparent;
}
.cards-header-title.mod-sortable-bottom {
  color: #4D5262;
}
.cards-header-title.mod-sortable-bottom:after {
  border-color: #4D5262 transparent transparent transparent;
}

.cards-item {
  display: flex;
  padding: 12px 30px;
  border-bottom: 1px solid #E7E9ED;
}
.cards-item:hover {
  background: #f8f8f8;
}
.cards-item:hover .cards-item-remove,
.cards-item:hover .cards-item-delete {
  display: block;
}
.cards-item.is-highlighted-blue {
  background: rgba(0, 168, 255, 0.2);
}
.cards-item.is-highlighted-red {
  background: rgba(255, 71, 67, 0.2);
}
.cards-item.is-highlighted-green {
  background: rgba(0, 187, 40, 0.2);
}
.cards-item.is-highlighted-yellow {
  background: rgba(255, 166, 25, 0.2);
}
.cards-item .cards-box {
  margin: 10px 0;
}
.cards-item .cards-box:last-child {
  margin: 0;
}
.cards-item .cards-box:last-child .cards-sub-box {
  margin: 10px 0;
}

.cards-text {
  padding: 3px 5px;
  margin: -3px -5px -4px;
  color: #333C48;
  border-bottom: 1px dashed transparent;
  font-size: 0.9375rem;
  line-height: 1.2;
}
.cards-text.mod-msg {
  font-size: 0.875rem;
  color: #7E8FA5;
  font-weight: 600;
}
.cards-text.mod-semibold {
  font-weight: 600;
}
.cards-text.mod-dropdown {
  position: relative;
  width: 100%;
  cursor: pointer;
  padding-right: 14px;
  box-sizing: border-box;
}
.cards-text.mod-dropdown:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3.5px 0 3.5px;
  border-color: #7E8FA5 transparent transparent transparent;
  transform: translateY(-50%);
}
.cards-text.mod-input-time {
  width: 40px;
  background: none;
}
.cards-text.mod-input-date {
  width: 100px;
  background: none;
}
.cards-text.mod-input-cost {
  margin-top: -4px;
  width: 100px;
  background: none;
}
.cards-text.mod-input-text {
  width: 100px;
  background: none;
}
.cards-text.mod-no-wrap {
  width: 100%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cards-text.is-highlighted {
  background: #FFEBCB;
}
.cards-text.mod-small {
  font-size: 0.8125rem;
}
.cards-text.mod-gray {
  color: #7E8FA5;
}
.cards-text p {
  margin: 0;
}

.cards-btn {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-left: 5px;
  vertical-align: top;
  cursor: pointer;
}
@media all and (max-width: calc(1340 / 16)em) {
  .cards-btn {
    margin-left: 0;
  }
}
.cards-btn.mod-pdf:after {
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -269px -225px;
}
.cards-btn.mod-print:after {
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -20px -249px;
}
.cards-btn.mod-edit:after {
  width: 18px;
  height: 18px;
  background: url("/images/sprite.svg") -268px -269px;
}
.cards-btn.mod-eye:after {
  width: 23px;
  height: 15px;
  background: url("/images/sprite.svg") -245px -127px;
}
.cards-btn:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.cards-time {
  position: relative;
  margin-bottom: 7px;
  padding-left: 27px;
  color: #333C48;
  font-size: 0.9375rem;
  line-height: 1.2;
}
.cards-time:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -55px -269px;
}
.cards-time.mod-link {
  cursor: pointer;
}
.cards-time.mod-link:after {
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -20px -269px;
}
.cards-time.mod-link .cards-time-val {
  color: #00A8FF;
}
.cards-time.mod-link .cards-time-val:after {
  content: "";
}
.cards-time p {
  margin: 0;
}

.cards-time-val {
  position: relative;
  display: inline-block;
  padding-right: 13px;
}
.cards-time-val:after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 12px;
  height: 9px;
  background: url("/images/sprite.svg") -215px -289px;
}

.cards-time-notification {
  position: relative;
  margin: 0;
  padding-left: 25px;
  color: #7E8FA5;
  font-size: 0.75rem;
  line-height: 1.25;
  font-weight: 600;
}
.cards-time-notification:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 18px;
  height: 11px;
  background: url("/images/sprite.svg") -291px -140px;
}

.cards-status-dropdown:hover .cards-status-dropdown-list {
  display: block;
  z-index: 99;
}
.cards-status-dropdown.mod-inline {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}

.cards-status {
  position: relative;
  display: inline-block;
  margin: 0;
  padding-right: 13px;
  color: #00A8FF;
  font-size: 0.8125rem;
  line-height: 1.3076923077;
  letter-spacing: 0.5px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
}
.cards-status:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3.5px 0 3.5px;
  border-color: #00A8FF transparent transparent transparent;
  transform: translateY(-50%);
}
.cards-status.mod-headline {
  float: left;
  padding-right: 40px;
  line-height: 36px;
}
.cards-status.mod-headline:after {
  content: none;
}
.cards-status.mod-green {
  color: #00B05A;
}
.cards-status.mod-green:after {
  border-color: #00B05A transparent transparent transparent;
}
.cards-status.mod-yellow {
  color: #F5A623;
}
.cards-status.mod-yellow:after {
  border-color: #F5A623 transparent transparent transparent;
}
.cards-status.mod-red {
  color: #FF4743;
}
.cards-status.mod-red:after {
  border-color: #FF4743 transparent transparent transparent;
}
.cards-status.mod-lilac {
  color: #C292F2;
}
.cards-status.mod-lilac:after {
  border-color: #C292F2 transparent transparent transparent;
}
.cards-status.mod-simple:after {
  content: none;
}

.cards-status-dropdown-list {
  position: absolute;
  display: none;
  padding: 0;
  margin: 0;
  width: 120px;
  background: #FFFFFF;
  border: 1px solid #DFE3E9;
  list-style-type: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  border-radius: 2px;
  box-sizing: border-box;
}

.cards-status-dropdown-item {
  padding: 11px 10px 12px;
  color: #7E8FA5;
  letter-spacing: 0.5px;
  font-size: 0.8125rem;
  cursor: pointer;
  line-height: 1;
  font-weight: bold;
}
.cards-status-dropdown-item:hover {
  color: #333C48;
}
.cards-status-dropdown-item.is-active {
  background: #F5F8FB;
}

.cards-status-dropdown-status {
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  font-weight: 600;
}

.cards-status-dropdown-sign {
  margin: 0;
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  font-weight: 600;
}

.cards-status-dropdown-datepicker {
  position: relative;
  padding-left: 25px;
}
.cards-status-dropdown-datepicker:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -173px -269px;
}
.cards-status-dropdown-datepicker:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3.5px 0 3.5px;
  border-color: #7E8FA5 transparent transparent transparent;
  transform: translateY(-50%);
}
.cards-status-dropdown-datepicker.mod-inline {
  display: inline-block;
  vertical-align: middle;
}
.cards-status-dropdown-datepicker.is-disabled:before {
  display: none;
}
.cards-status-dropdown-datepicker.is-disabled:after {
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -193px -269px;
}

.cards-status-dropdown-datepicker-text {
  width: 80px;
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 1.2142857143;
}

.cards-checkbox {
  position: absolute;
  top: 50%;
  left: 0;
  cursor: pointer;
  width: 15px;
  height: 15px;
  margin-top: -10px;
}

.cards-checkbox-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.cards-checkbox-input:checked + .cards-checkbox-ico {
  background: #00BB28;
  border-color: #00BB28;
}
.cards-checkbox-input:checked + .cards-checkbox-ico:after {
  content: "";
}

.cards-checkbox-ico {
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  background: #FFFFFF;
  border: 2px solid #B8BAC1;
  box-sizing: border-box;
  border-radius: 2px;
  transform: translateZ(0);
}
.cards-checkbox-ico .svg-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin: -4px 0 0 -5px;
  fill: #FFFFFF;
}

.cards-person {
  position: relative;
  display: block;
  color: #333C48;
  font-size: 0.9375rem;
  min-height: 30px;
}

.cards-person-checkbox {
  left: -30px;
}

.cards-person-data {
  position: relative;
  display: flex;
  width: 100%;
  height: 30px;
  padding-left: 40px;
  align-items: center;
  box-sizing: border-box;
}

.cards-person-img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  overflow: hidden;
  border-radius: 50%;
  transform: translateZ(0);
}
.cards-person-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.cards-group {
  position: relative;
  background: #F8F8F8;
  margin-top: -1px;
  border: 1px solid #E7E9ED;
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
}
.cards-group:after {
  position: absolute;
  content: "";
  top: -1px;
  left: 50%;
  width: 15px;
  height: 15px;
  background: #F8F8F8;
  border-top: 1px solid #E7E9ED;
  border-right: 1px solid #E7E9ED;
  transform: translateY(-50%) rotate(-45deg);
}
.cards-group .billing-settings-item {
  padding-right: 20px;
  padding-left: 20px;
}

.file-type {
  position: relative;
  display: block;
  top: 2px;
  float: left;
  width: 23px;
  height: 30px;
  margin-right: 10px;
}
.file-type .svg-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translateY(-50%) translateX(-50%);
}

.documents-list {
  border-top: 1px solid #E8EBF0;
}

.documents-item {
  position: relative;
  display: flex;
  padding: 19px 0 19px 40px;
  box-sizing: border-box;
  align-items: center;
  border-bottom: 1px solid #E8EBF0;
}

.documents-item-type {
  position: absolute;
  top: 50%;
  left: 0;
  width: 23px;
  height: 30px;
  margin-top: -15px;
}
.documents-item-type .svg-ico {
  position: absolute;
  width: 100%;
  height: 100%;
}

.documents-item-name {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
}

.documents-item-name-text {
  padding-right: 15px;
  color: #333C48;
  height: 22px;
  font-size: 1rem;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.documents-item-name-input {
  width: 90%;
  color: #333C48;
  height: 22px;
  font-size: 1rem;
}
.documents-item-name-input.is-edited {
  box-shadow: 0 0 0 1px #00A8FF;
}

.documents-item-select-holder {
  position: relative;
  display: inline-block;
}

.documents-item-select {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  border: 0;
  outline: none;
  background: none;
}

.documents-item-value {
  position: relative;
  padding-right: 20px;
  color: #333C48;
  opacity: 0.7;
  font-size: 1rem;
  cursor: pointer;
}
.documents-item-value:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #333C48 transparent transparent transparent;
  transform: translateY(-50%);
}
.documents-item-value.mod-placeholder {
  opacity: 0.5;
}

.documents-item-btn {
  display: inline-block;
  margin: 0 2px;
  vertical-align: middle;
}

.documents-item-progress-bar-holder {
  padding-right: 15px;
}

.documents-item-progress-bar {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 4px;
  border-radius: 4px;
  overflow: hidden;
  background: rgba(51, 60, 72, 0.1);
  vertical-align: middle;
}

.documents-item-progress-bar-val {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #00A8FF;
}

.activity-log {
  height: 100%;
  padding: 10px 0;
  box-sizing: border-box;
}

.activity-log__loader {
  min-height: 378px;
  background: url("/images/loader.svg") no-repeat;
  background-position: 50%;
}

.activity-log__list {
  padding: 0 16px;
  overflow-y: auto;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}
.activity-log__list::-webkit-scrollbar {
  width: 4px;
  border-radius: 3px;
}
.activity-log__list::-webkit-scrollbar-track {
  background: #fff;
  border-right: 0;
  border-radius: 2px;
}
.activity-log__list::-webkit-scrollbar-thumb {
  background: #D8D8D8;
  border-right: 0;
  border-radius: 2px;
}

.activity-log__preview {
  padding: 11px 0;
  color: #373F51;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #DEE2E6;
}
.activity-log__preview:first-child {
  padding-top: 0;
}

.activity-log__title {
  margin: 0 0 4px 0;
  font-weight: bold;
}

.activity-log__danger-highlight {
  color: #FF4743;
}

.activity-log__text {
  margin: 0 0 4px 0;
}

.activity-log__sign {
  margin: 0;
  color: #7E8FA5;
}

.payroll-subhead {
  display: flex;
  margin: 0 -8px 40px;
  align-items: center;
}

.payroll-subhead-box {
  display: flex;
  align-items: center;
}
.payroll-subhead-box.mod-full-container {
  flex: 1;
}
.payroll-subhead-box:last-child {
  justify-content: flex-end;
}

.payroll-subhead-item {
  margin: 0 8px;
}

.payroll-subhead-sep {
  width: 1px;
  height: 30px;
  margin: 0 14px;
  background: #E7E9ED;
}
.payroll-subhead-sep:after {
  display: table;
  clear: both;
}
.payroll-subhead-sep.mod-invoice {
  float: left;
  height: 32px;
  margin: 2px 4px 0 14px;
  display: inline-block;
}

.report {
  display: block;
  padding: 30px 35px;
}

.report-graph {
  display: block;
  margin-bottom: 50px;
}

.report-tab-list {
  width: 100%;
  margin: 0 -15px;
  padding: 0;
  list-style-type: none;
  user-select: none;
}
.report-tab-list:after {
  display: table;
  content: "";
  clear: both;
}

.payroll-tab-list {
  margin: 0 -15px;
  width: auto;
}

.report-tab-item {
  float: left;
  padding: 0 7px;
}

.report-tab-item-link {
  position: relative;
  display: inline-block;
  padding: 7px 8px;
  border-radius: 3px;
  font-size: 0.875rem;
  line-height: 1.2;
  color: #7E8FA5;
  cursor: pointer;
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.report-tab-item-link:hover {
  color: #4D5262;
}
.report-tab-item-link.is-active {
  background-color: #F1FBFF;
  color: #4D5262;
  font-weight: 600;
}

.pie-chart-holder {
  display: flex;
  align-items: center;
}

.pie-chart {
  position: relative;
  display: block;
  margin-right: 100px;
  width: 360px;
  height: 360px;
  background-color: transparent;
  box-sizing: border-box;
}

.pie-chart-info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 210px;
  height: 75px;
  text-align: center;
}

.pie-chart-info-text {
  display: block;
  margin-bottom: 6px;
  font-size: 1rem;
  line-height: 1.25;
  color: #333C48;
}

.pie-chart-info-amount {
  display: block;
  font-size: 1.5rem;
  line-height: 1.2083333333;
  color: #333C48;
  font-weight: bold;
}

.pie-chart-data-container {
  display: block;
  width: calc(100% - 460px);
}

.pie-chart-data .msg-text {
  color: #9B9B9B;
  font-size: 1rem;
  line-height: 1.42;
}

.pie-chart-btn-more {
  display: inline-block;
  margin-top: 5px;
  padding: 5px 10px;
  color: #00A8FF;
  transition: background-color 0.3s ease;
}
.pie-chart-btn-more.active {
  background-color: rgba(97, 231, 134, 0.2);
}

.pie-chart-list {
  display: block;
  width: 485px;
  margin: 0;
  padding: 0;
}

.pie-chart-item {
  display: flex;
  margin: 0;
  padding: 4px 0;
  background-color: transparent;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.pie-chart-item:hover, .pie-chart-item.active {
  background-color: rgba(97, 231, 134, 0.2);
}

.pie-chart-item-title {
  position: relative;
  width: 280px;
  padding: 0 8px 0 32px;
  font-size: 1.0625rem;
  line-height: 1.2941176471;
  color: #333C48;
  box-sizing: border-box;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.pie-chart-item-ico {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #333333;
}

.pie-chart-item-amount {
  display: block;
  width: 140px;
  padding-right: 8px;
  font-size: 1.0625rem;
  line-height: 1.2352941176;
  color: #333C48;
  box-sizing: border-box;
  font-weight: bold;
}

.pie-chart-item-part {
  display: block;
  font-size: 1.0625rem;
  line-height: 1.2352941176;
  color: rgba(51, 60, 72, 0.5);
}

.graph-holder {
  display: flex;
  align-items: center;
}
.graph-holder.mod-billable-hours {
  justify-content: space-between;
  align-items: flex-start;
}

.graph {
  display: block;
  width: 745px;
  height: 360px;
  margin-right: 55px;
}

.graph-data {
  display: block;
  width: calc(100% - 800px);
}

.graph-data-text {
  display: block;
  margin-bottom: 6px;
  font-size: 1rem;
  line-height: 1.25;
  color: #333C48;
}

.graph-data-amount {
  display: block;
  font-size: 1.5rem;
  line-height: 1.2083333333;
  color: #333C48;
  font-weight: bold;
}

.graph-data-list {
  max-width: 280px;
  margin: 0 auto;
  padding-left: 0;
  list-style: none;
}

.graph-data-item {
  position: relative;
  margin-bottom: 20px;
  padding-left: 20px;
}
.graph-data-item:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  height: 8px;
  width: 8px;
  border-radius: 50%;
}

.graph-data-item.mod-orange:before {
  background-color: #FF8010;
}

.graph-data-item.mod-blue:before {
  background-color: #84B7E5;
}

.graph-data-percent {
  display: inline-block;
  margin-left: 10px;
  color: #9699A0;
  font-size: 1rem;
  line-height: 1.25;
}

.c3-axis-x path,
.c3-axis-x line {
  stroke: #d1d4e8;
}
.c3-axis-x .tick {
  fill: #333c48;
}

.c3-axis-y path,
.c3-axis-y line {
  stroke: transparent;
}
.c3-axis-y .c3-axis-y-label {
  font-size: 13px;
}
.c3-axis-y .tick,
.c3-axis-y .c3-axis-y-label {
  fill: #333c48;
}

.c3-ygrids .c3-ygrid {
  stroke-dasharray: none;
  stroke: #e6e6e6;
}

.billable-hours-graph {
  position: relative;
  display: block;
  width: 745px;
  height: 450px;
  flex: 1;
  margin-right: 95px;
}
.billable-hours-graph .c3-line {
  stroke-width: 2px;
}
.billable-hours-graph .c3-xgrid {
  stroke-dasharray: 4, 10;
  stroke: #e6e6e6;
}
.billable-hours-graph .c3-circle {
  stroke-width: 2;
}
.billable-hours-graph .c3-hint {
  padding: 6px;
  font-weight: 600;
  font-size: 0.75rem;
  background-color: #373F51;
  color: #FFFFFF;
  border-radius: 2px;
}
.billable-hours-graph .c3-chart-arc.c3-target g path.c3-arc {
  stroke: transparent;
}

.billable-hours-chart-details-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  z-index: 2;
}
.billable-hours-chart-details-wrapper.mod-w-383 {
  width: 383px;
}

.billable-hours-chart-details-header-wrapper {
  margin-bottom: 8px;
  background-color: #FFFFFF;
  border-radius: 4px;
  overflow: hidden;
}
.billable-hours-chart-details-header-wrapper:last-child {
  margin-bottom: 0;
}

.billable-hours-chart-details-header {
  padding: 7px 12px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #FFFFFF;
}

.billable-hours-chart-details-content {
  border: 1px solid #E6E6E6;
  border-top: none;
}

.billable-hours-chart-details-content-box {
  display: flex;
}

.billable-hours-chart-details-content-data {
  width: 258px;
  border-left: 1px solid #E8EBF0;
}

.billable-hours-chart-details-chart-wrapper {
  display: flex;
  flex: 1;
  justify-content: center;
  align-self: center;
}

.billable-hours-pie-chart {
  position: relative;
  display: block;
  width: 122px;
  height: 122px;
}
.billable-hours-pie-chart.mod-absolute {
  position: absolute;
}
.billable-hours-pie-chart .empty-chart-wrapper {
  width: 122px;
  height: 122px;
}
.billable-hours-pie-chart .empty-chart {
  stroke: #DFE3E9;
  stroke-width: 24;
  fill: transparent;
}

.billable-hours-chart-details-table-header {
  display: flex;
  padding: 4px 12px 4px 20px;
  box-sizing: border-box;
  background-color: #F8F8F8;
}

.billable-hours-chart-details-table-header-text {
  font-size: 12px;
  font-weight: 600;
  color: #7E8FA5;
}

.billable-hours-chart-details-table-box {
  position: relative;
  padding-right: 10px;
  flex-grow: 1;
  line-height: 17px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.billable-hours-chart-details-table-box:nth-child(1) {
  width: 69px;
  padding-right: 0;
}
.billable-hours-chart-details-table-box:nth-child(2) {
  width: 69px;
  padding-right: 0;
  padding-left: 10px;
  text-align: right;
}
.billable-hours-chart-details-table-box:nth-child(3) {
  width: 69px;
  padding-right: 0;
  padding-left: 10px;
  text-align: right;
}
.billable-hours-chart-details-table-box.mod-icon {
  padding-left: 20px;
  width: 89px;
}
.billable-hours-chart-details-table-box.mod-total {
  width: 200px;
}

.billable-hours-chart-details-table-box-ico {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #333333;
}

.billable-hours-chart-details-table-list.is-focused .billable-hours-chart-details-table-item {
  opacity: 0.38;
}
.billable-hours-chart-details-table-list.is-focused .billable-hours-chart-details-table-item.is-active {
  background-color: #F1FBFF;
  opacity: 1;
}

.billable-hours-chart-details-table-item {
  display: flex;
  padding: 4px 12px 4px 0;
  box-sizing: border-box;
}
.billable-hours-chart-details-table-item:nth-child(even) {
  background-color: #F8F8F8;
}
.billable-hours-chart-details-table-item:hover {
  background-color: #F1FBFF;
}

.billable-hours-chart-details-table-text {
  font-size: 12px;
}

.billable-hours-chart-details-small-box {
  padding: 0 12px;
  box-sizing: border-box;
}

.billable-hours-chart-details-item {
  display: flex;
  margin-bottom: 2px;
  font-size: 0.75rem;
  line-height: 22px;
}

.billable-hours-chart-details-item-label {
  display: flex;
  padding-right: 10px;
  flex-grow: 1;
}

.billable-hours-chart-details-item-val {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-end;
}

.billable-hours-legend {
  display: flex;
  justify-content: center;
  margin-top: 25px;
  padding-left: 70px;
  box-sizing: border-box;
}

.billable-hours-legend-item {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 48px;
  padding-right: 26px;
  box-sizing: border-box;
  user-select: none;
  cursor: pointer;
}
.billable-hours-legend-item:last-child {
  margin-right: 0;
}
.billable-hours-legend-item.mod-checked .billable-hours-legend-checkbox-ico {
  border: 1px solid #00bb28;
}
.billable-hours-legend-item.mod-checked .billable-hours-legend-checkbox-ico .svg-ico {
  display: block;
  fill: #00bb28;
}

.billable-hours-legend-title {
  position: relative;
  padding-left: 32px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #373F51;
  box-sizing: border-box;
}

.billable-hours-legend-icon {
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 2px;
  transform: translateY(-50%);
}

.billable-hours-legend-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  z-index: -1;
}

.billable-hours-legend-checkbox-ico {
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border: 1px solid #dbdfe5;
  box-sizing: border-box;
  border-radius: 4px;
  transform: translateY(-50%);
}
.billable-hours-legend-checkbox-ico .svg-ico {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  transform: translateY(-50%) translateX(-50%);
}

.billable-general-info {
  display: block;
  width: 320px;
  border: 1px solid #E8EBF0;
  border-radius: 4px;
}

.billable-general-info-box {
  padding: 16px 16px 0;
  box-sizing: border-box;
}

.billable-general-info-title {
  font-size: 1.125rem;
  font-weight: 600;
}

.billable-general-info-block {
  padding: 16px 0;
  border-bottom: 1px solid #E7E9ED;
}
.billable-general-info-block:last-child {
  border-bottom: none;
}

.billable-general-info-item {
  display: flex;
  margin-bottom: 11px;
}
.billable-general-info-item:last-child {
  margin-bottom: 0;
}

.billable-general-info-label {
  display: flex;
  padding-right: 10px;
  flex-grow: 1;
  font-size: 0.875rem;
  color: #7E8FA5;
}

.billable-general-info-val {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-end;
  font-size: 0.875rem;
  font-weight: 600;
  color: #373F51;
}

.billable-general-info-total {
  display: flex;
  align-items: flex-end;
  padding: 20px 16px;
  background-color: #F8F9FA;
}
.billable-general-info-total .billable-general-info-label {
  font-size: 0.9375rem;
  font-weight: 600;
}
.billable-general-info-total .billable-general-info-val {
  font-size: 1.125rem;
}

.billable-hours-chart-details-total {
  display: flex;
  padding: 12px;
  border-top: 1px solid #E8EBF0;
}

.billable-hours-chart-details-total-text {
  font-size: 12px;
  font-weight: 600;
}
.billable-hours-chart-details-total-text.mod-label {
  color: #7E8FA5;
}

.report-table {
  display: block;
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #E7E9ED;
  border-bottom: none;
  box-sizing: border-box;
}

.report-table-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 20px 11px;
  border-bottom: 1px solid #E7E9ED;
  background-color: #F8F8F8;
  box-sizing: border-box;
}
.report-table-header .report-table-text {
  color: #7E8FA5;
  font-weight: bold;
}

.report-table-item-block {
  display: block;
}

.report-table-item {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 20px 11px;
  border-bottom: 1px solid #E7E9ED;
  box-sizing: border-box;
  cursor: pointer;
}
.report-table-item.report-table-item-active .report-table-ico {
  opacity: 1;
  visibility: visible;
}
.report-table-item.report-table-item-active .report-table-text-ico {
  font-weight: bold;
}
.report-table-item.report-table-item-active .report-table-text-ico:after {
  transform: translateY(-50%) rotate(90deg);
}

.report-table-ico {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 34px;
  left: 20px;
  width: 15px;
  height: 15px;
  border: 1px solid #E7E9ED;
  transform: rotate(-45deg);
  z-index: 2;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.report-table-ico:after {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 17px;
  height: 17px;
  border: 1px solid transparent;
  background: #fff;
  transform: rotate(0);
  z-index: 3;
}

.report-table-dropdown {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 20px 11px;
  background-color: #F8F8F8;
  border-bottom: 1px solid #E7E9ED;
  box-sizing: border-box;
}

.report-table-update-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -55px -269px;
}

.payroll-table {
  border-bottom: 1px solid #E7E9ED;
}
.payroll-table.mod-mb-0 {
  margin-bottom: 0;
}

.payroll-table-box-payment-date .status-dropdown-datepicker {
  display: inline-block;
  padding-right: 8px;
}

.payroll-table-box-payment-date.is-active .report-table-text {
  padding-left: 32px;
}
.payroll-table-box-payment-date.is-active .report-table-text:before {
  content: "";
}
.payroll-table-box-payment-date.is-active .report-table-text:after {
  content: "";
}

.payroll-table-box-status .report-table-text {
  color: #7E8FA5;
}

.payroll-table-box-update .report-table-text,
.payroll-table-box-invoices .report-table-text {
  text-align: center;
}

.payroll-settings-dropdown {
  text-align: center;
}
.payroll-settings-dropdown .settings-dd {
  width: 140px;
}
.payroll-settings-dropdown .settings-dd:after {
  right: 37px;
}
.payroll-settings-dropdown .settings-dd .dd-item:hover {
  color: #00A8FF;
}

.payroll-table-wrap {
  margin: 0 30px;
}

.payroll-table-header {
  margin-bottom: -1px;
}

.payroll-table-item {
  border-top: 1px solid #E7E9ED;
  border-bottom: none;
}
.payroll-table-item.payroll-table-item-active .report-table-text-ico:after {
  transform: translateY(-50%) rotate(90deg);
}

.payroll-table-dropdown {
  width: calc(100% - 15px);
  margin-left: 15px;
  margin-top: -1px;
  background-color: #fff;
  border-left: 3px solid #00A8FF;
  border-top: 1px solid #E7E9ED;
  border-bottom: 1px solid #E7E9ED;
}
.payroll-table-dropdown:first-child {
  margin-top: 0;
}
.payroll-table-dropdown:last-child {
  margin-bottom: 20px;
}

.report-table-footer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  padding: 14px 20px 14px;
  border-bottom: 1px solid #E7E9ED;
  background-color: rgba(248, 249, 250, 0.5);
  box-sizing: border-box;
}
.report-table-footer .report-table-text {
  font-size: 1rem;
  color: #7E8FA5;
  font-weight: 600;
}
.report-table-footer .report-table-text.mod-bold {
  color: #333c48;
}

.report-table-box {
  padding-right: 10px;
  box-sizing: border-box;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.report-table-box-equal {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.report-table-box-company {
  width: 210px;
}

.report-table-box-amount {
  width: 95px;
}

.report-table-box-charge {
  width: 130px;
}

.report-table-box-vat {
  width: 110px;
}

.report-table-box-total {
  width: 135px;
}

.report-table-box-period {
  width: 230px;
}

.report-table-box-status {
  width: 120px;
}

.payroll-table-box-amount {
  width: 95px;
}

.payroll-table-box-create-date {
  width: 120px;
}

.payroll-table-box-invoices {
  width: 85px;
}

.payroll-table-box-description {
  width: 195px;
}

.payroll-table-box-total {
  width: 120px;
}

.payroll-table-box-status {
  width: 140px;
}

.payroll-table-box-payment-date {
  width: 160px;
  overflow: visible;
}

.payroll-table-box-update {
  width: 65px;
}

.payroll-table-box-settings {
  width: 40px;
  overflow: visible;
}

.payroll-table-box-company {
  width: 27.5%;
  min-width: 268px;
  max-width: 355px;
}

.payroll-table-box-contractors {
  width: 150px;
}

.payroll-table-box-invoice-period {
  width: 190px;
}

.payroll-table-box-total {
  width: 90px;
}

.payroll-table-box-add {
  width: 44px;
  font-size: 0;
}

.payroll-table-box-payment-date .report-table-text {
  position: relative;
  padding-right: 12px;
}
.payroll-table-box-payment-date .report-table-text:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  background: url("/images/sprite.svg") 20px -180px;
  transform: translateY(-50%);
}
.payroll-table-box-payment-date .report-table-text:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3.5px 0 3.5px;
  border-color: #333C48 transparent transparent transparent;
  transform: translateY(-50%);
}

.payroll-table-box-payment-date.is-active .report-table-text {
  padding-left: 32px;
}
.payroll-table-box-payment-date.is-active .report-table-text:before {
  content: "";
}
.payroll-table-box-payment-date.is-active .report-table-text:after {
  content: "";
}

.payroll-table-box-status .report-table-text {
  color: #7E8FA5;
}

.payroll-table-box-update .report-table-text,
.payroll-table-box-invoices .report-table-text {
  text-align: center;
}

.report-table-text {
  display: block;
  font-size: 0.9375rem;
  line-height: 1.2;
  color: rgb(51, 60, 72);
  text-overflow: ellipsis;
  overflow: hidden;
}
.report-table-text.mod-red {
  color: #FF4743;
}
.report-table-text.mod-yellow {
  color: #F5A623;
}
.report-table-text.mod-green {
  color: #00B05A;
}
.report-table-text.mod-grey {
  color: #91969c;
}
.report-table-text .mod-status {
  font-size: 0.8125rem;
  line-height: 1.30769;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
}

.report-table-text-ico {
  position: relative;
  padding-left: 20px;
}
.report-table-text-ico:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 7px;
  transform: translateY(-50%) rotate(0deg);
  transform-origin: 50% 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent rgb(51, 60, 72);
}

.report-table-text-grey {
  color: rgba(51, 60, 72, 0.5);
}

.report-table-text-new {
  color: #14C03E;
}

.report-table-text-approved {
  color: #C199F1;
}

.report-table-text-received {
  color: #EEA73B;
}

.payroll-headline-simple-title {
  margin-bottom: 30px;
}

.payroll-headline-title-box {
  position: relative;
  padding-left: 30px;
}
.payroll-headline-title-box .headline-back {
  left: 0;
}
.payroll-headline-title-box .headline-title-text {
  font-size: 1.5rem;
}

.payroll-table-box-amount {
  width: 105px;
}

.payroll-table-box-create-date {
  width: 125px;
}

.payroll-table-box-invoices {
  width: 115px;
}

.payroll-table-box-description {
  width: 195px;
}

.payroll-table-box-total {
  width: 130px;
}

.payroll-table-box-status {
  width: 150px;
}

.payroll-table-box-payment-date {
  width: 173px;
}

.payroll-table-box-update {
  width: 105px;
}

.payroll-table-box-settings {
  width: 40px;
  overflow: visible;
}

.payroll-table-box-company {
  width: 27.5%;
  min-width: 268px;
  max-width: 355px;
}

.payroll-table-footer-grand {
  width: 583px;
}

.payroll-table {
  border-bottom: 1px solid #E7E9ED;
}

.payroll-table-item-block {
  min-height: 144px;
}

.payroll-settings-dropdown {
  text-align: center;
}
.payroll-settings-dropdown .settings-dd {
  width: 190px;
}
.payroll-settings-dropdown .settings-dd:after {
  right: 37px;
}
.payroll-settings-dropdown .settings-dd .dd-item:hover {
  color: #00A8FF;
}
.payroll-settings-dropdown .settings-dd .dd-item-export {
  position: relative;
}
.payroll-settings-dropdown .settings-dd .dd-item-export:hover .settings-sub-dd {
  display: block;
}
.payroll-settings-dropdown .settings-dd .dd-item-export:after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  height: 0;
  width: 0;
  border-top: 5px solid transparent;
  border-right: 6px solid #7E8FA5;
  border-bottom: 5px solid transparent;
  transform: translateY(-50%);
}
.payroll-settings-dropdown .settings-dd .settings-sub-dd {
  position: absolute;
  top: -5px;
  left: -100%;
  display: none;
}
.payroll-settings-dropdown .settings-dd .settings-sub-dd:after {
  content: none;
}

.payroll-table-wrap {
  margin: 0 30px;
}
.payroll-table-wrap.mod-borderless {
  margin: 0;
}
.payroll-table-wrap.mod-borderless .report-table {
  border: none;
}

.payroll-table-header {
  margin-bottom: -1px;
}

.payroll-table-item {
  border-top: 1px solid #E7E9ED;
  border-bottom: 1px solid #E7E9ED;
  margin-bottom: -1px;
}

.payroll-table-dropdown {
  width: calc(100% - 15px);
  margin-left: 15px;
  margin-top: -1px;
  background-color: #fff;
  border-left: 3px solid #00A8FF;
  border-top: 1px solid #E7E9ED;
  border-bottom: 1px solid #E7E9ED;
}
.payroll-table-dropdown:first-child {
  margin-top: 0;
}
.payroll-table-dropdown:last-child {
  margin-bottom: 20px;
}

.payroll-contractor-table-wrap {
  display: flex;
  width: calc(100% - 30px);
  padding: 30px 15px;
}

.payroll-table-container {
  width: calc(50% - 30px);
  padding: 0 15px;
}

.payroll-create-table {
  height: 632px;
  border-bottom: 1px solid #E7E9ED;
  overflow-y: auto;
}
.payroll-create-table .page-msg-holder {
  height: 350px;
}

.contractor-table-item {
  padding: 5px 20px;
  margin-bottom: -1px;
  transition: background-color 0.2s ease-in-out;
}
.contractor-table-item:hover {
  background-color: rgba(0, 187, 40, 0.1);
}
.contractor-table-item:hover .btn-add {
  background-color: #00bb28;
}
.contractor-table-item:hover .btn-add:before, .contractor-table-item:hover .btn-add:after {
  background-color: #fff;
}
.contractor-table-item:hover .btn-remove {
  background-color: #FF4743;
  border-color: #FF4743;
}
.contractor-table-item:hover .btn-remove:before, .contractor-table-item:hover .btn-remove:after {
  background-color: #fff;
}

.contractor-table-item.is-added {
  animation-name: is-added;
  animation-duration: 3s;
}
@keyframes is-added {
  from {
    background-color: rgba(0, 187, 40, 0.1);
  }
  to {
    background-color: rgba(0, 187, 40, 0);
  }
}

.invoices-table .contractor-table-item:hover {
  background-color: rgba(255, 71, 67, 0.1);
}

.contractor-table-title-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.contractor-table-title {
  display: inline-block;
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.2352941176;
  color: #333C48;
  font-weight: bold;
}

.contractor-table-qty {
  margin-left: 5px;
}

.contractor-table-title {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  transition: color 0.1s ease-in-out;
}

.contractor-table-title-btn-add {
  color: #00A8FF;
}
.contractor-table-title-btn-add:hover {
  color: rgb(0, 134.4, 204);
}

.contractor-table-title-btn-remove {
  color: #FF4743;
}
.contractor-table-title-btn-remove:hover {
  color: rgb(255, 21.085106383, 16);
}

.contractor-table-title-btn-undo {
  color: #00A8FF;
}
.contractor-table-title-btn-undo:before {
  content: "↩";
  line-height: 1;
  margin-right: 5px;
}
.contractor-table-title-btn-undo:hover {
  color: rgb(0, 134.4, 204);
}

.main-data-form-preview {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 -15px;
}

.preview-table-container {
  width: calc(67% - 30px);
  padding: 17px 20px 20px;
  margin: 0 15px;
  background-color: #fff;
  border: 1px solid #E7E9ED;
}
.preview-table-container .report-table {
  margin-bottom: 0;
}
.preview-table-container .contractor-table-item {
  padding: 11px 20px;
}
.preview-table-container .contractor-table-item:hover {
  background-color: transparent;
}
.preview-table-container .contractor-table-item.is-red {
  background-color: rgba(255, 71, 67, 0.1);
}
.preview-table-container .contractor-table-item.is-red:hover {
  background-color: rgba(255, 71, 67, 0.1);
}
.preview-table-container .contractor-table-item.is-green {
  background-color: rgba(0, 187, 40, 0.1);
}
.preview-table-container .contractor-table-item.is-green:hover {
  background-color: rgba(0, 187, 40, 0.1);
}

.preview-table-title {
  display: inline-block;
  margin-top: 0;
  font-size: 1.125rem;
  color: #9AA1AB;
  font-weight: 600;
}

.description-col {
  width: calc(31% - 30px);
  margin: 0 15px;
}

.description-table {
  padding: 20px;
  margin-bottom: 30px;
  background-color: #fff;
  border: 1px solid #E7E9ED;
}

.description-table-text {
  margin: 0;
}

.total-table {
  background-color: #fff;
}
.total-table .billings-settings-history-item {
  flex-direction: column;
}
.total-table .billings-settings-history-item {
  cursor: pointer;
}

.payroll-description-text-wrap {
  display: flex;
  align-items: center;
}

.payroll-description-ico {
  display: inline-block;
  width: 19px;
  height: 11px;
  margin-right: 10px;
}

.payroll-description-text {
  cursor: pointer;
}
.payroll-description-text:hover {
  text-decoration: underline;
}

.payment-message {
  padding: 60px 35px 56px;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}

.payment-message-ico {
  margin: 0 auto 25px;
}
.payment-message-ico svg {
  width: 100%;
  height: 100%;
}

.payment-message-ico-w45 {
  width: 45px;
  height: 45px;
}

.payment-message-ico-w47 {
  width: 47px;
  height: 47px;
}

.payment-message-ico-w51 {
  width: 51px;
  height: 51px;
}

.payment-message-title {
  margin-bottom: 10px;
  color: #373F51;
  font-size: 1.375rem;
  line-height: 1.2272727273;
}

.payment-message-text {
  color: #373F51;
  font-size: 1rem;
  line-height: 1.375;
}
.payment-message-text a {
  color: #00A4FF;
  font-size: 1rem;
  line-height: 1.375;
}

.payment-message-link,
.payment-message-btn {
  margin-top: 35px;
}

.access-levels-list {
  margin: 0 -4px 15px;
}

.access-levels-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0 4px;
  margin-bottom: 4px;
}

.access-levels-item--active .access-levels-item__button {
  color: #fff;
  background: #00A8FF;
  border-color: #00A8FF;
}
.access-levels-item--active .access-levels-item__count {
  color: #fff;
}
.access-levels-item--active .access-levels-item__dropdown {
  z-index: 99;
}

.access-levels-item__button {
  display: flex;
  padding: 5px 8px;
  color: #373F51;
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
  background: linear-gradient(180deg, #FEFEFE 0%, #F6F6F6 100%);
  border: 1px solid #E8EBF0;
  box-sizing: border-box;
  border-radius: 4px;
}

.access-levels-item__text {
  flex: 1;
  padding-right: 4px;
  box-sizing: border-box;
}

.access-levels-item__count {
  color: #00A8FF;
  text-align: right;
  min-width: 23px;
}

.access-levels-item__dropdown {
  position: absolute;
  top: 100%;
  left: 4px;
  margin-top: 13px;
  margin-bottom: 30px;
  width: 240px;
  background: #FFFFFF;
  border: 1px solid #E8EBF0;
  box-sizing: border-box;
  border-radius: 4px;
}

.access-levels-item__description {
  padding: 9px 16px;
  margin: 0;
  color: #7E8FA5;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
}

.access-levels-item__list {
  max-height: 233px;
  padding: 0 16px;
  overflow-y: auto;
}
.access-levels-item__list::-webkit-scrollbar {
  width: 2px;
  border-radius: 3px;
}
.access-levels-item__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 3px;
}
.access-levels-item__list::-webkit-scrollbar-thumb {
  background: #b2bcc9;
  border-radius: 3px;
}

.access-levels-item__category {
  border-bottom: 1px solid #E8EBF0;
}
.access-levels-item__category:last-child {
  border-bottom: 0;
}

.access-levels-item__title {
  margin: 9px 0 0;
  color: #7E8FA5;
  font-size: 10px;
  line-height: 22px;
  text-transform: uppercase;
}

.access-levels-item__option {
  display: flex;
  align-items: center;
  height: 32px;
  font-size: 14px;
  line-height: 17px;
  color: #333C48;
  opacity: 0.9;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.extended-table__header {
  display: flex;
  margin: 0 -16px 9px;
}

.extended-table__data .extended-table-sites__box--name {
  cursor: pointer;
}

.extended-table__item--active .extended-table-dropdown-icon {
  fill: #00A6FF;
  transform: rotate(90deg);
}
.extended-table__item--active .extended-table__item-data {
  background: #F1FBFF;
}
.extended-table__item--active .extended-table__item-data:hover {
  background: #F1FBFF;
}

.extended-table__item-data {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 -16px;
  padding: 10px 0;
  min-height: 60px;
  border-bottom: 1px solid #E7E9ED;
  box-sizing: border-box;
}
.extended-table__item-data:hover {
  background: #F8F9FA;
}

.extended-table__box {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 16px;
  height: 100%;
  box-sizing: border-box;
}

.extended-table__title {
  position: relative;
  margin: 0;
  padding: 0;
  color: #7E8FA5;
  font-size: 14px;
  line-height: 22px;
}

.extended-table__title--sortable {
  padding: 0 12px 0 0;
  cursor: pointer;
}
.extended-table__title--sortable .extended-table__title-ico {
  display: block;
}

.extended-table__title--sortable-top {
  color: #4d5262;
}
.extended-table__title--sortable-top .extended-table__title-ico {
  fill: #4d5262;
  transform: translateY(-50%) rotate(-90deg);
}

.extended-table__title--sortable-bottom {
  color: #4d5262;
}
.extended-table__title--sortable-bottom .extended-table__title-ico {
  fill: #4d5262;
}

.extended-table__title-ico {
  position: absolute;
  display: none;
  right: 0;
  top: 50%;
  width: 4px;
  height: 8px;
  transform: translateY(-50%) rotate(90deg);
  fill: #7E8FA5;
}

.extended-table-dropdown-icon {
  margin-right: 10px;
  width: 4px;
  height: 8px;
  fill: #7E8FA5;
}

.extended-table-checked-icon {
  width: 14px;
  height: 10px;
  fill: #7E8FA5;
}

.extended-table__text.mod-grey {
  color: #7E8FA5;
}
.extended-table__text .counter {
  color: #373F51;
  font-weight: 600;
}

.extended-table-dropdown {
  display: block;
  margin: 0 -16px;
  padding-top: 10px;
  background: #FBFCFC;
  border-left: 2px solid #00A8FF;
}

.extended-table-dropdown__header {
  display: flex;
  margin: 0 0 9px;
}

.extended-table-dropdown__item-list {
  overflow-y: auto;
  min-height: 200px;
  max-height: 350px;
  -webkit-overflow-scrolling: touch;
}
.extended-table-dropdown__item-list::-webkit-scrollbar {
  width: 4px;
  border-radius: 25px;
}
.extended-table-dropdown__item-list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 25px;
}
.extended-table-dropdown__item-list::-webkit-scrollbar-thumb {
  background: #D8D8D8;
  border-radius: 25px;
}

.extended-table-dropdown__item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 0;
  min-height: 55px;
  border-bottom: 1px solid #E7E9ED;
  box-sizing: border-box;
}
.extended-table-dropdown__item:last-child {
  margin-bottom: 120px;
}

.extended-table-dropdown__box {
  padding: 0 14px;
  box-sizing: border-box;
}

.extended-table-dropdown__title {
  margin: 0;
  padding: 0;
  color: #7E8FA5;
  font-size: 14px;
  line-height: 22px;
}

.extended-table-dropdown__text {
  margin: 0;
  padding: 0;
  color: #373F51;
  font-size: 15px;
  line-height: 20px;
}

.extended-table-dropdown-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px;
}

.extended-table-dropdown-actions__box {
  padding: 0 14px;
}

.extended-table-dropdown-actions__title {
  color: #373F51;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
}

.extended-table-sites__box--name {
  flex: 0 1 384px;
}

.extended-table-sites__box--locations {
  flex: 0 1 384px;
}

.extended-table-sites__box--status {
  flex: 1;
}

.extended-table-sites__box--actions {
  padding-right: 35px;
}

.extended-table-dropdown-sites__box--name {
  flex: 0 1 444px;
}

.extended-table-dropdown-sites__box--location {
  flex: 0 1 522px;
}

.extended-table-dropdown-sites__box--radius {
  flex: 0 148px;
  text-align: right;
}

.extended-table-dropdown-sites__box--actions {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  padding-right: 35px;
}

.extended-table-sites__box--clickable {
  cursor: pointer;
}

/*=== Blocks ===*/
.employee-timeline-holder {
  overflow: hidden;
  overflow-x: scroll;
}

.employee-timeline {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  height: calc(100vh - 62px - 50px);
  box-sizing: border-box;
  background: #fff;
}

.employee-timeline-data {
  position: relative;
  z-index: 2;
  display: inline-flex;
  height: calc(100vh - 162px);
  overflow-x: hidden;
  flex-direction: column;
  --webkit-overflow-scrolling: touch;
}

.employee-timeline-current {
  position: absolute;
  z-index: 9;
  bottom: 0;
  width: 1px;
  height: 100%;
  height: calc(100% - 40px);
  background-color: #00A8FF;
}
.employee-timeline-current:after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  border-radius: 50%;
  background-color: #00A8FF;
}
.employee-timeline-current.mod-vertical {
  z-index: 1;
  right: 0;
  bottom: auto;
  width: calc(100% - 13px);
  height: 1px;
  background-color: #00A8FF;
}
.employee-timeline-current.mod-vertical:after {
  top: 50%;
  left: 0;
  margin-left: -6px;
  transform: translateY(-50%);
}

.employee-timeline-header {
  display: block;
  left: 0;
  padding: 0 20px;
  width: 100%;
  height: 50px;
  justify-content: space-between;
  background: #F9F8F6;
  box-sizing: border-box;
}

.employee-timeline-header-list {
  display: flex;
  height: 50px;
  align-items: center;
}
.employee-timeline-header-list.mod-padding {
  padding-top: 8px;
}

.employee-timeline-header-box:first-child {
  flex: 1;
}
.employee-timeline-header-box.mod-align-right {
  white-space: nowrap;
  text-align: right;
}

.employee-timeline-header-item {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  text-align: left;
  vertical-align: middle;
}

.employee-timeline-loader {
  z-index: 9;
}

.employee-timeline-header-date {
  display: inline-block;
  margin: 0 -2px;
  vertical-align: top;
  box-sizing: border-box;
}

.employee-timeline-header-btn {
  display: inline-block;
  min-width: 80px;
  height: 24px;
  margin-top: -6px;
  color: #FFFFFF;
  font-size: 0.75rem;
  line-height: 2;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}
.employee-timeline-header-btn.is-disabled, .employee-timeline-header-btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.employee-timeline-header-title {
  margin: 0 7px 0 0;
  color: #333C48;
  font-size: 1.125rem;
  line-height: 1.2222222222;
}

.employee-timeline.mod-7-days-view .employee-timeline-interval-day-item {
  width: 0.5485vw;
}

.employee-timeline-interval {
  position: relative;
  z-index: 1;
  display: inline-flex;
  height: 50px;
  vertical-align: top;
  box-sizing: border-box;
  white-space: nowrap;
  background: #F9F8F6;
  border-top: 1px solid #F9F8F6;
  border-bottom: 1px solid #E6E6E6;
}

.employee-timeline-interval-day {
  display: inline-block;
  position: relative;
}
.employee-timeline-interval-day:after {
  display: table;
  content: "";
  clear: both;
}
.employee-timeline-interval-day.is-current .employee-timeline-interval-title {
  color: #00A8FF;
}
.employee-timeline-interval-day.is-current .employee-timeline-interval-title-val {
  border-color: #00A8FF;
}
.employee-timeline-interval-day.is-current .employee-timeline-interval-day-item:after {
  width: 2px;
  background: #333C48;
}

.employee-timeline-interval-day-list {
  position: relative;
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 3px 0 0;
  white-space: nowrap;
}
.employee-timeline-interval-day-list:after {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 96%;
  margin-top: 1px;
  margin-left: -48%;
  height: 100vh;
}
.employee-timeline-interval-day-list.mod-bg:after {
  content: "";
  background: rgb(241, 251, 255);
}

.employee-timeline-interval-day-item {
  position: relative;
  display: inline-block;
  min-width: 6.25px;
  width: 1.41vw;
  height: 5px;
  font-size: 0.625rem;
  color: #4D5262;
  vertical-align: bottom;
}
.employee-timeline-interval-day-item:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  transform: translateX(-50%);
  background-color: #D8D8D8;
}
.employee-timeline-interval-day-item.mod-text {
  height: 10px;
}

.employee-timeline-interval-day-item-text {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
}

.employee-timeline-interval-title {
  text-align: center;
  height: 23px;
  padding: 0 12px;
  color: #4D5262;
  font-size: 0.75rem;
  line-height: 23px;
  letter-spacing: -0.08px;
  border-radius: 75px;
  box-sizing: border-box;
  font-weight: 600;
}
.employee-timeline-interval-title:after {
  display: table;
  content: "";
  clear: both;
}

.employee-timeline-interval-title-val {
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 25px;
}

.employee-timeline-shift {
  position: absolute;
  z-index: 99;
  background: #FAF9F7;
  overflow: hidden;
  cursor: pointer;
}

.employee-timeline-shift-status {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  border-radius: 2px 0 0 2px;
}
.employee-timeline-shift-status.mod-green {
  background: #19C23E;
}
.employee-timeline-shift-status.mod-blue {
  background: #00A8FF;
}
.employee-timeline-shift-status.mod-yellow {
  background: #F5A623;
}
.employee-timeline-shift-status.mod-red {
  background: #FF4743;
}
.employee-timeline-shift-status.mod-shift-bid {
  background: #8B43FF;
}

.employee-timeline-shift-data {
  padding: 4px 15px;
  border: 1px solid #D3D4D8;
  border-radius: 2px;
}

.employee-timeline-shift-title {
  display: block;
  margin-right: -15px;
  color: #333C48;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
}
.employee-timeline-shift-title .svg-ico {
  margin-right: 7px;
  width: 15px;
  height: 15px;
  fill: #C9CBD0;
  vertical-align: middle;
}
.employee-timeline-shift-title .svg-ico.mod-sick-day {
  width: 14px;
  height: 14px;
}
.employee-timeline-shift-title .svg-ico.mod-blow-out {
  margin-right: 4px;
  width: 10px;
  height: 10px;
  fill: #FF4743;
  vertical-align: inherit;
}

.employee-timeline-shift-box {
  display: flex;
  margin-right: -15px;
}

.employee-timeline-shift-time {
  display: block;
  font-size: 0.875rem;
  color: #7E8FA5;
  white-space: nowrap;
}

.employee-timeline-shift-status-text {
  padding-left: 5px;
  color: #7E8FA5;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
}
.employee-timeline-shift-status-text.mod-green {
  color: #19C23E;
}
.employee-timeline-shift-status-text.mod-blue {
  color: #00A8FF;
}
.employee-timeline-shift-status-text.mod-yellow {
  color: #F5A623;
}
.employee-timeline-shift-status-text.mod-red {
  color: #FF4743;
}

.employee-timeline-shift-wrap {
  display: flex;
}

.employee-timeline-shift-intersection {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0.6;
}

.employee-timeline-shift-intersection-area {
  position: absolute;
  top: 0;
  z-index: 1;
  content: "";
  height: 100%;
  background: repeating-linear-gradient(-45deg, #FAF9F7 0, #FAF9F7 5px, #FEBDBC 5px, #FEBDBC 12px);
}

.employee-timeline-shift.mod-day-off {
  background: #FFF8ED;
}
.employee-timeline-shift.mod-sick-day {
  background: #FFEFEF;
}
.employee-timeline-shift.mod-available-work {
  background: none;
}
.employee-timeline-shift.mod-available-work .employee-timeline-shift-data {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  border: 1px dashed #D3D4D8;
  background: #FAF9F7;
  box-sizing: border-box;
}
.employee-timeline-shift.mod-available-work .employee-timeline-shift-title {
  margin-right: 0;
}
.employee-timeline-shift.mod-available-work .svg-ico-bag {
  height: 17px;
  width: 17px;
  min-width: 17px;
  margin-right: 10px;
  fill: #00BB28;
}
.employee-timeline-shift.mod-available-work .employee-timeline-shift-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.employee-timeline-shift.mod-available-work .employee-timeline-shift-box span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.employee-timeline-shift.mod-available-work.mod-no-text .employee-timeline-shift-box span {
  display: none;
}
.employee-timeline-shift.mod-shift .employee-timeline-shift-data {
  padding: 4px 6px;
}

.employee-timeline-shift-empty {
  position: absolute;
  height: 40px;
  text-align: center;
  background: #FFFFFF;
  border: 1px dashed #00A8FF;
  border-radius: 2px;
  box-sizing: border-box;
}
.employee-timeline-shift-empty.mod-green {
  border-color: #00BB28;
}

.employee-timeline-shift-empty-text {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 40px;
  font-weight: 600;
}
.employee-timeline-shift-empty-text .svg-ico {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  margin-top: -1px;
  transform: translateY(-50%);
}
.employee-timeline-shift-empty-text .svg-ico-plus {
  width: 9px;
  height: 9px;
  fill: #7E8FA5;
}
.employee-timeline-shift-empty-text .svg-ico-bag {
  width: 14px;
  height: 14px;
  fill: #7E8FA5;
  opacity: 0.5;
}

.employee-timeline-modal {
  position: absolute;
  z-index: 99;
  width: 300px;
  background: #FFFFFF;
  border: 1px solid #E1E4E6;
  box-shadow: 0 0 13px 0 rgba(157, 157, 157, 0.5);
  border-radius: 2px;
  box-sizing: border-box;
}
.employee-timeline-modal.mod-fixed {
  height: 474px;
}

.employee-timeline-modal-data {
  padding-top: 10px;
  height: 100%;
  box-sizing: border-box;
}
.employee-timeline-modal-data.mod-tabs {
  padding-top: 48px;
}
.employee-timeline-modal-data.mod-actions {
  padding-bottom: 60px;
}

.employee-timeline-info-title {
  color: #333B48;
  font-size: 1.0625rem;
  line-height: 1.7647058824;
  font-weight: bold;
}

.employee-timeline-title-wrapper {
  position: relative;
  padding-left: 22px;
  box-sizing: border-box;
}
.employee-timeline-title-wrapper .svg-ico {
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  fill: #FF4743;
}

.employee-timeline-title-text {
  font-size: 1rem;
  color: #333C48;
  font-weight: 600;
}
.employee-timeline-title-text.mod-client {
  color: #7E8FA5;
}

.employee-timeline-title-status {
  font-size: 0.875rem;
  color: #FF4743;
  font-weight: 600;
}

.employee-timeline-modal-padding-box {
  padding: 0 12px;
  height: 100%;
  box-sizing: border-box;
}
.employee-timeline-modal-padding-box.mod-scrollable {
  overflow: auto;
}
.employee-timeline-modal-padding-box.mod-scrollable::-webkit-scrollbar {
  width: 4px;
  border-radius: 3px;
}
.employee-timeline-modal-padding-box.mod-scrollable::-webkit-scrollbar-track {
  background: #fff;
  border-right: 0;
  border-radius: 2px;
}
.employee-timeline-modal-padding-box.mod-scrollable::-webkit-scrollbar-thumb {
  background: #D8D8D8;
  border-right: 0;
  border-radius: 2px;
}

.employee-timeline-modal-wrapper-box {
  padding: 16px;
  box-sizing: border-box;
}
.employee-timeline-modal-wrapper-box.mod-headline {
  background: #F9F8F6;
}
.employee-timeline-modal-wrapper-box.mod-flex {
  display: flex;
}
.employee-timeline-modal-wrapper-box:not(:last-child) {
  border-bottom: 1px solid #E7E9ED;
}
.employee-timeline-modal-wrapper-box .employee-timeline-modal-box {
  padding-right: 20px;
  flex-grow: 1;
  box-sizing: border-box;
}
.employee-timeline-modal-wrapper-box .employee-timeline-modal-box:last-child {
  padding-right: 0;
  flex-grow: 0;
  text-align: right;
  white-space: nowrap;
}

.employee-timeline-modal-actions {
  display: flex;
  padding: 10px 4px;
  background: #FAF9F7;
  justify-content: flex-end;
  border-top: 1px solid #DEE2E6;
}
.employee-timeline-modal-actions.mod-absolute {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.employee-timeline-modal-actions-box {
  padding: 0 8px;
  box-sizing: border-box;
}

.employee-timeline-info-list {
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}

.employee-timeline-info-item {
  display: flex;
}

.employee-timeline-info-item-title {
  display: flex;
  flex-grow: 1;
  width: 35%;
  font-size: 0.875rem;
  color: #7E8FA5;
  line-height: 2.1428571429;
}

.employee-timeline-info-item-val {
  flex-grow: 1;
  width: 50%;
}

.employee-timeline-info-item-list {
  display: flex;
  align-items: center;
}

.employee-timeline-info-item-box {
  position: relative;
  display: flex;
  text-align: left;
}
.employee-timeline-info-item-box:first-child {
  flex-grow: 1;
}

.employee-timeline-info-item-text {
  display: block;
  width: 100%;
  padding: 0 5px;
  color: #333B48;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  border: 1px solid transparent;
  border-radius: 3px;
  box-sizing: border-box;
}
.employee-timeline-info-item-text.mod-time {
  width: 55px;
  text-align: center;
}
.employee-timeline-info-item-text.mod-editable {
  border-color: #00A8FF;
  background: #fff;
  cursor: pointer;
}
.employee-timeline-info-item-text.mod-hover {
  cursor: pointer;
}
.employee-timeline-info-item-text.mod-hover:hover {
  color: #00A8FF;
}
.employee-timeline-info-item-text.is-error {
  border-color: #FF4743;
}
.employee-timeline-info-item-text.mod-green {
  color: #19C23E;
}
.employee-timeline-info-item-text.mod-red {
  color: #FF4743;
}
.employee-timeline-info-item-text.mod-yellow {
  color: #F5A623;
}
.employee-timeline-info-item-text.mod-disabled {
  color: #AFB2B9;
}

.employee-timeline-info-location-link {
  margin-bottom: 6px;
  font-size: 0.875rem;
  color: #00A8FF;
  line-height: 20px;
}

.employee-timeline-info-location-map {
  width: 100%;
  border-radius: 3px;
  overflow: hidden;
}
.employee-timeline-info-location-map img {
  width: 100%;
  height: auto;
}

.employee-timeline-info-item-warning {
  display: inline-block;
  width: 18px;
  height: 18px;
  fill: #FF4743;
}

.employee-timeline-modal-tabs {
  display: flex;
  padding: 0;
  margin: -10px 0 10px;
  list-style: none;
  border-bottom: 1px solid #E7E9ED;
}
.employee-timeline-modal-tabs:after {
  display: table;
  content: "";
  clear: both;
}

.employee-timeline-modal-tabs-item {
  flex: 1 auto;
  padding: 0 5px;
  text-align: center;
  box-sizing: border-box;
}

.employee-timeline-modal-tabs-link {
  position: relative;
  display: block;
  color: #7E8FA5;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  font-weight: 600;
}
.employee-timeline-modal-tabs-link.is-active {
  color: #333C48;
}
.employee-timeline-modal-tabs-link.is-active .employee-timeline-modal-tabs-box:after {
  content: "";
}

.employee-timeline-modal-tabs-count {
  display: inline-block;
  min-width: 18px;
  height: 22px;
  padding: 0 2px;
  margin-left: 5px;
  font-size: 0.75rem;
  line-height: 23px;
  color: #FFFFFF;
  background-color: #FF7800;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  font-weight: bold;
}

.employee-timeline-modal-tabs-text {
  position: relative;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 22px;
  vertical-align: middle;
}

.employee-timeline-modal-tabs-box {
  position: relative;
  display: block;
  padding: 17px 0 10px;
}
.employee-timeline-modal-tabs-box:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #00A8FF;
}

.employee-timeline-info-item-val .item-val-data {
  display: inline-block;
  vertical-align: middle;
}
.employee-timeline-info-item-val .item-val-data .item-val-box {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-right: 17px;
  height: 26px;
  vertical-align: top;
}
.employee-timeline-info-item-val .item-val-data .item-val-box.is-error .item-val-error-msg {
  display: block;
}
.employee-timeline-info-item-val .item-val-data .item-val-box.is-error .form-input {
  border-color: #FF4743;
}
.employee-timeline-info-item-val .item-val-data .item-val-box.is-active {
  z-index: 6;
}
.employee-timeline-info-item-val .item-val-data .item-val-box.mod-small {
  width: 28px;
}
.employee-timeline-info-item-val .item-val-data .item-val-box.mod-extended .item-val-text {
  z-index: 1;
}
.employee-timeline-info-item-val .item-val-data .item-val-box.mod-extended .item-dd {
  z-index: 2;
  padding-top: 7px;
}
.employee-timeline-info-item-val .item-val-data .item-val-box.mod-extended .item-box .item-val-text {
  z-index: 2;
}
.employee-timeline-info-item-val .item-val-data .item-val-box.mod-extended .item-box .item-dd {
  z-index: 1;
  padding-top: 32px;
}
.employee-timeline-info-item-val .item-val-data .item-val-box.mod-disable-margin-right {
  margin-right: 0;
}
.employee-timeline-info-item-val .item-val-data .item-val-text {
  position: relative;
  display: block !important;
  float: left;
  z-index: 2;
  width: 140px;
  height: 26px;
  padding: 0 5px;
  font-size: 14px;
  color: #333C48;
  line-height: 26px;
  cursor: pointer;
  outline: none;
  vertical-align: top;
  border: 1px solid transparent;
  box-sizing: border-box;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.employee-timeline-info-item-val .item-val-data .item-val-text:hover {
  color: #00A8FF;
}
.employee-timeline-info-item-val .item-val-data .item-val-text.hide {
  opacity: 0;
}
.employee-timeline-info-item-val .item-val-data .item-val-text.mod-exlarge {
  width: 108px;
}
.employee-timeline-info-item-val .item-val-data .item-val-text.mod-exsmall {
  width: 28px;
}
.employee-timeline-info-item-val .item-val-data .item-val-text.mod-small {
  width: 50px;
}
.employee-timeline-info-item-val .item-val-data .item-val-text.mod-full {
  width: 100%;
  cursor: default;
}
.employee-timeline-info-item-val .item-val-data .item-val-text.mod-border {
  float: left;
  width: 20px;
  padding: 0;
  text-align: center;
  border-bottom: 1px dashed #00A8FF;
}
.employee-timeline-info-item-val .item-val-data .item-val-text.mod-gray {
  position: relative;
  z-index: 3;
  padding: 0;
  width: auto;
  color: #7E8FA5;
}
.employee-timeline-info-item-val .item-val-data .item-val-text.mod-ico {
  width: auto;
  padding-right: 14px;
}
.employee-timeline-info-item-val .item-val-data .item-val-text.mod-ico:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.employee-timeline-info-item-val .item-val-data .item-val-text.mod-green {
  color: #00B415;
}
.employee-timeline-info-item-val .item-val-data .item-val-text.mod-green:after {
  width: 10px;
  height: 8px;
  background: url("/images/sprite.svg") -309px -72px;
}
.employee-timeline-info-item-val .item-val-data .item-val-text.mod-red {
  color: #FF4743;
}
.employee-timeline-info-item-val .item-val-data .item-val-text.mod-red:after {
  width: 10px;
  height: 8px;
  background: url("/images/sprite.svg") -309px -80px;
}
.employee-timeline-info-item-val .item-val-data .item-val-text.mod-yellow {
  color: #FFA319;
}
.employee-timeline-info-item-val .item-val-data .item-input {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: -5px;
  width: 100%;
  transform: translateY(-50%);
}
.employee-timeline-info-item-val .item-val-data .item-input.mod-static {
  left: 0;
  margin-top: 1px;
}
.employee-timeline-info-item-val .item-val-data .item-input.mod-ico .form-input {
  padding-left: 14px;
}
.employee-timeline-info-item-val .item-val-data .item-input .form-input {
  padding: 4px 5px 3px;
  width: 100%;
  font-size: 0.875rem;
  color: #333C48;
  background-color: #fff;
  box-sizing: border-box;
}
.employee-timeline-info-item-val .item-val-data .item-input .form-msg {
  display: none;
}
.employee-timeline-info-item-val .item-val-data .item-dd {
  position: absolute;
  top: -5px;
  left: -5px;
  min-width: calc(100% + 10px);
  padding: 32px 10px 10px;
  background: #FFFFFF;
  border: 1px solid #DFE3E9;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  border-radius: 2px;
}
.employee-timeline-info-item-val .item-val-data .item-dd.item-dd-btn {
  padding: 0;
}
.employee-timeline-info-item-val .item-val-data .item-dd .item-dd-wrap {
  padding: 32px 10px 10px;
}
.employee-timeline-info-item-val .item-val-data .item-dd .dd-item-title {
  display: inline-block;
  font-size: 14px;
  margin: 0 0 7px 0;
  color: #7E8FA5;
  line-height: 1.2;
  cursor: pointer;
  outline: none;
}
.employee-timeline-info-item-val .item-val-data .item-dd .dd-item {
  display: block;
  font-size: 14px;
  margin: 0 0 7px 0;
  color: #333C48;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
}
.employee-timeline-info-item-val .item-val-data .item-dd .dd-item:last-child {
  margin-bottom: 0;
}
.employee-timeline-info-item-val .item-val-data .item-dd .dd-item:hover {
  color: #00A8FF;
}
.employee-timeline-info-item-val .item-val-data .item-dd .dd-box {
  display: block;
  white-space: nowrap;
}
.employee-timeline-info-item-val .item-val-data .item-dd .dd-box:last-child .dd-item {
  margin-bottom: 0;
}
.employee-timeline-info-item-val .item-val-data .item-dd .dd-box:last-child .dd-item-title {
  margin-bottom: 0;
}
.employee-timeline-info-item-val .item-val-data .item-dd .dd-box .dd-item-title {
  width: 80px;
}
.employee-timeline-info-item-val .item-val-data .item-dd .dd-tabs {
  padding: 0;
  margin: 8px -1px 0;
  list-style: none;
  white-space: nowrap;
}
.employee-timeline-info-item-val .item-val-data .item-dd .dd-tabs .tabs-item-holder {
  display: inline-block;
  padding: 0 1px;
  box-sizing: border-box;
}
.employee-timeline-info-item-val .item-val-data .item-dd .dd-tabs .tabs-item {
  width: 24px;
  height: 21px;
  padding: 0;
  font-size: 0.875rem;
  color: #333C48;
  background-image: linear-gradient(-180deg, #FFFFFF 0%, #F8F8F8 85%, #F6F6F6 100%);
  border: 1px solid #F2F4F5;
  border-radius: 2px;
  box-sizing: border-box;
  text-transform: uppercase;
  cursor: pointer;
}
.employee-timeline-info-item-val .item-val-data .item-dd .dd-tabs .tabs-item.is-active {
  color: #00A8FF;
  border-color: #00A8FF;
}
.employee-timeline-info-item-val .item-val-error-msg {
  position: absolute;
  display: none;
  right: -12px;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background: url("/images/sprite.svg") -48px -289px;
}
.employee-timeline-info-item-val .item-val-error-msg:hover .item-val-error-msg-text {
  display: block;
}
.employee-timeline-info-item-val .item-val-error-msg-text {
  position: absolute;
  display: none;
  left: 50%;
  margin-bottom: 7px;
  bottom: 100%;
  text-align: center;
  font-size: 0.875rem;
  color: #FFFFFF;
  background: #FF4743;
  border-radius: 3px;
  transform: translateX(-50%);
}
.employee-timeline-info-item-val .item-val-error-msg-text:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-top: -8px;
  background: #FF4743;
  transform: translateX(-50%) rotate(45deg);
}
.employee-timeline-info-item-val .item-val-error-msg-text span {
  position: relative;
  z-index: 2;
  display: block;
  background: #FF4743;
  width: 165px;
  border-radius: 3px;
}

.employee-timeline-modal-tooltip {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 16px;
  vertical-align: middle;
  text-align: right;
}
.employee-timeline-modal-tooltip:hover .employee-timeline-modal-tooltip-dropdown {
  display: block;
}
.employee-timeline-modal-tooltip.mod-red .employee-timeline-modal-tooltip-ico {
  width: 16px;
  height: 16px;
  background: url("/images/sprite.svg") -32px -289px;
}
.employee-timeline-modal-tooltip.mod-red .employee-timeline-modal-tooltip-text {
  color: #FF4743;
}

.employee-timeline-modal-tooltip-ico {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background: url("/images/sprite.svg") -274px -249px;
}

.employee-timeline-modal-tooltip-dropdown {
  position: absolute;
  display: none;
  right: -14px;
  bottom: 100%;
  margin-bottom: 10px;
  white-space: nowrap;
  text-align: left;
  background: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.employee-timeline-modal-tooltip-dropdown:after {
  position: absolute;
  content: "";
  top: 100%;
  right: 15px;
  margin-top: -10px;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}

.employee-timeline-modal-tooltip-text {
  position: relative;
  z-index: 2;
  display: block;
  padding: 6px 9px;
  color: #7E8FA5;
  font-size: 0.875rem;
  background: #FFFFFF;
  border-radius: 4px;
}

.timeline-current {
  position: absolute;
  bottom: 0;
  width: 1px;
  height: 100%;
  height: calc(100% - 25px);
  background-color: #00A8FF;
}
.timeline-current:after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  border-radius: 50%;
  background-color: #00A8FF;
}
.timeline-current.mod-vertical {
  z-index: 1;
  right: 0;
  bottom: auto;
  width: calc(100% - 13px);
  height: 1px;
  background-color: #00A8FF;
}
.timeline-current.mod-vertical:after {
  top: 50%;
  left: 0;
  margin-left: -6px;
  transform: translateY(-50%);
}

.timeline-repeat-highlight {
  position: absolute;
  background: rgba(112, 211, 128, 0.1);
  border-top: 1px dashed #DBDFE5;
  border-bottom: 1px dashed #DBDFE5;
}

.add-timeline-fix {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 500px;
  user-select: none;
  table-layout: fixed;
}
.add-timeline-fix:after {
  display: table;
  content: "";
  clear: both;
}
.add-timeline-fix:before {
  position: absolute;
  z-index: 2;
  content: "";
  left: 365px;
  width: 1px;
  height: 100%;
  background-color: #E7E9ED;
}
.add-timeline-fix.mod-repeatable .add-timeline-resources {
  position: relative;
}
.add-timeline-fix.mod-repeatable .add-timeline-holder {
  padding-top: 19px;
}

.add-timeline-holder {
  position: relative;
  width: calc(100% - 365px);
  vertical-align: top;
}

.add-timeline {
  left: 0;
  position: absolute;
  bottom: 0;
  overflow-x: auto;
  width: 100%;
  height: 100%;
  height: calc(100% - 38px);
}

.add-timeline-scroll-area {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.add-timeline-data {
  width: 100%;
  height: 100%;
  height: calc(100% - 58px);
  overflow-y: auto;
}

.add-timeline-data-box {
  margin-top: -1px;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
}

.add-timeline-data-booking {
  position: relative;
  padding: 10px 0;
  height: 142px;
  box-sizing: border-box;
}

.add-timeline.mod-1-days-view .add-timeline-interval .interval-day-item {
  width: 32.5px;
}
.add-timeline.mod-2-days-view .add-timeline-interval .interval-day-item {
  width: 17.1px;
}

.add-timeline-interval {
  position: relative;
  white-space: nowrap;
  height: 57px;
  border-bottom: 1px solid #E7E9ED;
}
.add-timeline-interval:after {
  position: absolute;
  content: "";
  left: 0;
  top: 100%;
  width: 100%;
  height: 1px;
  box-shadow: 0 2px 4px 0 rgba(211, 211, 211, 0.5);
}

.add-timeline-interval .interval-day {
  display: inline-block;
}
.add-timeline-interval .interval-day:after {
  display: table;
  content: "";
  clear: both;
}
.add-timeline-interval .interval-day .interval-day-list-box {
  display: inline-block;
  position: relative;
}
.add-timeline-interval .interval-day .interval-day-list-box.mod-blue:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
  margin-top: 1px;
  width: 96%;
  margin-left: -48%;
  height: 100vh;
  background: rgb(241, 251, 255);
}
.add-timeline-interval .interval-day.is-current .interval-day-item:after {
  width: 2px;
  background-color: #333C48;
}
.add-timeline-interval .interval-day.is-current .interval-day-title .title-val {
  color: #00A8FF;
  border-color: #00A8FF;
}

.add-timeline-interval .interval-day-title {
  text-align: center;
  font-weight: 600;
}
.add-timeline-interval .interval-day-title:after {
  display: table;
  content: "";
  clear: both;
}
.add-timeline-interval .interval-day-title .title-val {
  display: inline-block;
  height: 22px;
  padding: 0 12px;
  color: #4D5262;
  font-size: 0.75rem;
  line-height: 22px;
  letter-spacing: -0.08px;
  border: 1px solid transparent;
  border-radius: 75px;
  box-sizing: border-box;
}

.add-timeline-interval .interval-day-list {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 12px 0 0;
  white-space: nowrap;
}

.add-timeline-interval .interval-day-item {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 5px;
  font-size: 0.625rem;
  color: #4D5262;
  vertical-align: bottom;
}
.add-timeline-interval .interval-day-item:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  transform: translateX(-50%);
  background-color: #D8D8D8;
}
.add-timeline-interval .interval-day-item.mod-text {
  height: 11px;
}
.add-timeline-interval .interval-day-item.mod-small:after {
  height: 7px;
}
.add-timeline-interval .interval-day-item .item-text {
  position: absolute;
  left: 50%;
  margin-bottom: 4px;
  bottom: 100%;
  transform: translateX(-50%);
}

.add-timeline-date {
  padding: 11px 16px 0 17px;
}
.add-timeline-date:after {
  display: table;
  content: "";
  clear: both;
}
.add-timeline-date .date-box {
  float: left;
}
.add-timeline-date .date-box:last-child {
  float: right;
}
.add-timeline-date .date-box .dropdown {
  margin-right: 15px;
}

.add-timeline-date .date-current {
  float: left;
  font-size: 1.125rem;
  line-height: 1.42;
  color: #333C48;
}

.add-timeline-date .date-switch {
  float: right;
}
.add-timeline-date .date-switch .switch-btn {
  position: relative;
  float: left;
  margin: 0 2px;
  padding: 0;
  width: 27px;
  height: 27px;
  border-radius: 4px;
}
.add-timeline-date .date-switch .switch-btn:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
}
.add-timeline-date .date-switch .switch-btn.mod-prev:after {
  margin: -1px 0 0 -5px;
  width: 12px;
  height: 15px;
  background: url("/images/sprite.svg") -91px -289px;
}
.add-timeline-date .date-switch .switch-btn.mod-next:after {
  margin: -1px 0 0 -6px;
  width: 12px;
  height: 15px;
  background: url("/images/sprite.svg") -118px -289px;
}
.add-timeline-date .date-switch .switch-val {
  float: left;
  margin: 0 2px;
  padding: 0 13px;
  height: 27px;
  color: #333C48;
  font-size: 0.875rem;
  line-height: 25px;
  box-sizing: border-box;
  font-weight: bold;
}

.add-timeline-resource {
  position: absolute;
  display: inline-block;
  background: #FFFFFF;
  border: 1px solid #999999;
  box-shadow: 0 0 4px 0 rgba(162, 162, 162, 0.5);
  border-radius: 4px;
  overflow: hidden;
}
.add-timeline-resource.is-dragging {
  z-index: 100;
}
.add-timeline-resource.is-disabled {
  opacity: 0.9;
  filter: grayscale(100%);
}
.add-timeline-resource .resource-box {
  padding: 10px 0 3px;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
}

.add-timeline-resource .resource-title {
  width: 100%;
  padding: 5px 2px;
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.2;
  color: #4D5262;
  text-align: center;
  box-sizing: border-box;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 600;
}

.add-timeline-resource .resource-img {
  position: relative;
  margin: 0 auto;
  width: 30px;
  height: 30px;
}

.add-timeline-resource .resource-count {
  text-align: center;
}
.add-timeline-resource .resource-count .count-val {
  display: inline-block;
  padding: 0 6px;
  height: 17px;
  font-size: 0.75rem;
  line-height: 15px;
  color: #979797;
  border: 1px solid #979797;
  border-radius: 4px;
  box-sizing: border-box;
  font-weight: 600;
}

.add-timeline-resource .resource-time {
  padding: 5px 2px;
  text-align: center;
  font-size: 0.875rem;
  color: #333C48;
  white-space: nowrap;
  line-height: 1.4;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.add-timeline-resource .resource-managers-list-holder {
  text-align: center;
}
.add-timeline-resource .resource-managers-list {
  display: inline-block;
  margin: 0 0 16px -15px;
  padding: 0;
  vertical-align: top;
  list-style-type: none;
}
.add-timeline-resource .resource-managers-list:after {
  display: table;
  content: "";
  clear: both;
}
.add-timeline-resource .resource-managers-list .list-item {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: -15px;
  border-radius: 50%;
  vertical-align: middle;
  border: 2px solid #fff;
}
.add-timeline-resource .resource-managers-list .list-item.mod-num {
  width: 30px;
  height: 30px;
  border: 2px solid #00A8FF;
  font-size: 0.75rem;
  color: #00A8FF;
  line-height: 31px;
  text-align: center;
  background: #fff;
  font-weight: bold;
}
.add-timeline-resource .resource-managers-list .list-item .person-placeholder {
  border-radius: 50%;
}
.add-timeline-resource .resource-managers-list .list-item span {
  display: inline-block;
}
.add-timeline-resource .resource-managers-list .list-item span:before {
  display: inline-block;
  position: relative;
  top: 2px;
  content: "";
  width: 11px;
  height: 12px;
  background: url("/images/sprite.svg") -309px -26px;
}
.add-timeline-resource .resource-managers-list .list-item img {
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
}

.add-timeline-resource[dnd-resizable=true] .angular-dnd-resizable-handle {
  position: absolute;
  display: block;
}
.add-timeline-resource[dnd-resizable=true] .angular-dnd-disabled .ui-resizable-handle,
.add-timeline-resource[dnd-resizable=true] .angular-dnd-autohide .ui-resizable-handle {
  display: none;
}
.add-timeline-resource[dnd-resizable=true] .angular-dnd-resizable-handle-w {
  cursor: w-resize;
  width: 7px;
  left: 0;
  top: 0;
  height: 100%;
}
.add-timeline-resource[dnd-resizable=true] .angular-dnd-resizable-handle-e {
  cursor: e-resize;
  width: 7px;
  right: 0;
  top: 0;
  height: 100%;
}

.add-timeline-resources {
  padding: 19px 0 0 0;
  width: 365px;
  box-sizing: border-box;
  vertical-align: top;
}

.add-timeline-resources-list {
  padding: 0 21px;
  max-height: 500px;
  overflow-y: auto;
}

.add-timeline-resources-title {
  margin: 0 0 18px 0;
  padding: 0 21px;
  font-size: 1rem;
  line-height: 1.42;
  color: #7E8FA5;
}

.add-timeline-resource-preview {
  position: relative;
  margin-bottom: 10px;
  padding: 15px 15px 12px;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #D3D4D6;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  box-sizing: border-box;
  user-select: none;
}
.add-timeline-resource-preview.is-dragged {
  border: 1px solid #00A8FF;
}
.add-timeline-resource-preview.mod-small .preview-box {
  margin-bottom: 7px;
  padding-right: 44px;
  min-height: 0;
}
.add-timeline-resource-preview .preview-box {
  position: relative;
  margin-bottom: 12px;
  padding-left: 48px;
  padding-right: 72px;
  min-height: 63px;
}

.add-timeline-resource-preview .preview-title {
  display: table;
  width: 100%;
  height: 40px;
  table-layout: fixed;
}
.add-timeline-resource-preview .preview-title-box {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: left;
  vertical-align: middle;
}
.add-timeline-resource-preview .preview-title-text {
  margin: 0 0 2px;
  font-size: 1rem;
  line-height: 1.2;
  color: #4D5262;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
}

.add-timeline-resource-preview .preview-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
}
.add-timeline-resource-preview .service-ico {
  width: 100%;
  height: 100%;
}

.add-timeline-resource-preview:last-child .preview-text-list .term-tooltip-dropdown {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 13px;
}
.add-timeline-resource-preview .preview-text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.2;
  color: #7E8FA5;
}
.add-timeline-resource-preview .preview-text .preview-text-val.mod-black {
  color: #4D5262;
  font-weight: bold;
}
.add-timeline-resource-preview .preview-text-list {
  display: flex;
  padding-top: 10px;
  border-top: 1px solid #E7E9ED;
}
.add-timeline-resource-preview .preview-text-list:after {
  display: table;
  content: "";
  clear: both;
}
.add-timeline-resource-preview .preview-text-list .preview-text {
  position: relative;
  margin: 0;
  flex: 1;
  box-sizing: border-box;
  color: #7E8FA5;
  font-size: 14px;
  line-height: 17px;
  font-weight: normal;
}
.add-timeline-resource-preview .preview-text-list .preview-text .preview-text-val {
  margin-right: 4px;
}
.add-timeline-resource-preview .preview-text-list .preview-text .preview-text-val.mod-black {
  color: #373F51;
  font-weight: normal;
  border-bottom-color: transparent;
}

.shift-rule-list {
  padding: 0 20px;
  box-sizing: border-box;
}

.shift-rule-item {
  display: block;
  border: 1px solid #E7E9ED;
  border-radius: 4px;
}

.shift-rule-item-box {
  padding: 24px;
}
.shift-rule-item-box.mod-details {
  border-top: 1px solid #E7E9ED;
}

.timeline-fix {
  position: relative;
  width: 100%;
  min-width: 1140px;
  height: calc(100vh - 124px);
  box-sizing: border-box;
  user-select: none;
  table-layout: fixed;
  overflow: hidden;
}
.timeline-fix:after {
  display: table;
  content: "";
  clear: both;
}
@media all and (max-width: calc(1140 / 16)em) {
  .timeline-fix {
    min-width: 1140px;
  }
}

.timeline-holder {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.timeline {
  position: relative;
  width: 100%;
  height: calc(100% - 38px);
}

.timeline-scroll-area {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  background: #fff;
}

.timeline-scroll-content {
  position: absolute;
  min-width: 100%;
  top: 0;
  left: 0;
  height: 100%;
}

.timeline-data {
  position: relative;
  height: calc(100% - 47px);
  overflow-y: auto;
  overflow-x: hidden;
  transform: translateZ(0);
}
.timeline-data .page-msg-holder {
  position: relative;
  padding: 50px;
  height: 100%;
  background-color: #fff;
  box-sizing: border-box;
}

.timeline-left-panel {
  position: absolute;
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  background-color: #F9F8F6;
  border: 1px solid #DEE2E6;
  border-top: 0;
  border-bottom: 0;
  box-sizing: border-box;
}

.timeline-data-box {
  position: relative;
  padding: 5px 80px;
  border-bottom: 1px solid #E7E9ED;
  box-sizing: border-box;
  min-height: 50px;
}

.timeline-data-booking-list.is-active-child-element {
  position: relative;
  z-index: 2;
}

.timeline-data-booking {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
  box-sizing: border-box;
  vertical-align: top;
}

.timeline-data-booking-box {
  position: relative;
}

.timeline-company {
  position: absolute;
  z-index: 12;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  background-color: #F9F8F6;
  border: 1px solid #DEE2E6;
  border-top: 0;
  border-bottom: 0;
  box-sizing: border-box;
}
.timeline-company .company-logo-box {
  position: absolute;
  padding-top: 45px;
  top: 50%;
  left: 50%;
  width: 40px;
  transform: translateY(-50%) translateX(-50%) translateZ(0);
  box-sizing: border-box;
}
.timeline-company .company-logo-box:hover .company-logo-dd-text {
  visibility: visible;
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
.timeline-company .company-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  transform: translateY(-50%) translateX(-50%) translateZ(0);
}
.timeline-company .company-logo-text {
  margin: 0;
  width: 100%;
  font-size: 0.875rem;
  color: #333C48;
  line-height: 1.2;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.timeline-company .company-logo-dd-text {
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -30px 0 0 10px;
  color: #333C48;
  line-height: 1.2;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
  transform: scale(0) rotate(-45deg);
  opacity: 0;
  visibility: hidden;
  transform-origin: bottom left;
  transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
}
.timeline-company .company-logo-dd-text:after {
  position: absolute;
  z-index: 1;
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 4px;
  margin-top: -4px;
}
.timeline-company .company-logo-dd-text span {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 8px 15px;
  background: #fff;
  border-radius: 4px;
}
.timeline-company .person-placeholder {
  position: initial;
  display: block;
}

.timeline-employee-preview-holder.mod-feed .timeline-employee-preview-modal {
  position: fixed;
  bottom: auto;
  top: 124px;
  height: 100%;
  height: calc(100vh - 124px);
}

.timeline-employee-preview-modal {
  position: fixed;
  z-index: 10;
  bottom: 0;
  right: 0;
  max-width: 325px;
  height: 100%;
  height: calc(100vh - 210px);
  padding: 10px 0 0 10px;
  background-color: #F9F8F6;
  border-left: 1px solid #DEE2E6;
  box-sizing: border-box;
  box-shadow: -4px 0 7px 0 rgba(0, 0, 0, 0.06);
}
.timeline-employee-preview-modal .timeline-employee-preview-scroll {
  height: 100%;
  overflow-y: scroll;
}
.timeline-employee-preview-modal.mod-collapsed {
  padding: 0;
  width: 50px;
  box-shadow: none;
}
.timeline-employee-preview-modal.mod-collapsed .modal-open-btn:after {
  transform: translateY(-50%) rotate(0deg);
}
.timeline-employee-preview-modal.mod-collapsed .timeline-employee-search {
  position: relative;
  width: 100%;
  height: 55px;
}
.timeline-employee-preview-modal.mod-collapsed .timeline-employee-search:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 19px;
  height: 20px;
  background: url("/images/sprite.svg") -60px -249px;
}
.timeline-employee-preview-modal.mod-collapsed .timeline-employee-search .search-input-holder {
  display: none;
}
.timeline-employee-preview-modal.mod-collapsed .timeline-employee-search .search-dropdown-holder {
  display: none;
}
.timeline-employee-preview-modal.mod-collapsed .timeline-employee-preview {
  width: 50px;
  padding: 0;
  height: 60px;
}
.timeline-employee-preview-modal.mod-collapsed .timeline-employee-preview .preview-name,
.timeline-employee-preview-modal.mod-collapsed .timeline-employee-preview .preview-email,
.timeline-employee-preview-modal.mod-collapsed .timeline-employee-preview .preview-status,
.timeline-employee-preview-modal.mod-collapsed .timeline-employee-preview .preview-btn {
  display: none;
}
.timeline-employee-preview-modal.mod-collapsed .timeline-employee-preview .preview-img-holder {
  left: 50%;
  margin-left: -20px;
}
.timeline-employee-preview-modal.mod-collapsed .timeline-employee-preview .preview-info {
  padding: 0;
  width: 100%;
  height: 100%;
}
.timeline-employee-preview-modal.mod-collapsed .timeline-employee-preview .preview-info .preview-info-box {
  display: block;
  position: static;
  width: 100%;
  height: 100%;
}
.timeline-employee-preview-modal.mod-collapsed .timeline-employee-preview .preview-info .preview-info-box:first-child {
  padding: 0;
}
.timeline-employee-preview-modal.mod-collapsed .timeline-employee-preview .preview-info .preview-info-box:last-child {
  display: none;
}
.timeline-employee-preview-modal.mod-collapsed .timeline-employee-preview .preview-info .preview-info-box:after {
  display: none;
}
.timeline-employee-preview-modal.mod-collapsed .timeline-employee-preview .preview-info:after {
  display: none;
}
.timeline-employee-preview-modal .timeline-employee-preview .preview-info:after {
  left: -5px;
}
.timeline-employee-preview-modal .timeline-employee-preview .preview-info .preview-info-box:first-child {
  padding-left: 60px;
}
.timeline-employee-preview-modal .timeline-employee-preview .preview-img-holder {
  top: 50%;
  left: 10px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
}
.timeline-employee-preview-modal .timeline-employee-preview .preview-name {
  font-size: 0.875rem;
}
.timeline-employee-preview-modal .timeline-employee-preview .preview-email {
  font-size: 0.75rem;
}
.timeline-employee-preview-modal .timeline-employee-preview .preview-status {
  font-size: 0.5625rem;
}
.timeline-employee-preview-modal .timeline-employee-search {
  padding-bottom: 7px;
  background: none;
  border: 0;
  border-bottom: 1px solid #E7E9ED;
}
.timeline-employee-preview-modal .timeline-employee-search .search-input {
  background: none;
}
.timeline-employee-preview-modal .modal-open-btn {
  position: absolute;
  top: 16px;
  right: 100%;
  width: 18px;
  height: 27px;
  margin-right: 1px;
  background: #FFFFFF;
  border: 1px solid #D3D4D6;
  border-right: 0;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 3px 0 0 3px;
}
.timeline-employee-preview-modal .modal-open-btn:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 3px;
  transform: translateY(-50%) rotate(180deg);
  width: 11px;
  height: 13px;
  background: url("/images/sprite.svg") -309px 0px;
}

.timeline-category-repeat {
  display: flex;
  max-width: 100%;
  margin-bottom: 10px;
  align-items: center;
}
.timeline-category-repeat .category-actions {
  padding-left: 8px;
}

.timeline-category-repeat-title-ico {
  margin-right: 11px;
  width: 24px;
  height: 19px;
}
.timeline-category-repeat-title-ico .svg-ico {
  width: 24px;
  height: 19px;
  fill: #7E8FA5;
}

.timeline-category-repeat-title {
  max-width: 100%;
  color: #373F51;
  font-size: 14px;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.timeline-category-repeat-btn {
  position: relative;
  padding: 0 28px 0 10px;
  margin-left: 24px;
  height: 26px;
  font-size: 12px;
  line-height: 24px;
  color: #7E8FA5;
  border: 1px solid #E8EBF0;
  background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
  box-sizing: border-box;
  border-radius: 4px;
  width: auto;
  cursor: pointer;
  font-weight: bold;
}
.timeline-category-repeat-btn:after {
  position: absolute;
  content: "";
  top: 50%;
  left: -15px;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  background: #DEE2E6;
  border-radius: 50%;
}
.timeline-category-repeat-btn svg {
  position: absolute;
  top: 50%;
  right: 7px;
  width: 12px;
  height: 12px;
  fill: #7E8FA5;
  transform: translateY(-50%);
}
.timeline-category-repeat-btn.mod-no-text {
  padding: 0;
  margin-left: 0;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  overflow: hidden;
}
.timeline-category-repeat-btn.mod-no-text:after {
  display: none;
}
.timeline-category-repeat-btn.mod-no-text span {
  display: none;
}
.timeline-category-repeat-btn.mod-no-text svg {
  left: 50%;
  right: auto;
  transform: translateY(-50%) translateX(-50%);
}

.timeline.mod-7-days-view .timeline-interval .interval-day-item {
  width: 0.54vw;
  min-width: 6.162162162px;
}
.timeline.mod-month-view .interval-day-list.mod-blue:before {
  width: 88%;
  margin-left: -44%;
}
.timeline.mod-month-view .interval-day {
  left: 46px;
}
.timeline.mod-month-view .interval-day-item {
  width: 0.5vw;
  min-width: 6.162162162px;
}
.timeline.mod-month-view .timeline-interval .interval-day-title .title-val {
  padding: 0;
  font-size: 0.7rem;
}
.timeline.mod-month-view .timeline-interval .interval-day.is-current .interval-day-title .title-val {
  border: none;
}
.timeline.mod-month-view .timeline-event-select .timeline-event-select-current {
  padding: 5px;
  white-space: normal;
  line-height: normal;
  font-size: 0.75rem;
}
.timeline.mod-month-view .timeline-event-select .timeline-event-select-current span {
  display: none;
}
.timeline.mod-month-view .timeline-event-select .timeline-event-select-current:after {
  content: none;
}
.timeline.mod-month-view .timeline-event-select .timeline-event-select-list {
  width: auto;
}
.timeline.mod-month-view .timeline-event-select.is-active .timeline-event-select-current span {
  display: inline;
}
.timeline.mod-month-view .mod-one-day.mod-day-off .shift-title:after {
  left: 28%;
}
.timeline.mod-month-view .mod-one-day .shift-title {
  margin-bottom: 0;
  height: 18px;
}
.timeline.mod-month-view .mod-one-day .shift-title .shift-title-name {
  display: none;
}
.timeline.mod-month-view .mod-one-day .shift-title .svg-ico {
  left: 30%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
}
.timeline.mod-month-view .mod-one-day .shift-text .shift-status-hours {
  display: none;
}
.timeline.mod-month-view .mod-one-day .shift-text .shift-status {
  line-height: 0;
  padding: 0;
  font-size: 0.5rem;
}
.timeline.mod-employee .timeline-data-booking {
  height: 79px;
}

.timeline-data-booking-list.mod-collapsed .timeline-data-booking {
  height: 98px;
}

.timeline-headline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  height: 62px;
  min-width: 1140px;
  background: #FFFFFF;
  border: 1px solid #E7E9ED;
  box-shadow: 0 1px 3px 0 rgba(231, 233, 237, 0.4);
  box-sizing: border-box;
}

.timeline-headline-tabs {
  float: left;
}
.timeline-headline-tabs .tabs-item {
  float: left;
}
.timeline-headline-tabs .tabs-item:first-child .item-link {
  margin-left: 0;
}
.timeline-headline-tabs .tabs-item .item-link {
  position: relative;
  display: block;
  margin: 0 15px;
  padding: 18px 0;
}
.timeline-headline-tabs .tabs-item .item-link:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #00A8FF;
}
.timeline-headline-tabs .tabs-item .item-link.is-active .item-link-text {
  color: #333C48;
}
.timeline-headline-tabs .tabs-item .item-link.is-active:after {
  content: "";
}
.timeline-headline-tabs .tabs-item .item-link:hover .dropdown-list {
  display: block;
}
.timeline-headline-tabs .tabs-item .item-link-text {
  display: inline-block;
  margin-right: 5px;
  color: #7E8FA5;
  font-size: 1.25rem;
  line-height: 1;
  vertical-align: middle;
}
.timeline-headline-tabs .tabs-item .item-link-count {
  display: inline-block;
  min-width: 34px;
  height: 22px;
  padding: 0 5px;
  color: #fff;
  font-size: 0.75rem;
  line-height: 23px;
  background-color: #FF4743;
  vertical-align: middle;
  text-align: center;
  border-radius: 50px;
  box-sizing: border-box;
  font-weight: bold;
}

.headline-settings {
  display: inline-block;
  vertical-align: top;
}
.headline-settings .settings-list {
  position: relative;
  float: left;
  margin-right: 15px;
  padding-right: 15px;
}
.headline-settings .settings-list:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 1px;
  height: 24px;
  margin-top: -12px;
  background: #E7E9ED;
}
.headline-settings .settings-item {
  float: left;
  margin: 0 10px;
}

.timeline-interval {
  position: relative;
  white-space: nowrap;
  height: 47px;
  border-bottom: 1px solid #E7E9ED;
}
.timeline-interval:after {
  position: absolute;
  content: "";
  left: 0;
  top: 100%;
  width: 100%;
  height: 1px;
  box-shadow: 0 2px 4px 0 rgba(211, 211, 211, 0.5);
}

.timeline-interval {
  background-color: #F9F8F6;
}
.timeline-interval .interval-day {
  display: inline-block;
  position: relative;
}
.timeline-interval .interval-day:after {
  display: table;
  content: "";
  clear: both;
}
.timeline-interval .interval-day .inderval-day-list-box {
  display: inline-block;
  position: relative;
}
.timeline-interval .interval-day .inderval-day-list-box:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
  margin-top: 1px;
  width: 92.4%;
  margin-left: -46.2%;
  height: 100vh;
  background: rgb(241, 251, 255);
}
.timeline-interval .interval-day.is-current .interval-day-item:after {
  width: 2px;
  background-color: #333C48;
}
.timeline-interval .interval-day.is-current .interval-day-title .title-val {
  color: #00A8FF;
  border-color: #00A8FF;
}

.timeline-interval .interval-day-title {
  text-align: center;
  font-weight: 600;
}
.timeline-interval .interval-day-title:after {
  display: table;
  content: "";
  clear: both;
}
.timeline-interval .interval-day-title .title-val {
  display: inline-block;
  height: 22px;
  padding: 0 12px;
  color: #4D5262;
  font-size: 0.75rem;
  line-height: 22px;
  letter-spacing: -0.08px;
  border: 1px solid transparent;
  border-radius: 75px;
  box-sizing: border-box;
}

.timeline-interval .interval-day-list {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 3px 0 0;
  white-space: nowrap;
}
.timeline-interval .interval-day-list.mod-blue:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
  margin-top: 1px;
  width: 96%;
  margin-left: -48%;
  height: 100vh;
  background: rgb(241, 251, 255);
}

.timeline-interval .interval-day-item {
  position: relative;
  display: inline-block;
  min-width: 14.430379747px;
  width: 1.264vw;
  height: 5px;
  font-size: 0.625rem;
  color: #4D5262;
  vertical-align: bottom;
}
.timeline-interval .interval-day-item:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  transform: translateX(-50%);
  background-color: #D8D8D8;
}
.timeline-interval .interval-day-item.mod-text {
  height: 10px;
}
.timeline-interval .interval-day-item.mod-small:after {
  height: 7px;
}
.timeline-interval .interval-day-item .item-text {
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
}

.timeline-date {
  padding: 11px 16px 0 17px;
  background-color: #F9F8F6;
  box-sizing: border-box;
}
.timeline-date:after {
  display: table;
  content: "";
  clear: both;
}
.timeline-date .date-box {
  float: left;
}
.timeline-date .date-box:last-child {
  float: right;
}
.timeline-date .date-box .dropdown {
  margin-right: 15px;
}
.timeline-date .date-box .date-box-dropdown {
  position: relative;
  float: left;
  margin-right: 15px;
}
.timeline-date .date-box .date-box-dropdown .timeline-modal {
  margin-top: 20px;
  top: 100%;
  left: 50%;
  z-index: 99;
  transform: translateX(-50%);
}

.timeline-date .date-current {
  float: left;
  font-size: 1.125rem;
  line-height: 1.42;
  color: #333C48;
}

.date-switch {
  float: right;
}
.date-switch .dropdown-holder {
  float: left;
  margin: 0 2px;
}
.date-switch .dropdown {
  display: block;
  margin: 0;
}
.date-switch .dropdown.mod-small .dropdown-current {
  width: 30px;
}
.date-switch .dropdown.mod-small .dropdown-current:after {
  display: none;
}
.date-switch .switch-btn {
  position: relative;
  float: left;
  margin: 0 2px;
  padding: 0;
  width: 27px;
  height: 28px;
  border-radius: 4px;
}
.date-switch .switch-btn:after, .date-switch .switch-btn:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
}
.date-switch .switch-btn.mod-double-arrows.mod-prev:after, .date-switch .switch-btn.mod-double-arrows.mod-prev:before {
  margin: -1px 0 0 0;
  width: 12px;
  height: 15px;
  background: url("/images/sprite.svg") -91px -289px;
}
.date-switch .switch-btn.mod-double-arrows.mod-prev:before {
  margin-left: -9px;
}
.date-switch .switch-btn.mod-double-arrows.mod-prev:after {
  margin-left: -3px;
}
.date-switch .switch-btn.mod-double-arrows.mod-next:after, .date-switch .switch-btn.mod-double-arrows.mod-next:before {
  margin: -1px 0 0 0;
  width: 12px;
  height: 15px;
  background: url("/images/sprite.svg") -118px -289px;
}
.date-switch .switch-btn.mod-double-arrows.mod-next:before {
  margin-left: -9px;
}
.date-switch .switch-btn.mod-double-arrows.mod-next:after {
  margin-left: -3px;
}
.date-switch .switch-btn.mod-prev:after {
  margin: -1px 0 0 -5px;
  width: 12px;
  height: 15px;
  background: url("/images/sprite.svg") -91px -289px;
}
.date-switch .switch-btn.mod-next:after {
  margin: -1px 0 0 -6px;
  width: 12px;
  height: 15px;
  background: url("/images/sprite.svg") -118px -289px;
}
.date-switch .switch-val-holder {
  float: left;
  position: relative;
}
.date-switch .switch-val {
  position: relative;
  z-index: 1;
  float: left;
  margin: 0 2px;
  padding: 0 13px;
  height: 28px;
  color: #333C48;
  font-size: 0.875rem;
  line-height: 25px;
  box-sizing: border-box;
  font-weight: 600;
}
.date-switch .switch-val:hover {
  color: #00A8FF;
}
.date-switch .switch-val.is-active {
  color: #00A8FF;
}
.date-switch .switch-val.mod-date {
  z-index: 2;
  width: 160px;
  text-align: center;
  margin: 0 -4px;
  border-radius: 0;
  font-weight: normal;
}

.timeline-data-booking.mod-small .category-title {
  max-width: 100%;
  flex: 1;
  min-width: 0;
  padding-right: 0;
  line-height: 18px;
}
.timeline-data-booking.mod-small .category-sep {
  display: none;
}

.timeline-category {
  position: relative;
  display: flex;
  width: 100%;
  padding: 0 0 20px;
  box-sizing: border-box;
}
.timeline-category.mod-lock:after {
  position: absolute;
  content: "";
  top: -14px;
  left: -10px;
  width: 22px;
  height: 22px;
  background: url("/images/sprite.svg") -269px -39px;
}
.timeline-category .mod-lock .svg-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 16px;
  fill: #7E8FA5;
  transform: translate(-50%, -50%);
}
.timeline-category.is-active {
  z-index: 11;
}
.timeline-category.is-blocked.is-disabled .mod-lock {
  cursor: default;
}
.timeline-category.is-blocked.is-disabled .mod-lock .svg-ico {
  fill: #DBDFE5;
}
.timeline-category.is-blocked .category-count {
  background: #DBDFE5;
}
.timeline-category .category-count {
  display: inline-block;
  margin-right: 10px;
  min-width: 30px;
  height: 22px;
  padding: 0 3px;
  font-size: 0.75rem;
  line-height: 22px;
  color: #FFFFFF;
  text-align: center;
  background: #FF4743;
  box-sizing: border-box;
  vertical-align: top;
  border-radius: 50px;
  font-weight: bold;
}
.timeline-category .category-title {
  padding-right: 16px;
  font-size: 1rem;
  color: #333C48;
  line-height: 22px;
  vertical-align: top;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.timeline-category .category-sep {
  position: relative;
  flex: 1;
  display: block;
}
.timeline-category .category-sep:after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 100%;
  height: 1px;
  margin-top: -1px;
  background-color: #D8D8D8;
}

.timeline-data-booking.mod-small .category-actions {
  padding-left: 5px;
}
.timeline-data-booking.mod-small .category-actions .category-btn {
  display: none;
}
.timeline-data-booking.mod-small .category-actions .category-btn.mod-visible {
  display: block;
}

.timeline-category .category-actions {
  padding-left: 16px;
  text-align: right;
  white-space: nowrap;
  vertical-align: middle;
}
.timeline-category .category-actions .category-btn {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: 12px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.timeline-category .category-actions .category-btn:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.timeline-category .category-actions .category-btn:first-child {
  margin-left: 0;
}
.timeline-category .category-actions .category-btn.mod-collapse:after {
  width: 17px;
  height: 12px;
  background: url("/images/sprite.svg") -291px -169px;
}
.timeline-category .category-actions .category-btn.mod-edit:after {
  width: 18px;
  height: 17px;
  background: url("/images/sprite.svg") -291px -15px;
}
.timeline-category .category-actions .category-btn.mod-delete:after {
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -137px -249px;
}

.timeline-data-booking.mod-small .category-dropdown-btn {
  display: block;
}
.timeline-data-booking.mod-small .category-btn {
  display: none;
}
.timeline-data-booking.mod-small .category-count {
  margin-right: 4px;
  padding: 0;
  height: 18px;
  min-width: 18px;
  line-height: 19px;
}

.category-btn.is-active .category-dropdown {
  display: block;
  z-index: 99;
}

.category-dropdown {
  position: relative;
  vertical-align: top;
  display: none;
}

.category-dropdown-btn {
  position: relative;
  display: none;
  width: 6px;
  height: 18px;
}
.category-dropdown-btn.is-active .category-dropdown {
  display: block;
  z-index: 99;
}

.category-dropdown-btn-ico {
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 2px;
  margin-top: -1px;
  background: #7E8FA5;
  box-sizing: border-box;
}
.category-dropdown-btn-ico:before, .category-dropdown-btn-ico:after {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  background: #7E8FA5;
  box-sizing: border-box;
}
.category-dropdown-btn-ico:before {
  top: -4px;
}
.category-dropdown-btn-ico:after {
  bottom: -4px;
}

.category-dropdown-box {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 31px;
  transform: translateX(-50%);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  background-color: #fff;
  border-radius: 4px;
}
.category-dropdown-box:after {
  position: absolute;
  z-index: 1;
  content: "";
  width: 20px;
  height: 20px;
  top: -5px;
  left: 50%;
  background-color: #fff;
  transform: translateX(-50%) rotate(45deg);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}

.category-dropdown-box-data {
  position: relative;
  display: block;
  z-index: 2;
  background-color: #fff;
  text-align: left;
  border-radius: 4px;
}

.category-dropdown-box-data.mod-repeatable {
  width: 170px;
}
.category-dropdown-box-data.mod-repeatable .category-dropdown-list {
  margin: 0;
}
.category-dropdown-box-data.mod-repeatable .category-dropdown-item {
  padding: 10px 40px 10px 16px;
  white-space: normal;
  line-height: 17px;
}

.category-dropdown-title {
  max-width: 130px;
  padding: 10px 20px;
  font-size: 0.875rem;
  color: #00A6FF;
  line-height: 1.2;
  text-align: center;
  border-bottom: 1px solid #D8D8D8;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.category-dropdown-list {
  display: block;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 5px;
  border-bottom: 1px solid #D8D8D8;
}
.category-dropdown-list:last-child {
  border-bottom: 0;
}

.category-dropdown-item {
  position: relative;
  padding: 8px 20px;
  display: block;
  font-size: 0.875rem;
  color: #333C48;
  line-height: 1.2;
}
.category-dropdown-item.mod-ico {
  padding-right: 40px;
}
.category-dropdown-item.mod-ico:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
}
.category-dropdown-item.mod-edit:after {
  width: 18px;
  height: 17px;
  background: url("/images/sprite.svg") -291px -15px;
}
.category-dropdown-item.mod-delete:after {
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -137px -249px;
}
.category-dropdown-item.mod-copy:after {
  width: 22px;
  height: 24px;
  background: url("/images/sprite.svg") -245px -158px;
}
.category-dropdown-item.mod-shift:after {
  width: 24px;
  height: 24px;
  background: url("/images/sprite.svg") -99px -221px;
}
.category-dropdown-item.mod-collapse:after {
  width: 17px;
  height: 12px;
  background: url("/images/sprite.svg") -291px -169px;
}
.category-dropdown-item.mod-split:after {
  width: 21px;
  height: 21px;
  background: url("/images/sprite.svg") -269px -164px;
}

.category-dropdown-item-ico {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  right: 16px;
  fill: #7E8FA5;
  transform: translateY(-50%);
}
.category-dropdown-item-ico.mod-edit {
  width: 13px;
  height: 13px;
}

.timeline-shift {
  position: absolute;
  background: #FFFFFF;
  white-space: normal;
  border: 1px solid #D3D4D8;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.17);
  border-radius: 2px;
  box-sizing: border-box;
}
.timeline-shift:after {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  border-radius: 2px 0 0 2px;
}
.timeline-shift.mod-employee {
  box-shadow: none;
}
.timeline-shift.mod-employee .shift-box {
  min-height: 38px;
  padding: 3px 6px 1px;
}
.timeline-shift.mod-employee .shift-box .shift-title {
  margin-bottom: -1px;
}
.timeline-shift.mod-employee .shift-box .shift-text {
  margin-bottom: 0;
}
.timeline-shift.mod-small-padding .shift-box {
  padding: 3px 6px 1px;
}
.timeline-shift.is-disabled {
  cursor: default;
  opacity: 0.9;
  filter: grayscale(100%);
}
.timeline-shift.is-disabled:hover {
  z-index: 11;
}
.timeline-shift.is-disabled:hover .timeline-shift-user {
  display: block;
}
.timeline-shift.mod-hide-content .shift-box {
  opacity: 0;
}
.timeline-shift.mod-hide-content .shift-list {
  opacity: 0;
}
.timeline-shift.mod-small .shift-box {
  padding: 11px 0 2px 5px;
  overflow: hidden;
}
.timeline-shift.mod-small .shift-title {
  padding: 0 2px 0 0;
  overflow: hidden;
}
.timeline-shift.mod-small .shift-list {
  padding: 9px 0 4px;
  overflow: hidden;
  text-align: center;
}
.timeline-shift.mod-small .shift-notifications {
  display: block;
  margin: 0;
  width: 100%;
  white-space: nowrap;
  padding-left: 2px;
  box-sizing: border-box;
}
.timeline-shift.mod-small .shift-notifications-item {
  float: none;
  display: inline-block;
  border: transparent;
  margin: 0 30px 0 0;
  width: auto;
  padding: 0;
  min-width: 0;
}
.timeline-shift.mod-small .timeline-managers-list .list-item {
  margin-right: 0;
}
.timeline-shift.mod-small .timeline-managers-list .list-item:hover .person-placeholder-name {
  display: block;
}
.timeline-shift.mod-small .timeline-managers-list .list-item.mod-num {
  font-size: 0.5625rem;
}
.timeline-shift.mod-small .timeline-managers-list .list-item.mod-num.mod-empty {
  display: block;
  padding-left: 2px;
  width: 100%;
  text-align: center;
  border: 0;
  box-shadow: none;
  box-sizing: border-box;
}
.timeline-shift.mod-small .timeline-managers-list .list-item.mod-num.mod-empty span:before {
  display: none;
}
.timeline-shift.mod-day-off {
  background: #FFF8ED;
  border: 1px solid #F6DDB1;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.17);
  border-radius: 2px;
}
.timeline-shift.mod-day-off .shift-box {
  min-height: 38px;
  background: #FFF8ED;
}
.timeline-shift.mod-day-off .shift-title {
  position: relative;
  padding-left: 24px;
  margin-bottom: 3px;
  font-size: 0.875rem;
  color: #333C48;
  font-weight: 600;
}
.timeline-shift.mod-day-off .shift-title:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -135px -269px;
}
.timeline-shift.mod-day-off .shift-text {
  margin-top: -2px;
  margin-bottom: 0;
  font-size: 0.75rem;
  line-height: 14px;
}
.timeline-shift.mod-day-off .shift-status {
  padding-left: 5px;
  font-size: 0.8125rem;
  line-height: 14px;
}
.timeline-shift.mod-approved .shift-category {
  background: #19C23E;
}
.timeline-shift.mod-approved .shift-status-holder:after {
  content: "";
}
.timeline-shift.mod-approved .shift-status {
  color: #19C23E;
}
.timeline-shift.mod-rejected .shift-category {
  background: #FF4743;
}
.timeline-shift.mod-rejected .shift-status-holder:after {
  content: "";
}
.timeline-shift.mod-rejected .shift-status {
  color: #FF4743;
}
.timeline-shift.mod-sick-day {
  background: #FFEFEF;
  border: 1px solid #FDBDBC;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.17);
  border-radius: 2px;
}
.timeline-shift.mod-sick-day .shift-box {
  min-height: 38px;
  background: #FFEFEF;
}
.timeline-shift.mod-sick-day .shift-title {
  position: relative;
  padding-left: 20px;
  margin-bottom: 3px;
  font-size: 0.875rem;
  color: #333C48;
  font-weight: 600;
}
.timeline-shift.mod-sick-day .shift-title .svg-ico {
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  fill: #C9CBD0;
  margin-top: -6px;
}
.timeline-shift.mod-sick-day .shift-text {
  margin-top: -2px;
  margin-bottom: 0;
  font-size: 0.75rem;
  line-height: 14px;
}
.timeline-shift.mod-sick-day .shift-status {
  padding-left: 5px;
  font-size: 0.8125rem;
  line-height: 14px;
}
.timeline-shift.mod-locked .shift-title {
  position: relative;
  padding-left: 20px;
}
.timeline-shift.mod-locked .shift-title:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 14px;
  height: 16px;
  background: url("/images/sprite.svg") -291px -260px;
}
.timeline-shift .timeline-managers-list .list-item:hover .person-placeholder-name {
  display: block;
}
.timeline-shift.is-active {
  z-index: 11;
}
.timeline-shift .shift-box {
  position: relative;
  z-index: 2;
  min-height: 69px;
  padding: 11px 11px 2px;
  background: #FAF9F7;
  border-radius: 2px 2px 0 0;
  border-bottom: 1px solid #EAECEF;
  box-sizing: border-box;
  overflow: hidden;
}
.timeline-shift .shift-title.mod-comments {
  padding-right: 25px;
  overflow: inherit;
}
.timeline-shift .shift-title.mod-comments .shift-title-text {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.timeline-shift .shift-title,
.timeline-shift .shift-dropdown-title {
  position: relative;
  z-index: 2;
  margin: 0 0 3px;
  font-size: 0.875rem;
  color: #333C48;
  line-height: 1.2;
  font-weight: bold;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.timeline-shift .shift-dropdown-title {
  word-break: break-word;
  white-space: normal;
}
.timeline-shift .shift-text,
.timeline-shift .shift-dropdown-text {
  position: relative;
  z-index: 2;
  margin: 0 0 4px;
  font-size: 0.75rem;
  color: #7E8FA5;
  line-height: 1.25;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.timeline-shift .shift-text.mod-blow-out,
.timeline-shift .shift-dropdown-text.mod-blow-out {
  padding-left: 15px;
  font-size: 0.8125rem;
  color: #FF4743;
  box-sizing: border-box;
  font-weight: bold;
}
.timeline-shift .shift-text.mod-blow-out .svg-ico,
.timeline-shift .shift-dropdown-text.mod-blow-out .svg-ico {
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 10px;
  fill: #FF4743;
  margin-top: -5px;
}
.timeline-shift .shift-notifications,
.timeline-shift .shift-dropdown-notifications {
  display: inline-block;
  margin: 0 -2.5px;
  padding: 0;
  list-style-type: none;
  vertical-align: top;
}
.timeline-shift .shift-notifications:after,
.timeline-shift .shift-dropdown-notifications:after {
  display: table;
  content: "";
  clear: both;
}
.timeline-shift .shift-notifications-item-holder {
  position: relative;
  float: left;
}
.timeline-shift .shift-notifications-item,
.timeline-shift .shift-dropdown-notifications-item {
  float: left;
  min-width: 25px;
  height: 19px;
  margin: 0 2.5px;
  padding: 0 2px;
  border-radius: 50px;
  color: #ccc;
  font-size: 0.625rem;
  line-height: 19px;
  text-align: center;
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-weight: bold;
}
.timeline-shift .shift-notifications-item.mod-red,
.timeline-shift .shift-dropdown-notifications-item.mod-red {
  color: #FF4743;
  border-color: #FF4743;
}
.timeline-shift .shift-notifications-item.mod-yellow,
.timeline-shift .shift-dropdown-notifications-item.mod-yellow {
  color: #FF9900;
  border-color: #FF9900;
}
.timeline-shift .shift-notifications-item.mod-green,
.timeline-shift .shift-dropdown-notifications-item.mod-green {
  color: #00BB28;
  border-color: #00BB28;
}
.timeline-shift .shift-list {
  position: relative;
  padding: 10px 10px 6px;
  box-sizing: border-box;
}
.timeline-shift .shift-tooltip {
  position: absolute;
  left: 100%;
  bottom: 100%;
  margin-left: -20px;
  margin-bottom: 20px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.23);
  border-radius: 4px;
}
.timeline-shift .shift-tooltip:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 10px;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  background: #fff;
  transform: rotate(45deg);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.23);
}
.timeline-shift .shift-tooltip-text {
  position: relative;
  display: block;
  z-index: 2;
  padding: 6px 13px;
  font-size: 0.875rem;
  color: #7E8FA5;
  background: #FFFFFF;
  border-radius: 4px;
  white-space: nowrap;
}
.timeline-shift .shift-dropdown {
  position: absolute;
  z-index: 99;
  padding: 16px;
  left: -28px;
  bottom: 100%;
  min-width: 158px;
}
.timeline-shift .shift-dropdown:after {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  left: 28px;
  bottom: 11px;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  transform: rotate(45deg);
}
.timeline-shift .shift-dropdown.mod-top-right {
  left: auto;
  right: -28px;
}
.timeline-shift .shift-dropdown.mod-top-right:after {
  left: auto;
  right: 28px;
}
.timeline-shift .shift-dropdown.mod-bottom-left, .timeline-shift .shift-dropdown.mod-bottom-right {
  top: 100%;
  bottom: auto;
}
.timeline-shift .shift-dropdown.mod-bottom-left:after, .timeline-shift .shift-dropdown.mod-bottom-right:after {
  top: 11px;
  bottom: auto;
}
.timeline-shift .shift-dropdown.mod-bottom-right {
  left: auto;
  right: -28px;
}
.timeline-shift .shift-dropdown.mod-bottom-right:after {
  top: 11px;
  bottom: auto;
  left: auto;
  right: 28px;
}
.timeline-shift .shift-dropdown-content {
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-sizing: border-box;
}
.timeline-shift .shift-dropdown-box {
  position: relative;
  z-index: 2;
  background: #fff;
  padding: 8px 18px 10px;
}
.timeline-shift .shift-dropdown-box:first-child {
  border-radius: 4px 4px 0 0;
}
.timeline-shift .shift-dropdown-box:last-child {
  border-radius: 0 0 4px 4px;
}
.timeline-shift .shift-dropdown-box-title {
  display: block;
  margin-top: -1px;
  padding: 13px 20px;
  color: #333C48;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  box-sizing: border-box;
  border-top: 1px solid #E7E9ED;
  border-bottom: 1px solid #E7E9ED;
  font-weight: bold;
}
.timeline-shift .shift-dropdown-box-comments {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}
.timeline-shift .shift-dropdown-box-comments:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  background: #ffffff;
  background: -moz-linear-gradient(top, transparent 0%, #fff 100%);
  background: -webkit-linear-gradient(top, transparent 0%, #fff 100%);
  background: linear-gradient(to bottom, transparent 0%, #fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="transparent", endColorstr="#ffffff",GradientType=0 );
}
.timeline-shift .shift-dropdown-box-link {
  border-top: 1px solid #E7E9ED;
}

.timeline-shift-wrap {
  display: flex;
}

.timeline-shift-user {
  position: absolute;
  margin-bottom: 5px;
  display: none;
  padding: 0 13px;
  font-size: 0.625rem;
  color: #FFFFFF;
  bottom: 100%;
  line-height: 2;
  background: #9B9B9B;
  border-radius: 100px;
  box-sizing: border-box;
  white-space: nowrap;
  font-weight: bold;
}

.timeline-shift .shift-ico {
  position: absolute;
  display: none;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background: rgba(0, 168, 255, 0.4);
  box-sizing: border-box;
}
.timeline-shift .shift-ico:after {
  position: absolute;
  content: "";
  top: 9px;
  right: 9px;
  width: 22px;
  height: 22px;
  background: url("/images/sprite.svg") -123px -221px;
}
.timeline-shift .shift-stripe-ico {
  position: absolute;
  z-index: 2;
  width: auto;
  height: 100%;
  background: repeating-linear-gradient(-45deg, #fff 0px, #fff 5px, #FEBDBC 5px, #FEBDBC 12px);
}
.timeline-shift .shift-stripe-ico.mod-right {
  left: auto;
  right: 0;
}
.timeline-shift .shift-stripe-ico .ico-text {
  position: absolute;
  left: 0;
  bottom: 100%;
  margin-bottom: 5px;
  width: 100%;
  font-size: 0.5625rem;
  color: #FF4743;
  white-space: nowrap;
  letter-spacing: 0.5px;
  font-weight: bold;
}

.highlight-shift-wrap {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 10;
}
.highlight-shift-wrap:after {
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  left: 0;
  margin: auto;
  display: inline-block;
  width: 3px;
  height: 10px;
  background-color: #000;
  z-index: -1;
}

.highlight-shift-ico {
  display: inline-block;
  width: 17px;
  height: 16px;
  fill: #F8E71C;
}

.highlight-shift-wrap.mod-red:after {
  content: none;
}
.highlight-shift-wrap.mod-red .highlight-shift-ico {
  fill: #FF4743;
}

.timeline-shift .shift-person-list-holder {
  padding: 0 4px 0 20px;
}
.timeline-shift .shift-person-headline {
  padding: 0 20px 5px;
}
.timeline-shift .shift-person-headline:after {
  display: table;
  content: "";
  clear: both;
}
.timeline-shift .shift-person-headline-title {
  float: left;
  margin-right: 5px;
  font-size: 0.875rem;
  color: #7E8FA5;
  letter-spacing: 0.07px;
}
.timeline-shift .shift-person-list {
  margin: 0;
  padding: 0 13px 0 0;
  list-style-type: none;
  overflow-y: auto;
  max-height: 199px;
  transform: translateZ(0);
}
.timeline-shift .shift-person-list::-webkit-scrollbar {
  width: 4px;
  transform: translateZ(0);
}
.timeline-shift .shift-person-list::-webkit-scrollbar-track {
  background: #D8D8D8;
  border-radius: 3px;
}
.timeline-shift .shift-person-list::-webkit-scrollbar-thumb {
  background: #919191;
  border-radius: 3px;
}
.timeline-shift .shift-person {
  position: relative;
  display: flex;
  min-height: 50px;
  padding: 4px 0 8px 40px;
  box-sizing: border-box;
  border-bottom: 1px solid #D8D8D8;
}
.timeline-shift .shift-person:last-child {
  border-bottom: 0;
}
.timeline-shift .shift-person-img {
  position: absolute;
  top: 8px;
  left: 0;
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  transform: translateZ(0);
}
.timeline-shift .shift-person-img img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}
.timeline-shift .shift-person-title {
  display: flex;
  padding-right: 10px;
  flex: 1;
  align-items: center;
  color: #333C48;
  font-size: 0.9375rem;
  line-height: 1.2;
}
.timeline-shift .shift-person-status {
  padding-top: 5px;
  align-items: flex-start;
  justify-content: flex-end;
  color: #FF4743;
  font-size: 0.5625rem;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.5px;
  font-weight: bold;
}
.timeline-shift .shift-person-status.mod-yellow {
  color: #FF9900;
  border-color: #FF9900;
}
.timeline-shift .shift-person-status.mod-green {
  color: #00BB28;
  border-color: #00BB28;
}

.timeline-shift .shift-notifications-dropdown {
  position: absolute;
  z-index: 99;
  width: 254px;
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.timeline-shift .shift-notifications-dropdown:after {
  position: absolute;
  z-index: 1;
  content: "";
  width: 15px;
  height: 15px;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  transform: rotate(45deg);
}
.timeline-shift .shift-notifications-dropdown.mod-top-left {
  left: -20px;
  bottom: 100%;
  margin-bottom: 13px;
}
.timeline-shift .shift-notifications-dropdown.mod-top-left:after {
  left: 27px;
  bottom: -7px;
}
.timeline-shift .shift-notifications-dropdown.mod-top-right {
  right: -20px;
  bottom: 100%;
  margin-bottom: 13px;
}
.timeline-shift .shift-notifications-dropdown.mod-top-right:after {
  right: 27px;
  bottom: -7px;
}
.timeline-shift .shift-notifications-dropdown.mod-bottom-left {
  left: -20px;
  top: 100%;
  margin-top: 13px;
}
.timeline-shift .shift-notifications-dropdown.mod-bottom-left:after {
  top: -7px;
  left: 27px;
}
.timeline-shift .shift-notifications-dropdown.mod-bottom-right {
  right: -20px;
  top: 100%;
  margin-top: 13px;
}
.timeline-shift .shift-notifications-dropdown.mod-bottom-right:after {
  top: -7px;
  right: 27px;
}
.timeline-shift .shift-notifications-dropdown-data {
  position: relative;
  display: block;
  padding: 17px 0 10px 0;
  z-index: 2;
  background: #fff;
  border-radius: 4px;
}

.timeline-data-booking-list.mod-collapsed .timeline-shift .shift-list {
  display: none;
}
.timeline-data-booking-list.mod-collapsed .category-btn.mod-collapse {
  transform: rotate(90deg);
}

.timeline-shift.mod-red:after {
  content: "";
  background-color: #FF4743;
}
.timeline-shift.mod-yellow:after {
  content: "";
  background-color: #FF9900;
}
.timeline-shift.mod-stripe-red .shift-stripe-ico {
  display: block;
}
.timeline-shift.mod-stripe-red .shift-box {
  background: none;
}
.timeline-shift.mod-stripe {
  background: repeating-linear-gradient(-45deg, #fff 0px, #fff 5px, #ECECEC 5px, #ECECEC 12px);
}
.timeline-shift.mod-stripe .shift-box {
  background: transparent;
}
.timeline-shift.mod-stripe-day-off {
  background: repeating-linear-gradient(-45deg, #ecfcef 0px, #ecfcef 5px, #F9E9CF 5px, #F9E9CF 12px);
}
.timeline-shift.mod-stripe-day-off .shift-box {
  background: transparent;
}
.timeline-shift.mod-available-work {
  padding: 0 3px;
  border: none;
  box-shadow: none;
  background-color: transparent;
}
.timeline-shift.mod-available-work .shift-box {
  display: flex;
  padding-left: 0;
  padding-right: 0;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  border: 1px dashed #D3D4D8;
  background-color: rgba(250, 249, 247, 0.6);
}
.timeline-shift.mod-available-work .shift-title {
  margin-bottom: 0;
  font-size: 0.8125rem;
  color: #333C48;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.timeline-shift.mod-available-work .svg-ico {
  width: 17px;
  height: 17px;
  min-width: 17px;
  margin-left: 6px;
  margin-right: 10px;
  margin-bottom: 3px;
  fill: #00BB28;
}
.timeline-shift.mod-available-work.mod-no-text .shift-title {
  display: none;
}

.timeline-shift.is-completed .shift-ico {
  display: block;
}

.shift-status-holder {
  position: relative;
  padding-right: 24px;
}
.shift-status-holder:after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("/images/sprite.svg") -135px -269px;
}

.shift-status {
  display: inline-block;
  margin: 0;
  font-size: 0.625rem;
  color: #7E8FA5;
  letter-spacing: 0.56px;
  line-height: 1;
  font-weight: bold;
}
.shift-status.mod-ttu {
  text-transform: uppercase;
}
.shift-status.mod-red {
  color: #FF4743;
}
.shift-status.mod-green {
  color: #19C23E;
}

.timeline-shift-empty {
  position: absolute;
  height: 40px;
  text-align: center;
  background: #FFFFFF;
  border: 1px dashed #00A8FF;
  border-radius: 2px;
  box-sizing: border-box;
}
.timeline-shift-empty.mod-green {
  border-color: #00BB28;
}

.timeline-shift-empty-text {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 40px;
  font-weight: 600;
}
.timeline-shift-empty-text .svg-ico {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  margin-top: -1px;
  transform: translateY(-50%);
}
.timeline-shift-empty-text .svg-ico-plus {
  width: 9px;
  height: 9px;
  fill: #7E8FA5;
}
.timeline-shift-empty-text .svg-ico-bag {
  width: 14px;
  height: 14px;
  fill: #7E8FA5;
  opacity: 0.5;
}

.timeline-shift-action {
  width: 50%;
  border-right: 1px dashed #00A8FF;
}
.timeline-shift-action:last-child {
  border-right: none;
}
.timeline-shift-action:hover {
  cursor: pointer;
}
.timeline-shift-action:hover .timeline-shift-empty-text {
  color: #00A8FF;
}
.timeline-shift-action .timeline-shift-empty-text {
  padding-left: 0;
}

.timeline.mod-7-days-view .timeline-shift.mod-small .shift-box {
  padding: 11px 0 2px;
}
.timeline.mod-7-days-view .timeline-shift.mod-available-work .shift-box {
  padding-left: 0;
  padding-right: 0;
}
.timeline.mod-7-days-view .timeline-shift .shift-box {
  padding: 3px 6px 1px;
}
.timeline.mod-7-days-view .timeline-shift .shift-notifications {
  white-space: nowrap;
  margin: 0 -0.5px;
}
.timeline.mod-7-days-view .timeline-shift .shift-notifications-item {
  float: none;
  display: inline-block;
  min-width: 25px;
  height: 19px;
  margin: 0 0.5px;
}
.timeline.mod-7-days-view .timeline-managers-list.mod-small {
  margin: 0;
  padding: 0;
  border: 0;
}
.timeline.mod-7-days-view .timeline-managers-list.mod-small .list-item {
  width: 18px;
  height: 18px;
}
.timeline.mod-7-days-view .timeline-managers-list.mod-small .list-item .person-placeholder-text:after {
  font-size: 0.5rem;
}
.timeline.mod-7-days-view .timeline-managers-list.mod-small .list-item .list-item-text {
  font-size: 0.6875rem;
}
.timeline.mod-7-days-view .timeline-managers-list.mod-small .list-item .list-item-text:before {
  display: none;
}
.timeline.mod-7-days-view .timeline-managers-list.mod-small .list-item .person-id {
  font-size: 0.375rem;
}
.timeline.mod-7-days-view .timeline-managers-list.mod-small .list-item .service-ico {
  transform: translateY(-50%) translateX(-50%) scale(0.6);
}
.timeline.mod-7-days-view .timeline-managers-list.mod-small .list-item.mod-num {
  margin-top: 2px;
  width: 18px;
  height: 18px;
  line-height: 16px;
  border: 0;
  box-shadow: 0 0 0 2px #00A8FF;
}
.timeline.mod-7-days-view .timeline-managers-list.mod-small .list-item.mod-num.mod-empty {
  margin-top: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  box-shadow: 0 0 0 2px #00A8FF;
}
.timeline.mod-7-days-view .timeline-managers-list.mod-small .list-item.mod-empty {
  box-shadow: 0 0 0 2px #FF4743;
}

.shift-category {
  display: inline-block;
  padding: 0 4px 0 5px;
  color: #FFFFFF;
  font-size: 0.625rem;
  background: #7E8FA5;
  border-radius: 100px;
  white-space: nowrap;
  vertical-align: middle;
  font-weight: bold;
}

.shift-title-list {
  position: relative;
  display: flex;
  margin: 0 -2px;
  align-items: center;
}

.shift-title-box {
  padding: 0 2px;
  overflow: hidden;
}
.shift-title-box:last-child {
  flex: 1;
}

.timeline-shift-modal {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  width: 240px;
  background: #fff;
  border: 1px solid #D3D4D8;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.35);
  border-radius: 3px;
  overflow: hidden;
}
.timeline-shift-modal.mod-red:after {
  position: absolute;
  z-index: 2;
  content: "";
  top: 0;
  width: 3px;
  height: 100%;
  border-radius: 2px 0 0 2px;
  background-color: #FF4743;
}
.timeline-shift-modal.is-dragged:before {
  position: absolute;
  z-index: 3;
  content: "";
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background-color: rgba(0, 168, 255, 0.4);
}
.timeline-shift-modal.mod-medium {
  width: 300px;
}
.timeline-shift-modal.mod-white .modal-actions {
  background: none;
}
.timeline-shift-modal .modal-content {
  padding: 10px 15px 2px;
}
.timeline-shift-modal .modal-content-box {
  padding-bottom: 9px;
  margin-bottom: 6px;
  border-bottom: 1px solid #EAECEF;
}
.timeline-shift-modal .modal-content-box:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.timeline-shift-modal .modal-actions {
  padding: 10px 15px;
  border-top: 1px solid #E7E9ED;
  background: #FAF9F7;
  border-radius: 0 2px 2px 0;
}
.timeline-shift-modal .modal-actions.mod-align-right {
  text-align: right;
}

.timeline-shift-modal .modal-headline {
  position: relative;
  padding: 5px 15px;
  background: #F9F8F6;
  border-bottom: 1px solid #E7E9ED;
  box-sizing: border-box;
  border-radius: 2px 2px 0 0;
}
.timeline-shift-modal .modal-headline.mod-img {
  padding: 12px 15px 13px 73px;
  background: none;
}
.timeline-shift-modal .modal-headline.mod-img .modal-headline-title {
  margin: 0;
  font-size: 1rem;
}
.timeline-shift-modal .modal-headline.mod-img .modal-headline-sign {
  margin: 0;
  font-size: 0.875rem;
  color: #333C48;
}
.timeline-shift-modal .modal-headline-img {
  position: absolute;
  top: 50%;
  left: 21px;
  width: 36px;
  height: 36px;
  margin-top: -18px;
}
.timeline-shift-modal .modal-headline-img img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}
.timeline-shift-modal .modal-headline-title {
  margin: 0 0 3px;
  font-size: 0.875rem;
  color: #333C48;
  font-weight: 600;
}
.timeline-shift-modal .modal-headline-sign:after {
  display: table;
  content: "";
  clear: both;
}
.timeline-shift-modal .modal-headline-sign-text {
  float: left;
  margin: 0 5px 0 0;
  font-size: 0.75rem;
  color: #7E8FA5;
}
.timeline-shift-modal .modal-headline-sign-val {
  float: left;
  margin: 0;
  font-size: 0.75rem;
  color: #333C48;
}
.timeline-shift-modal .modal-headline-status {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: #FFFFFF;
  border: 1px solid #979797;
  border-radius: 50%;
}

.timeline-shift-modal .modal-content-title {
  display: table;
  width: 100%;
  margin-bottom: 8px;
}
.timeline-shift-modal .modal-content-title:after {
  display: table;
  content: "";
  clear: both;
}
.timeline-shift-modal .modal-content-title .title-box {
  display: table-cell;
}
.timeline-shift-modal .modal-content-title .title-box:nth-child(2) {
  text-align: right;
}
.timeline-shift-modal .modal-content-title .title-text {
  display: inline-block;
  margin: 0;
  margin-right: 5px;
  font-size: 0.875rem;
  color: #7E8FA5;
  line-height: 19px;
  vertical-align: middle;
}
.timeline-shift-modal .modal-content-title .title-val {
  display: inline-block;
  margin: 0;
  padding: 0 9px;
  height: 19px;
  font-size: 0.625rem;
  color: #333C48;
  line-height: 19px;
  border: 1px solid #333C48;
  border-radius: 100px;
  vertical-align: middle;
  box-sizing: border-box;
  font-weight: bold;
}
.timeline-shift-modal .modal-content-title .title-btn {
  position: relative;
  margin: 0;
  display: inline-block;
  font-size: 0.875rem;
  color: #19C23E;
  cursor: pointer;
  font-weight: 600;
}
.timeline-shift-modal .modal-content-title .title-btn.mod-add {
  padding-left: 14px;
}
.timeline-shift-modal .modal-content-title .title-btn.mod-add:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: url("/images/sprite.svg") -12px -305px;
}

.timeline-shift-modal .modal-actions {
  padding: 10px 15px;
  border-top: 1px solid #E7E9ED;
  background: #FAF9F7;
  border-radius: 0 2px 2px 0;
}
.timeline-shift-modal .modal-actions.mod-align-right {
  text-align: right;
}
.timeline-shift-modal .modal-actions.mod-align-center {
  text-align: center;
}

.timeline-modal-holder {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.3);
}

.timeline-modal {
  position: absolute;
  top: 50px;
  left: 500px;
  margin-left: 15px;
  width: 433px;
  box-shadow: 0 0 13px 0 rgba(157, 157, 157, 0.5);
  border-radius: 2px;
}
.timeline-modal.mod-fixed-height {
  height: 494px;
  box-sizing: border-box;
}
.timeline-modal.mod-regular-center-align {
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin-left: 0;
}
.timeline-modal.mod-small {
  width: 270px;
}
.timeline-modal.mod-small .timeline-shift-info-item .item-title {
  width: 110px;
}
.timeline-modal.mod-small .timeline-modal-actions {
  padding: 10px 12px;
}
.timeline-modal.mod-red:after {
  position: absolute;
  z-index: 2;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 3px;
  background: #FF4743;
  border-radius: 2px 0 0 2px;
}
.timeline-modal.mod-large {
  z-index: 99;
  width: 628px;
  top: 100%;
  margin: 10px 0 0 0;
  left: -10px;
}
.timeline-modal.mod-large .timeline-modal-tabs-item {
  float: left;
  padding: 0 15px;
  width: auto;
}
.timeline-modal.mod-large .modal-tail {
  top: -8px;
  left: 85px;
}
.timeline-modal.mod-static {
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 628px;
  text-align: left;
  margin: 0;
}
.timeline-modal .modal-close {
  position: absolute;
  z-index: 2;
  top: 18px;
  right: 20px;
  cursor: pointer;
  width: 15px;
  height: 15px;
  background: url("/images/sprite.svg") -130px -289px;
}
.timeline-modal .modal-tail {
  position: absolute;
  content: "";
  z-index: 1;
  top: 160px;
  left: -8px;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  background: #FFFFFF;
  box-shadow: 0 0 13px 0 rgba(157, 157, 157, 0.5);
}
.timeline-modal .timeline-modal-data {
  position: relative;
  z-index: 2;
  background: #FFFFFF;
  border-radius: 4px;
  box-sizing: border-box;
}
.timeline-modal .timeline-modal-data.mod-tabs {
  padding-top: 48px;
  height: 100%;
  overflow: hidden;
}
.timeline-modal .timeline-modal-data.mod-pt-0 {
  padding-top: 0;
}
.timeline-modal .timeline-modal-item-type {
  position: relative;
  padding-left: 19px;
  font-size: 0.875rem;
  color: #FF4743;
  box-sizing: border-box;
  font-weight: bold;
}
.timeline-modal .timeline-modal-item-type .svg-ico {
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  fill: #FF4743;
  margin-top: -6px;
}

.modal-content {
  height: 100%;
  border-bottom: 1px solid #EAECEF;
}
.modal-content:last-child {
  border-bottom: 0;
}
.modal-content.mod-with-actions {
  position: relative;
  padding-bottom: 60px;
  box-sizing: border-box;
}
.modal-content.mod-booking-total {
  padding-bottom: 101px;
}
.modal-content.mod-padding {
  min-height: 0;
  padding: 10px 15px;
}
.modal-content.mod-small-padding {
  padding: 8px 10px;
}
.modal-content.mod-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-content.mod-flex-column {
  display: flex;
  flex-direction: column;
}

.timeline-modal-headline {
  display: table;
  width: 100%;
  padding: 16px 15px 16px;
  height: 51px;
  background: #F9F8F6;
  border-bottom: 1px solid #E7E9ED;
  box-sizing: border-box;
}
.timeline-modal-headline .headline-box {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.timeline-modal-headline .headline-title {
  margin: 0;
  font-size: 0.875rem;
  color: #333C48;
  line-height: 1.4;
  font-weight: 600;
}
.timeline-modal-headline .headline-title.mod-large {
  font-size: 1rem;
}
.timeline-modal-headline .headline-sign {
  margin: 0;
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 600;
}
.timeline-modal-headline .headline-sign.mod-large {
  font-size: 1rem;
}

.timeline-modal-actions {
  display: table;
  width: 100%;
  margin-top: -1px;
  padding: 12px 20px;
  background-color: #ffffff;
  border-top: 1px solid #DEE2E6;
  box-sizing: border-box;
}
.timeline-modal-actions:after {
  display: table;
  content: "";
  clear: both;
}
.timeline-modal-actions.mod-align-center {
  text-align: center;
}
.timeline-modal-actions.mod-gray-bg {
  background: #F8F9FA;
}
.timeline-modal-actions.mod-absolute {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.timeline-modal-actions .actions-box {
  display: table-cell;
  vertical-align: middle;
}
.timeline-modal-actions .actions-box:last-child {
  text-align: right;
}
.timeline-modal-actions .actions-box:last-child .btn {
  margin-left: 10px;
  vertical-align: middle;
}
.timeline-modal-actions .actions-box .btn {
  vertical-align: middle;
}

.timeline-modal-tabs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  height: 48px;
  border-bottom: 1px solid #E7E9ED;
  background-color: #F8F9FA;
  box-sizing: border-box;
}
.timeline-modal-tabs:after {
  display: table;
  content: "";
  clear: both;
}

.timeline-modal-tabs-item {
  flex: 1 auto;
  padding: 0 8px;
  height: 100%;
  text-align: center;
  box-sizing: border-box;
}
.timeline-modal-tabs-item .item-link {
  position: relative;
  display: block;
  height: 100%;
  color: #7E8FA5;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
}
.timeline-modal-tabs-item .item-link.is-active {
  color: #373F51;
  font-weight: bold;
}
.timeline-modal-tabs-item .item-link.is-active .item-link-box:after {
  content: "";
}
.timeline-modal-tabs-item .item-link .item-link-count {
  display: inline-block;
  min-width: 18px;
  height: 22px;
  padding: 0 2px;
  margin-left: 5px;
  font-size: 0.75rem;
  line-height: 23px;
  color: #FFFFFF;
  background-color: #FF7800;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  font-weight: bold;
}
.timeline-modal-tabs-item .item-link .item-link-text {
  position: relative;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 17px;
  vertical-align: middle;
}
.timeline-modal-tabs-item .item-link .item-link-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 0;
  box-sizing: border-box;
  height: 100%;
}
.timeline-modal-tabs-item .item-link .item-link-box:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #00A8FF;
}

.timeline-modal-tabs-content {
  height: 100%;
}

.timeline-modal-msg-holder {
  display: table;
  width: 100%;
  height: 414px;
  padding: 15px 30px;
  box-sizing: border-box;
}

.timeline-modal-msg {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.timeline-modal-msg .msg-text {
  margin-bottom: 20px;
  color: #333C48;
  font-size: 1rem;
  line-height: 1.25;
}
.timeline-modal-msg .msg-actions .btn {
  margin: 0 5px;
}

.timeline-popup-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 20;
}

.timeline-popup {
  padding: 85px 20px 0;
}

.timeline-popup-wrap {
  padding: 20px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
}

.timeline-popup-label {
  display: block;
  margin-bottom: 5px;
  color: #7E8FA5;
  font-size: 1rem;
}

.timeline-popup-select {
  width: 100%;
  margin-bottom: 30px;
}
.timeline-popup-select .dropdown {
  width: 100%;
}
.timeline-popup-select .dropdown .dropdown-current {
  width: 100%;
}

.timeline-popup-btn-wrap {
  display: flex;
  justify-content: space-between;
}

.timeline-statistic-title {
  margin: 0;
  font-size: 0.875rem;
  color: #333C48;
}

.timeline-statistic-item .item-data {
  width: 100%;
}
.timeline-statistic-item .item-title {
  display: inline-block;
  margin: 0 5px 0 0;
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 1.4;
  vertical-align: top;
}
.timeline-statistic-item .item-val {
  display: inline-block;
  vertical-align: top;
}
.timeline-statistic-item .item-val-text {
  display: inline-block;
  margin-right: 9px;
  color: #333C48;
  font-size: 0.875rem;
  line-height: 1.4;
  vertical-align: top;
}
.timeline-statistic-item .item-val-status {
  display: inline-block;
  font-size: 0.5625rem;
  color: #FF4743;
  letter-spacing: 0.5px;
  line-height: 2.35;
  vertical-align: top;
  font-weight: bold;
}

.timeline-shift-info {
  padding: 0 16px;
  height: 100%;
  overflow: auto;
}
.timeline-shift-info::-webkit-scrollbar {
  width: 4px;
  border-radius: 3px;
}
.timeline-shift-info::-webkit-scrollbar-track {
  background: #fff;
  border-right: 0;
  border-radius: 2px;
}
.timeline-shift-info::-webkit-scrollbar-thumb {
  background: #D8D8D8;
  border-right: 0;
  border-radius: 2px;
}

.timeline-shift-info-box {
  padding: 10px 0;
}
.timeline-shift-info-box:not(:last-child) {
  border-bottom: 1px solid #DEE2E6;
}

.timeline-shift-info-text-holder.is-error .form-msg {
  display: block;
}
.timeline-shift-info-text-holder .form-msg {
  position: relative;
  top: 0;
  left: 0;
  margin: 5px 0 0;
  padding: 5px 0 0;
  color: #FF4743;
  border-top: 1px solid #FF4743;
}
.timeline-shift-info-text-holder .form-msg:hover {
  padding: 5px 0 0;
  margin: 5px 0 0;
  border-radius: 0;
}

.timeline-shift-info-text {
  margin: 0 0 10px;
  outline: none;
  font-size: 1rem;
  line-height: 1.42;
  color: #333C48;
  word-break: break-word;
}
.timeline-shift-info-text.mod-small {
  font-size: 0.875rem;
  margin-bottom: 0;
}
.timeline-shift-info-text:empty:before {
  content: attr(placeholder);
  color: #7E8FA5;
}

.timeline-shift-info-item {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.timeline-shift-info-item .item-title {
  padding-right: 10px;
  width: 125px;
  text-align: left;
  font-size: 0.875rem;
  color: #7E8FA5;
  line-height: 26px;
  vertical-align: top;
  box-sizing: border-box;
  display: table-cell;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.timeline-shift-info-item .item-title.mod-disabled-no-wrap {
  text-overflow: initial;
  white-space: normal;
  overflow: initial;
}
.timeline-shift-info-item .item-title.mod-short {
  width: 115px;
}
.timeline-shift-info-item .item-title-text {
  display: inline;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.timeline-shift-info-item .item-val {
  display: table-cell;
  text-align: left;
  vertical-align: top;
}
.timeline-shift-info-item .item-val.mod-input {
  display: block;
  margin-left: -5px;
}
.timeline-shift-info-item .item-val.mod-full {
  width: 100%;
}
.timeline-shift-info-item .item-val.mod-full .item-val-data {
  width: 100%;
}
.timeline-shift-info-item .item-val.mod-full .item-val-box {
  width: 100%;
}
.timeline-shift-info-item .item-val.mod-full .item-val-text {
  width: 100%;
}

.timeline-shift-info-resource {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding-left: 45px;
  width: 100%;
  height: 30px;
  table-layout: fixed;
  box-sizing: border-box;
}
.timeline-shift-info-resource .service-ico {
  margin-right: 10px;
}

.timeline-shift-info-resource-title {
  font-size: 1rem;
}

.timeline-shift-info-list {
  margin-bottom: 4px;
}

.timeline-shift-info-subgroup {
  display: block;
  padding-left: 7px;
  border-left: 1px solid #E7E9ED;
}

.timeline-shift-info-item .item-val-data {
  display: inline-block;
  vertical-align: middle;
}
.timeline-shift-info-item .item-val-data .item-val-box {
  position: relative;
  z-index: 1;
  display: inline-block;
  height: 28px;
  vertical-align: top;
}
.timeline-shift-info-item .item-val-data .item-val-box:not(:last-child) {
  margin-right: 36px;
}
.timeline-shift-info-item .item-val-data .item-val-box + .item-val-box:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -17px;
  width: 3px;
  height: 3px;
  background-color: #C5D0DF;
}
.timeline-shift-info-item .item-val-data .item-val-box.is-error .item-val-error-msg {
  display: block;
}
.timeline-shift-info-item .item-val-data .item-val-box.is-error .form-input {
  border-color: #FF4743;
}
.timeline-shift-info-item .item-val-data .item-val-box.is-disabled {
  pointer-events: none;
}
.timeline-shift-info-item .item-val-data .item-val-box.is-disabled .item-val-text {
  color: #AFB2B9;
}
.timeline-shift-info-item .item-val-data .item-val-box.is-active {
  z-index: 6;
}
.timeline-shift-info-item .item-val-data .item-val-box.mod-small {
  width: 28px;
}
.timeline-shift-info-item .item-val-data .item-val-box.mod-extended .item-val-text {
  z-index: 1;
}
.timeline-shift-info-item .item-val-data .item-val-box.mod-extended .item-dd {
  z-index: 2;
  padding-top: 7px;
}
.timeline-shift-info-item .item-val-data .item-val-box.mod-extended .item-box .item-val-text {
  z-index: 2;
}
.timeline-shift-info-item .item-val-data .item-val-box.mod-extended .item-box .item-dd {
  z-index: 1;
  padding-top: 32px;
}
.timeline-shift-info-item .item-val-data .item-val-box.mod-disable-margin-right {
  margin-right: 0;
}
.timeline-shift-info-item .item-val-data .item-val-box.mod-disable-hover {
  pointer-events: none;
}
.timeline-shift-info-item .item-val-data .item-val-text {
  position: relative;
  display: block !important;
  float: left;
  z-index: 2;
  width: 85px;
  height: 28px;
  font-size: 14px;
  color: #333C48;
  line-height: 26px;
  cursor: pointer;
  outline: none;
  vertical-align: top;
  border: 1px solid transparent;
  box-sizing: border-box;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.timeline-shift-info-item .item-val-data .item-val-text:hover {
  color: #00A8FF;
}
.timeline-shift-info-item .item-val-data .item-val-text.hide {
  opacity: 0;
}
.timeline-shift-info-item .item-val-data .item-val-text.mod-exlarge {
  width: 108px;
}
.timeline-shift-info-item .item-val-data .item-val-text.mod-exsmall {
  width: 28px;
}
.timeline-shift-info-item .item-val-data .item-val-text.mod-small {
  width: 50px;
}
.timeline-shift-info-item .item-val-data .item-val-text.mod-padding {
  padding-left: 5px;
}
.timeline-shift-info-item .item-val-data .item-val-text.mod-full {
  width: 100%;
  cursor: default;
}
.timeline-shift-info-item .item-val-data .item-val-text.mod-border {
  float: left;
  width: 20px;
  padding: 0;
  text-align: center;
  border-bottom: 1px dashed #00A8FF;
}
.timeline-shift-info-item .item-val-data .item-val-text.mod-gray {
  position: relative;
  z-index: 3;
  padding: 0;
  width: auto;
  color: #7E8FA5;
}
.timeline-shift-info-item .item-val-data .item-val-text.mod-ico {
  width: auto;
  padding-right: 14px;
}
.timeline-shift-info-item .item-val-data .item-val-text.mod-ico:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.timeline-shift-info-item .item-val-data .item-val-text.mod-green {
  color: #00B415;
}
.timeline-shift-info-item .item-val-data .item-val-text.mod-green:after {
  width: 10px;
  height: 8px;
  background: url("/images/sprite.svg") -309px -72px;
}
.timeline-shift-info-item .item-val-data .item-val-text.mod-red {
  color: #FF4743;
}
.timeline-shift-info-item .item-val-data .item-val-text.mod-red:after {
  width: 10px;
  height: 8px;
  background: url("/images/sprite.svg") -309px -80px;
}
.timeline-shift-info-item .item-val-data .item-val-text.mod-yellow {
  color: #FFA319;
}
.timeline-shift-info-item .item-val-data .item-val-text.mod-yellow-bg {
  background: #FEEACD;
}
.timeline-shift-info-item .item-val-data .item-val-text.mod-placeholder {
  color: #AFB2B9;
}
.timeline-shift-info-item .item-val-data .item-input {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: -5px;
  width: 100%;
  padding-left: 5px;
  transform: translateY(-50%);
}
.timeline-shift-info-item .item-val-data .item-input.mod-static {
  left: 0;
  margin-top: 1px;
}
.timeline-shift-info-item .item-val-data .item-input.mod-ico .form-input {
  padding-left: 14px;
}
.timeline-shift-info-item .item-val-data .item-input .form-input {
  padding: 2px 5px 3px;
  width: 100%;
  font-size: 0.875rem;
  color: #333C48;
  background-color: #fff;
  box-sizing: border-box;
}
.timeline-shift-info-item .item-val-data .item-input .form-msg {
  display: none;
}
.timeline-shift-info-item .item-val-data .item-dd {
  position: absolute;
  top: -5px;
  left: -10px;
  min-width: calc(100% + 10px);
  padding: 32px 10px 10px;
  background: #FFFFFF;
  border: 1px solid #DFE3E9;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  border-radius: 2px;
}
.timeline-shift-info-item .item-val-data .item-dd.item-dd-btn {
  padding: 0;
}
.timeline-shift-info-item .item-val-data .item-dd .item-dd-wrap {
  padding: 32px 10px 10px;
}
.timeline-shift-info-item .item-val-data .item-dd .dd-item-title {
  display: inline-block;
  font-size: 14px;
  margin: 0 0 7px 0;
  color: #7E8FA5;
  line-height: 1.2;
  cursor: pointer;
  outline: none;
}
.timeline-shift-info-item .item-val-data .item-dd .dd-item {
  display: block;
  font-size: 14px;
  margin: 0 0 7px 0;
  color: #333C48;
  line-height: 1.2;
  cursor: pointer;
  outline: none;
}
.timeline-shift-info-item .item-val-data .item-dd .dd-item:last-child {
  margin-bottom: 0;
}
.timeline-shift-info-item .item-val-data .item-dd .dd-item:hover {
  color: #00A8FF;
}
.timeline-shift-info-item .item-val-data .item-dd .dd-item.mod-add {
  padding: 10px;
  text-align: center;
  border-top: 1px solid #EAECEF;
}
.timeline-shift-info-item .item-val-data .item-dd .dd-box {
  display: block;
  white-space: nowrap;
}
.timeline-shift-info-item .item-val-data .item-dd .dd-box:last-child .dd-item {
  margin-bottom: 0;
}
.timeline-shift-info-item .item-val-data .item-dd .dd-box:last-child .dd-item-title {
  margin-bottom: 0;
}
.timeline-shift-info-item .item-val-data .item-dd .dd-box .dd-item-title {
  width: 80px;
}
.timeline-shift-info-item .item-val-data .item-dd .dd-tabs {
  padding: 0;
  margin: 8px -1px 0;
  list-style: none;
  white-space: nowrap;
}
.timeline-shift-info-item .item-val-data .item-dd .dd-tabs .tabs-item-holder {
  display: inline-block;
  padding: 0 1px;
  box-sizing: border-box;
}
.timeline-shift-info-item .item-val-data .item-dd .dd-tabs .tabs-item {
  width: 24px;
  height: 21px;
  padding: 0;
  font-size: 0.875rem;
  color: #333C48;
  background-image: linear-gradient(-180deg, #FFFFFF 0%, #F8F8F8 85%, #F6F6F6 100%);
  border: 1px solid #F2F4F5;
  border-radius: 2px;
  box-sizing: border-box;
  text-transform: uppercase;
  cursor: pointer;
}
.timeline-shift-info-item .item-val-data .item-dd .dd-tabs .tabs-item.is-active {
  color: #00A8FF;
  border-color: #00A8FF;
}
.timeline-shift-info-item .item-val-error-msg {
  position: absolute;
  display: none;
  right: -15px;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background: url("/images/sprite.svg") -48px -289px;
}
.timeline-shift-info-item .item-val-error-msg:hover .item-val-error-msg-text {
  display: block;
}
.timeline-shift-info-item .item-val-error-msg-text {
  position: absolute;
  display: none;
  left: 50%;
  margin-bottom: 7px;
  bottom: 100%;
  text-align: center;
  font-size: 0.875rem;
  color: #FFFFFF;
  background: #FF4743;
  border-radius: 3px;
  transform: translateX(-50%);
}
.timeline-shift-info-item .item-val-error-msg-text:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-top: -8px;
  background: #FF4743;
  transform: translateX(-50%) rotate(45deg);
}
.timeline-shift-info-item .item-val-error-msg-text span {
  position: relative;
  z-index: 2;
  display: block;
  background: #FF4743;
  width: 165px;
  border-radius: 3px;
}

.timeline-shift-info-item .datepicker-holder {
  right: 50%;
  transform: translateX(50%);
}
.timeline-shift-info-item .datepicker-holder:after {
  top: -10px;
  right: 50%;
  transform: rotate(45deg) translateX(50%);
  transform-origin: center;
}

.timeline-shift-info-alert {
  position: relative;
  display: block;
  padding: 8px 18px 8px 34px;
  max-width: 296px;
  color: #7E8FA5;
  font-size: 0.8125rem;
  line-height: 1.23;
  border-radius: 4px;
  background: #F8F9FA;
  border: 1px dashed #DBDFE5;
  box-sizing: border-box;
}

.temeline-shift-info-alert-ico {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
}

.timeline-employee {
  height: 100%;
  padding: 10px 16px 0 16px;
  box-sizing: border-box;
}
.timeline-employee.mod-scrolled {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.timeline-employee.mod-scrolled::-webkit-scrollbar {
  width: 4px;
  border-radius: 3px;
}
.timeline-employee.mod-scrolled::-webkit-scrollbar-track {
  background: #fff;
  border-right: 0;
  border-radius: 2px;
}
.timeline-employee.mod-scrolled::-webkit-scrollbar-thumb {
  background: #D8D8D8;
  border-right: 0;
  border-radius: 2px;
}
.timeline-employee.mod-gray-bg {
  background-color: #FAFAFA;
}
.timeline-employee.mod-loader {
  min-height: 300px;
  background: url("/images/loader.svg") no-repeat;
  background-position: 50%;
}

.timeline-employee-add {
  display: inline-block;
  position: relative;
  padding: 0 0 0 16px;
  margin-bottom: 5px;
  font-size: 0.875rem;
  color: #19C23E;
  cursor: pointer;
  vertical-align: middle;
  font-weight: 600;
}
.timeline-employee-add:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: url("/images/sprite.svg") -12px -305px;
}

.timeline-employee-headline {
  display: table;
  width: 100%;
}
.timeline-employee-headline .headline-box {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
.timeline-employee-headline .headline-box:last-child {
  text-align: right;
}

.timeline-employee-back {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  color: #9B9B9B;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 600;
}
.timeline-employee-back:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  margin-top: -9px;
  width: 12px;
  height: 16px;
  background: url("/images/sprite.svg") -64px -289px;
}

.timeline-employee-statistic {
  display: inline-block;
  margin: 0 0 5px;
  padding: 0;
  vertical-align: middle;
  list-style: none;
}
.timeline-employee-statistic:after {
  display: table;
  content: "";
  clear: both;
}
.timeline-employee-statistic .statistic-item {
  float: left;
  font-size: 0.875rem;
  line-height: 1.2;
}
.timeline-employee-statistic .statistic-item .item-title {
  margin-right: 5px;
  color: #979797;
}
.timeline-employee-statistic .statistic-item .item-val {
  color: #333C48;
  font-weight: 600;
}
.timeline-employee-statistic .statistic-item .item-link {
  color: #00A8FF;
  cursor: pointer;
}

.timeline-managers-list {
  margin: 0 0 16px;
  padding: 0 0 15px;
  list-style-type: none;
  vertical-align: top;
  border-bottom: 1px solid #E7E9ED;
}
.timeline-managers-list:after {
  display: table;
  content: "";
  clear: both;
}
.timeline-managers-list.mod-small {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
}
.timeline-managers-list.mod-small .list-item {
  margin-right: 0;
  margin-bottom: 0;
  width: 26px;
  height: 26px;
}
.timeline-managers-list.mod-small .list-item .service-ico {
  transform: translateY(-50%) translateX(-50%) scale(0.8);
}
.timeline-managers-list.mod-small .list-item.mod-num {
  margin-top: 2px;
  width: 26px;
  height: 26px;
  line-height: 24px;
  border: 0;
  box-shadow: 0 0 0 2px #00A8FF;
}
.timeline-managers-list.mod-small .list-item.mod-num.mod-empty {
  margin-top: 0;
  width: 26px;
  height: 26px;
  line-height: 24px;
  box-shadow: 0 0 0 2px #00A8FF;
}
.timeline-managers-list.mod-small .list-item.mod-empty {
  box-shadow: 0 0 0 2px #FF4743;
}
.timeline-managers-list .list-item {
  position: relative;
  float: left;
  width: 36px;
  height: 36px;
  margin-bottom: 19px;
  margin-right: -8px;
  background: #fff;
  box-shadow: 0 0 0 2px #fff;
  border-radius: 50%;
}
.timeline-managers-list .list-item.mod-num {
  box-shadow: 0 0 0 1px #00A8FF;
  font-size: 0.875rem;
  color: #00A8FF;
  line-height: 38px;
  text-align: center;
  background: #fff;
  font-weight: bold;
}
.timeline-managers-list .list-item .list-item-img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
}
.timeline-managers-list .list-item .list-item-text {
  display: inline-block;
}
.timeline-managers-list .list-item .list-item-text:before {
  display: inline-block;
  position: relative;
  top: 1px;
  content: "";
  width: 11px;
  height: 12px;
  background: url("/images/sprite.svg") -309px -26px;
}
.timeline-managers-list .list-item img {
  display: inline-block;
  vertical-align: top;
}

.timeline-employee-search-holder {
  display: flex;
}

.timeline-employee-search {
  display: flex;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #D1D3D9;
  border-radius: 2px;
  box-sizing: border-box;
}
.timeline-employee-search.mod-flex {
  flex: 1;
  margin-right: 15px;
}
.timeline-employee-search.mod-padding {
  padding-right: 15px;
}
.timeline-employee-search .search-input-holder {
  position: relative;
  flex: 1;
  vertical-align: middle;
}
.timeline-employee-search .search-input-holder:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 7px;
  transform: translateY(-50%);
  width: 19px;
  height: 20px;
  background: url("/images/sprite.svg") -60px -249px;
}
.timeline-employee-search .search-input {
  display: block;
  padding: 8px 15px 8px 30px;
  width: 100%;
  color: #333C48;
  font-size: 0.875rem;
  line-height: 1.25;
  box-sizing: border-box;
}
.timeline-employee-search .search-input::-webkit-input-placeholder {
  color: #999DA3;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.timeline-employee-search .search-input:-moz-placeholder {
  color: #999DA3;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.timeline-employee-search .search-input::-moz-placeholder {
  color: #999DA3;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}
.timeline-employee-search .search-input:-ms-input-placeholder {
  color: #999DA3;
  font-size: inherit;
  font-family: inherit;
  transition: color 0.3s ease;
}

.timeline-employee-search .search-dropdown-holder {
  display: table-cell;
  position: relative;
  width: 130px;
  box-sizing: border-box;
}
.timeline-employee-search .search-dropdown {
  display: block;
}
.timeline-employee-search .search-dropdown.is-active .dropdown-list {
  display: block;
}
.timeline-employee-search .search-dropdown .dropdown-current {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0 25px 0 15px;
  font-size: 0.875rem;
  color: #333C48;
  line-height: 33px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.timeline-employee-search .search-dropdown .dropdown-current:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: #D8D8D8;
}
.timeline-employee-search .search-dropdown .dropdown-current:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 8px;
  margin-top: -4px;
  width: 12px;
  height: 9px;
  background: url("/images/sprite.svg") -215px -289px;
}
.timeline-employee-search .search-dropdown .dropdown-list {
  position: absolute;
  display: none;
  z-index: 99;
  top: 100%;
  max-width: 370px;
  margin: 5px 0 0 0;
  padding: 10px 0;
  font-size: 1rem;
  line-height: 1.2;
  color: #333C48;
  list-style-type: none;
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  box-sizing: border-box;
  border: 1px solid #DFE3E9;
  border-radius: 4px;
}
.timeline-employee-search .search-dropdown .dropdown-list .list-item {
  max-width: 100%;
  padding: 7px 10px;
  cursor: pointer;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.timeline-employee-search .search-dropdown .dropdown-list .list-item:hover {
  color: #00A8FF;
  background: #F5F8FB;
}
.timeline-employee-search .search-dropdown .dropdown-list .list-item:last-child {
  margin-bottom: 0;
}

.timeline-agenda-title {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}
.timeline-agenda-title .title-box {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
.timeline-agenda-title .title-box:last-child {
  text-align: right;
}
.timeline-agenda-title .title-item {
  margin-bottom: 0;
}
.timeline-agenda-title .title-text {
  display: inline-block;
  color: #4D5262;
  font-size: 0.875rem;
  line-height: 1.2;
  vertical-align: middle;
}

.timeline-agenda-item {
  position: relative;
  margin-bottom: 10px;
  background: #FFFFFF;
  border: 1px solid #E7E9ED;
  box-shadow: 0px 0px 10px rgba(55, 63, 81, 0.1);
  border-radius: 2px;
}
.timeline-agenda-item.mod-stripe .agenda-item-data {
  background: repeating-linear-gradient(-45deg, #fff 0px, #fff 5px, #ECECEC 5px, #ECECEC 12px);
}
.timeline-agenda-item .settings-dropdown {
  top: 25px;
  right: 5px;
}
.timeline-agenda-item .agenda-item-data {
  position: relative;
  z-index: 2;
  padding: 10px;
  border-bottom: 1px solid #E7E9ED;
}
.timeline-agenda-item .agenda-item-info {
  position: relative;
  margin-bottom: 17px;
  padding-left: 40px;
}
.timeline-agenda-item .agenda-btn {
  color: #7E8FA5;
}

.timeline-agenda-item .agenda-item-title {
  margin: 0;
  font-size: 0.75rem;
  color: #4D5262;
  line-height: 1.25;
  font-weight: bold;
}
.timeline-agenda-item .agenda-item-title.mod-ico {
  position: relative;
  padding-left: 20px;
}
.timeline-agenda-item .agenda-item-title.mod-ico.mod-green .svg-ico {
  fill: #00BB28;
}
.timeline-agenda-item .agenda-item-title.mod-ico.mod-red .svg-ico {
  fill: #FF4743;
}
.timeline-agenda-item .agenda-item-title.mod-ico .svg-ico {
  position: absolute;
  top: 2px;
  left: 0;
  width: 14px;
  height: 14px;
  fill: #7E8FA5;
}
.timeline-agenda-item .agenda-item-title-sign {
  margin: 0;
  font-size: 0.75rem;
  color: #4D5262;
  line-height: 1.25;
}

.timeline-agenda-item .agenda-item-box-list {
  display: table;
  width: 100%;
}
.timeline-agenda-item .agenda-item-box {
  display: table-cell;
  vertical-align: top;
  width: 50%;
}
.timeline-agenda-item .agenda-item-box:last-child {
  text-align: right;
}
.timeline-agenda-item .agenda-item-box-wrapper {
  position: relative;
}

.timeline-agenda-item.mod-large {
  margin-bottom: 20px;
}
.timeline-agenda-item.mod-large .agenda-item-data {
  padding: 15px;
  margin-bottom: -1px;
  z-index: auto;
}
.timeline-agenda-item.mod-large .agenda-item-info {
  padding: 0 50px;
  margin-bottom: 10px;
}
.timeline-agenda-item.mod-large .agenda-item-img {
  top: 50%;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  border: 0;
  border-radius: 50px;
}
.timeline-agenda-item.mod-large .agenda-item-title {
  margin-bottom: -4px;
  font-size: 1rem;
  font-weight: 600;
}
.timeline-agenda-item.mod-large .agenda-item-text-title {
  color: #7E8FA5;
  font-size: 0.875rem;
}
.timeline-agenda-item.mod-large .agenda-item-text-val {
  color: #4D5262;
  font-size: 0.875rem;
  font-weight: 600;
}
.timeline-agenda-item.mod-large .agenda-item-btn {
  padding: 8px 15px;
}
.timeline-agenda-item.is-split .agenda-item-data {
  border: 1px solid #FF4743;
}

.timeline-agenda-item .agenda-item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #E7E9ED;
}
.timeline-agenda-item .agenda-item-img img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.timeline-agenda-item .agenda-item-btn {
  position: relative;
  display: block;
  width: 100%;
  padding: 5px 15px;
  margin-top: -1px;
  border-top: 1px solid #E7E9ED;
  border-radius: 0 0 2px 2px;
  background-color: #F8F9FA;
  box-sizing: border-box;
}
.timeline-agenda-item .agenda-item-btn-text {
  font-size: 15px;
  line-height: 20px;
  color: #7E8FA5;
}

.timeline-agenda-item .agenda-item-text-val-holder {
  position: relative;
}

.timeline-agenda-item .agenda-item-text-title {
  display: inline-block;
  margin-right: 5px;
  font-size: 0.75rem;
  line-height: 1.25;
  vertical-align: middle;
}

.timeline-agenda-item .agenda-item-text-val {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  font-size: 0.75rem;
  line-height: 1.25;
  vertical-align: middle;
}
.timeline-agenda-item .agenda-item-text-val.mod-blue {
  color: #00A8FF;
}

.timeline-agenda-item .agenda-item-text-status {
  display: inline-block;
  height: 22px;
  padding: 0 10px;
  font-size: 0.5625rem;
  color: #FF4743;
  letter-spacing: 0.5px;
  line-height: 22px;
  border: 1px solid #FF4743;
  border-radius: 100px;
  box-sizing: border-box;
  vertical-align: middle;
  font-weight: bold;
}

.timeline-agenda-item .agenda-item-text-list:after {
  display: table;
  content: "";
  clear: both;
}
.timeline-agenda-item .agenda-item-text-list .agenda-item-text {
  float: left;
  margin-right: 20px;
}
.timeline-agenda-item .agenda-item-text-list .agenda-item-text:last-child {
  margin-right: 0;
}

.agenda-item-text-val-dd {
  position: absolute;
  z-index: 99;
  top: -6px;
  left: -6px;
  padding: 10px 16px 10px 12px;
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  border-radius: 4px;
  box-sizing: border-box;
}
.agenda-item-text-val-dd .modal-content {
  border-bottom: 0;
}
.agenda-item-text-val-dd.mod-modal {
  height: auto;
  padding: 0;
  width: 316px;
}
.agenda-item-text-val-dd.mod-modal .timeline-shift-info {
  height: auto;
  overflow: initial;
}
.agenda-item-text-val-dd.mod-modal .timeline-shift-info-box {
  padding: 11px 0;
}
.agenda-item-text-val-dd.mod-modal .timeline-shift-info-box .item-val-box:not(:last-child) {
  margin-right: 32px;
}
.agenda-item-text-val-dd.mod-modal .timeline-shift-info-text {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
  color: #373F51;
}
.agenda-item-text-val-dd.mod-modal .timeline-modal-actions {
  border-top: 0;
  padding: 7px 8px;
  margin-top: 0;
  border-radius: 0 0 4px 4px;
}
.agenda-item-text-val-dd.mod-modal .item-title {
  width: 80px;
}
.agenda-item-text-val-dd.mod-modal .item-title.mod-short {
  width: 100px;
}
.agenda-item-text-val-dd.mod-right {
  top: 100%;
  left: 0;
  margin-top: 14px;
  margin-left: 13px;
}
.agenda-item-text-val-dd.mod-top-right {
  top: 0;
  right: 0;
  left: auto;
}
.agenda-item-text-val-dd.mod-invoice {
  top: 80%;
  left: auto;
  right: 54px;
  margin-top: 0;
}
.agenda-item-text-val-dd .dd-title {
  margin: 0 0 5px;
  color: #59606A;
  font-size: 0.8125rem;
  line-height: 1.2;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.agenda-item-text-val-dd .dd-time {
  position: relative;
  display: block;
  margin-bottom: 20px;
  white-space: nowrap;
}
.agenda-item-text-val-dd .dd-input {
  display: inline-block;
  padding: 4px 0;
  width: 100%;
  font-size: 0.875rem;
  color: #464E59;
  background: #FEFEFE;
  text-align: center;
  vertical-align: middle;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
  border: 1px solid #CFCFCF;
  border-radius: 2px;
  box-sizing: border-box;
}
.agenda-item-text-val-dd .dd-input.mod-time {
  width: 29px;
}
.agenda-item-text-val-dd .dd-input-sep {
  display: inline-block;
  width: 8px;
  text-align: center;
  font-size: 0.875rem;
  color: #464E59;
  height: 27px;
  line-height: 27px;
}
.agenda-item-text-val-dd .dd-input-sep.mod-large {
  width: 15px;
}
.agenda-item-text-val-dd .dd-input-msg {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 4px;
  width: 100%;
  color: #FF4743;
  font-size: 0.875rem;
  line-height: 1.2;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.agenda-item-text-val-dd .dd-input-msg:hover {
  z-index: 99;
  left: -5px;
  width: 100%;
  padding: 0 5px;
  white-space: normal;
  background: #fff;
  border-radius: 4px;
  cursor: default;
}
.agenda-item-text-val-dd .dd-actions {
  display: table;
  width: 100%;
}
.agenda-item-text-val-dd .dd-actions .actions-box {
  display: table-cell;
}
.agenda-item-text-val-dd .dd-actions .actions-box:last-child {
  text-align: right;
}
.agenda-item-text-val-dd .dd-actions .btn {
  min-width: 63px;
  height: 31px;
  color: #464E59;
  padding: 0 5px;
  font-size: 0.8125rem;
  line-height: 31px;
  text-align: center;
}
.agenda-item-text-val-dd .dd-list-holder {
  position: relative;
  display: block;
  margin: 0 0 20px 0;
}
.agenda-item-text-val-dd .dd-list {
  display: block;
}
.agenda-item-text-val-dd .dd-list:after {
  display: table;
  content: "";
  clear: both;
}
.agenda-item-text-val-dd .dd-list-box {
  display: inline-block;
  width: 100%/2;
  box-sizing: border-box;
}
.agenda-item-text-val-dd .dd-list-box:first-child {
  padding-right: 4px;
}
.agenda-item-text-val-dd .dd-list-box:last-child {
  padding-left: 4px;
}

.input-holder.is-error .dd-input {
  border: 1px solid #FF4743;
}

.timeline-employee-list {
  margin: 5px -10px 0;
  padding: 0 10px;
  max-height: 250px;
  overflow-y: auto;
}
.timeline-employee-list.mod-full-height {
  height: calc(100% - 55px);
  max-height: 100%;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  overflow-x: hidden;
}
.timeline-employee-list.mod-full-height-scroll {
  height: calc(100% - 55px);
  max-height: 100%;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.timeline-employee-list.mod-full-height-scroll::-webkit-scrollbar {
  display: none;
}
.timeline-employee-list.mod-fixed-height {
  height: 250px;
}
.timeline-employee-list .timeline-employee-list-scroll {
  padding-right: 16px;
  height: 100%;
  width: 330px;
  overflow-y: auto;
  box-sizing: border-box;
}

.timeline-employee-preview {
  padding: 10px 0;
  border-bottom: 1px solid #E7E9ED;
}
.timeline-employee-preview.is-active .timeline-agenda {
  display: block;
}
.timeline-employee-preview .timeline-agenda {
  display: none;
  padding-top: 20px;
  margin-top: 8px;
  border-top: 1px solid #E7E9ED;
}
.timeline-employee-preview .preview-btn {
  padding: 0 12px;
  font-size: 0.625rem;
  color: #7E8FA5;
  height: 31px;
  line-height: 31px;
}
.timeline-employee-preview .preview-btn.mod-accepted {
  padding-right: 16px;
}
.timeline-employee-preview .preview-btn.mod-accepted:after {
  right: 4px;
  width: 10px;
  height: 8px;
  background: url("/images/sprite.svg") -309px -64px;
}
.timeline-employee-preview .preview-notification {
  display: block;
  margin-top: 10px;
  padding: 3px 8px;
  background: #F5F8FB;
  color: #333C48;
  font-size: 0.6875rem;
  line-height: 1.1818181818;
  border: 1px solid #E0E4EB;
  border-radius: 2px;
  box-sizing: border-box;
}
.timeline-employee-preview .preview-notification p {
  margin: 0;
  padding: 0;
}
.timeline-employee-preview .preview-notification b {
  font-weight: 600;
}

.timeline-employee-preview .preview-info {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 44px;
  box-sizing: border-box;
}
.timeline-employee-preview .preview-info-box {
  display: flex;
  position: relative;
  vertical-align: middle;
  box-sizing: border-box;
  user-select: none;
}
.timeline-employee-preview .preview-info-box:first-child {
  flex: 1;
  flex-direction: column;
  padding: 0 25px 0 60px;
  justify-content: center;
}
.timeline-employee-preview .preview-info-box:last-child {
  text-align: right;
  flex-wrap: nowrap;
  align-items: center;
}

.timeline-employee-preview .preview-img-holder {
  position: absolute;
  top: 3px;
  left: 0;
  width: 45px;
  height: 45px;
}
.timeline-employee-preview .preview-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
  overflow: hidden;
  transform: translateZ(0);
}
.timeline-employee-preview .preview-img img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}
.timeline-employee-preview .preview-img .person-placeholder {
  position: initial;
  display: block;
}

.timeline-employee-preview .preview-name {
  margin: 0 0 1px;
  color: #333C48;
  font-size: 1rem;
  line-height: 1.2;
  word-break: break-all;
  word-break: break-word;
}

.timeline-employee-preview .preview-email {
  max-width: 110px;
  margin: 0 0 4px;
  color: #7E8FA5;
  font-size: 0.875rem;
  line-height: 1.2;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.timeline-employee-preview .preview-available {
  display: flex;
  align-items: center;
}
.timeline-employee-preview .preview-available .preview-available-ico {
  margin-right: 10px;
}
.timeline-employee-preview .preview-available .preview-available-ico .svg-ico {
  display: block;
  height: 15px;
  width: 15px;
  fill: #00BB28;
}
.timeline-employee-preview .preview-available .preview-available-text {
  color: #7E8FA5;
  font-size: 0.875rem;
}

.timeline-employee-preview.is-active .preview-status.mod-dropdown:after {
  transform: translateY(-50%) translateZ(0) rotate(270deg);
}
.timeline-employee-preview .preview-status {
  position: relative;
  vertical-align: top;
  font-size: 0.5625rem;
  line-height: 1;
  word-break: break-word;
  letter-spacing: 0.5px;
  font-weight: bold;
}
.timeline-employee-preview .preview-status.mod-dropdown {
  cursor: pointer;
}
.timeline-employee-preview .preview-status.mod-dropdown span {
  position: relative;
  padding-right: 15px;
}
.timeline-employee-preview .preview-status.mod-dropdown span:after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateZ(0) rotate(90deg);
  width: 10px;
  height: 13px;
  background: url("/images/sprite.svg") -309px -13px;
}
.timeline-employee-preview .preview-status.mod-red {
  color: #FF4743;
}
.timeline-employee-preview .preview-status.mod-green {
  color: #00BB28;
}
.timeline-employee-preview .preview-status.mod-yellow {
  color: #EFCA58;
}
.timeline-employee-preview .preview-status-btn-holder {
  float: right;
}
.timeline-employee-preview .preview-status-btn-holder:after {
  display: table;
  content: "";
  clear: both;
}
.timeline-employee-preview .preview-status-btn {
  position: relative;
  z-index: 2;
  float: left;
  max-width: 100px;
  margin: 0 -2px 0 0;
  padding: 0 12px;
  color: #7E8FA5;
  font-size: 0.625rem;
  height: 31px;
  line-height: 31px;
  cursor: pointer;
  text-transform: uppercase;
  border: 1px solid transparent;
  box-sizing: border-box;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
}
.timeline-employee-preview .preview-status-btn.mod-clickable {
  background-image: linear-gradient(-180deg, #FFFFFF 0%, #F6F6F6 100%);
  border: 1px solid #E8EBF0;
  border-radius: 4px 0 0 4px;
}
.timeline-employee-preview .preview-status-btn.mod-red {
  color: #FF4743;
}
.timeline-employee-preview .preview-status-btn.mod-green {
  color: #00BB28;
}
.timeline-employee-preview .preview-status-btn.mod-yellow {
  color: #FF9900;
}
.timeline-employee-preview .preview-status-btn-dropdown {
  float: left;
  position: relative;
  z-index: 1;
  width: 26px;
  height: 31px;
  cursor: pointer;
  background-image: linear-gradient(-180deg, #FFFFFF 0%, #F6F6F6 100%);
  border: 1px solid #E8EBF0;
  border-radius: 4px;
  box-sizing: border-box;
}
.timeline-employee-preview .preview-status-btn-dropdown.is-active {
  z-index: 99;
  border-color: #00A8FF;
}
.timeline-employee-preview .preview-status-btn-dropdown.is-active:after {
  opacity: 1;
  width: 12px;
  height: 9px;
  background: url("/images/sprite.svg") -215px -289px;
}
.timeline-employee-preview .preview-status-btn-dropdown.is-active .preview-status-btn-dropdown-list-holder {
  display: block;
}
.timeline-employee-preview .preview-status-btn-dropdown:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translatey(-50%) translateX(-50%);
  opacity: 0.4;
  width: 12px;
  height: 9px;
  background: url("/images/sprite.svg") -227px -289px;
}
.timeline-employee-preview .preview-status-btn-dropdown-list-holder {
  position: absolute;
  display: none;
  top: 100%;
  right: -8px;
  width: 130px;
  margin-top: 14px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.timeline-employee-preview .preview-status-btn-dropdown-list-holder:after {
  position: absolute;
  z-index: 1;
  top: -5px;
  right: 15px;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(45deg);
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.timeline-employee-preview .preview-status-btn-dropdown-list {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  border-radius: 4px;
  list-style-type: none;
}
.timeline-employee-preview .preview-status-btn-dropdown-item {
  padding: 9px 12px;
  font-size: 0.8125rem;
  color: #333C48;
  line-height: 1.3846153846;
  border-bottom: 1px solid #E7E9ED;
  text-align: left;
}
.timeline-employee-preview .preview-status-btn-dropdown-item:last-child {
  border-bottom: 0;
}

.timeline-summary-list {
  padding-top: 7px;
  height: 100%;
  overflow: auto;
}
.timeline-summary-list::-webkit-scrollbar {
  width: 4px;
  border-radius: 3px;
}
.timeline-summary-list::-webkit-scrollbar-track {
  background: #fff;
  border-right: 0;
  border-radius: 2px;
}
.timeline-summary-list::-webkit-scrollbar-thumb {
  background: #D8D8D8;
  border-right: 0;
  border-radius: 2px;
}

.timeline-summary-item {
  position: relative;
  padding: 24px 30px 10px;
}
.timeline-summary-item:after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  width: 100%;
  width: calc(100% - 60px);
  height: 1px;
  transform: translateX(-50%);
  background-color: #E7E9ED;
}
.timeline-summary-item.mod-small {
  padding: 9px 20px 1px;
}
.timeline-summary-item.mod-small:after {
  width: calc(100% - 40px);
}
.timeline-summary-item.mod-small.mod-total {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 14px 20px 6px;
  border-top: 1px solid #E7E9ED;
  background-color: #F8F9FA;
}
.timeline-summary-item.mod-small .item-text {
  margin-bottom: 10px;
}
.timeline-summary-item.mod-small .item-text-title {
  font-size: 0.875rem;
}
.timeline-summary-item.mod-small .item-text-val {
  font-size: 0.875rem;
}
.timeline-summary-item.mod-small .item-text-val.mod-bold {
  font-size: 0.875rem;
}
.timeline-summary-item.mod-expand {
  cursor: pointer;
}
.timeline-summary-item.is-active .item-dd {
  display: block;
}
.timeline-summary-item.is-active .item-box:after {
  width: 18px;
  height: 13px;
  background: url("/images/sprite.svg") -291px -79px;
}
.timeline-summary-item:first-child .item-box:after {
  display: none;
}
.timeline-summary-item.mod-total {
  background-color: #FFFDF5;
}
.timeline-summary-item.mod-total:after {
  display: none;
}
.timeline-summary-item.mod-total .item-box:after {
  display: none;
}
.timeline-summary-item .item-box {
  position: relative;
}
.timeline-summary-item .item-box:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 18px;
  height: 13px;
  background: url("/images/sprite.svg") -291px -66px;
}
.timeline-summary-item .item-dd {
  display: none;
}
.timeline-summary-item .item-text {
  margin-bottom: 15px;
}
.timeline-summary-item .item-text:after {
  display: table;
  content: "";
  clear: both;
}
.timeline-summary-item .item-text.mod-msg .item-text-val {
  width: 40%;
}
.timeline-summary-item .item-text.mod-msg .item-msg {
  width: 30%;
}
.timeline-summary-item .item-text-title {
  float: left;
  width: 30%;
  font-size: 1rem;
  line-height: 1.25;
  color: #7E8FA5;
}
.timeline-summary-item .item-text-val {
  float: left;
  width: 70%;
  font-size: 1rem;
  line-height: 1.25;
  color: #333C48;
}
.timeline-summary-item .item-text-val.mod-disabled {
  color: #AFB2B9;
}
.timeline-summary-item .item-text-val.mod-bold {
  font-size: 1.125rem;
  font-weight: 600;
}
.timeline-summary-item .item-msg {
  position: relative;
  float: left;
  padding-left: 20px;
  color: #FF4743;
  font-size: 0.75rem;
  line-height: 1;
  box-sizing: border-box;
}
.timeline-summary-item .item-msg:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("/images/sprite.svg") -32px -289px;
}

.timeline-summary-status {
  position: relative;
  margin: 0 20px;
  padding: 14px 21px 11px;
  border-bottom: 1px solid #e7e9ed;
}
.timeline-summary-status:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 15px;
  height: 20px;
  background: url("/images/sprite.svg") -40px -269px;
}
.timeline-summary-status.mod-green:after {
  width: 15px;
  height: 20px;
  background: url("/images/sprite.svg") -75px -269px;
}
.timeline-summary-status.mod-green .timeline-summary-status-title {
  color: #00B05A;
}
.timeline-summary-status.mod-yellow:after {
  width: 15px;
  height: 20px;
  background: url("/images/sprite.svg") -120px -269px;
}
.timeline-summary-status.mod-yellow .timeline-summary-status-title {
  color: #F5A623;
}
.timeline-summary-status.mod-red:after {
  width: 15px;
  height: 20px;
  background: url("/images/sprite.svg") -105px -269px;
}
.timeline-summary-status.mod-red .timeline-summary-status-title {
  color: #FF4743;
}
.timeline-summary-status.mod-lilac:after {
  width: 15px;
  height: 20px;
  background: url("/images/sprite.svg") -90px -269px;
}
.timeline-summary-status.mod-lilac .timeline-summary-status-title {
  color: #C292F2;
}
.timeline-summary-status.mod-blue:after {
  width: 15px;
  height: 20px;
  background: url("/images/sprite.svg") -90px -269px;
}
.timeline-summary-status.mod-blue .timeline-summary-status-title {
  color: #C292F2;
}

.timeline-summary-status-data {
  position: relative;
  padding-left: 9px;
}
.timeline-summary-status-data:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 1px;
  height: 30px;
  margin-top: -15px;
  background: #E7E9ED;
}

.timeline-summary-status-title {
  display: block;
  margin: 0 0 2px;
  font-size: 0.8125rem;
  color: #00A8FF;
  line-height: 1;
  letter-spacing: 0.5px;
  font-weight: bold;
}

.timeline-summary-status-text {
  display: block;
  margin: 0;
  color: #7E8FA5;
  font-size: 0.75rem;
  line-height: 1.25;
}