/**
 * Global Reset of all HTML Elements
 *
 */
html,
body {
  border: 0;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  font-weight: 400;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
:focus {
  outline: 0;
}
textarea {
  display: block;
}
button {
  padding: 0;
}
body * {
  box-sizing: border-box;
}
body input.nav-trigger[type="checkbox"]:not(:checked) {
  width: 64px;
  height: 64px;
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: 10000;
  opacity: 0;
}
body input.nav-trigger[type="checkbox"]:not(:checked) ~ .sidebar .user button {
  display: none;
}
body input.nav-trigger[type="checkbox"]:not(:checked) ~ .sidebar .user .logo ~ * {
  display: none;
}
body #nav-trigger-label {
  width: 64px;
  height: 64px;
  padding: 0;
  margin: 0;
  z-index: 10000;
  opacity: 0;
  position: fixed;
  top: 0px;
  left: 0px;
}
body .nav-trigger {
  position: fixed !important;
  top: 0px;
  left: 0px;
}
body input.nav-trigger[type="checkbox"]:checked ~ .header .menu-control .open-btn {
  display: none;
}
body input.nav-trigger[type="checkbox"]:checked ~ .header .menu-control .close-btn {
  display: block;
}
body input.nav-trigger [type="checkbox"]:checked ~ .sidebar {
  width: 316px !important;
  z-index: 1;
}
body input.nav-trigger [type="checkbox"]:checked .content-container {
  left: 316px;
}
body input.nav-trigger [type="checkbox"]:checked ~ .sidebar {
  width: 316px;
}
body input.nav-trigger [type="checkbox"]:checked ~ .sidebar .menu {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #nav-trigger {
    width: 53px;
    height: 53px;
    z-index: 10000;
  }
}
.ie8 body .alert-close-input {
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
}
.ie8 body #nav-trigger-label {
  left: 0;
  z-index: 1;
  height: 100%;
}
.ie8 body .nav-trigger {
  width: 59px;
  height: 59px;
  z-index: 1000000;
  position: fixed;
  top: -5px;
  left: -5px;
  filter: alpha(opacity=0);
}
.ie8 body .header {
  cursor: none;
  pointer-events: none;
}
.ie8 body .header .menu-control {
  background-position-x: center;
  background-position-y: center;
  background-image: url("../images/menu-icon.png");
  background-repeat: no-repeat;
}
.ie8 body .header .menu-control .close-btn {
  display: none;
}
.ie8 body .sidebar {
  z-index: 0;
}
.ie8 body .sidebar:hover {
  z-index: 1;
  width: 316px;
  z-index: 1000;
}
.ie8 body .sidebar:hover .user .logo ~ * {
  display: none;
}
.ie8 body .sidebar:hover .menu {
  display: block;
}
.ie8 body .sidebar:hover .menu li a {
  color: #a0acbf !important;
  margin-left: 10px;
}
.ie8 body .sidebar:hover .menu li:hover a {
  color: white;
  margin-left: 6px;
}
.ie8 body .nav-trigger:focus {
  z-index: 0;
}
.ie8 body .nav-trigger:focus ~ .header .menu-control {
  background-image: none;
}
.ie8 body .nav-trigger:focus ~ .header .menu-control .close-btn {
  display: block;
}
.ie8 body .nav-trigger:focus ~ .sidebar {
  width: 316px;
  z-index: 1000;
}
.ie8 body .nav-trigger:focus ~ .sidebar .user .logo ~ * {
  display: none;
}
.ie8 body .nav-trigger:focus ~ .sidebar .menu {
  display: block;
}
.ie8 body .nav-trigger:focus ~ .sidebar .menu li a {
  color: #a0acbf !important;
  margin-left: 10px;
}
.ie8 body .nav-trigger:focus ~ .sidebar .menu li:hover a {
  color: white;
  margin-left: 6px;
}
.ie8 body .nav-trigger:focus ~ .content-container {
  left: 316px;
}
.header {
  display: flex;
  align-items: center;
  height: 64px;
  background-color: #e6f2ff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.25));
}
.header .menu-control {
  display: flex;
  flex: 0 0 64px;
  justify-content: center;
  align-items: center;
  height: 64px;
  background-color: #12203e;
}
.header .menu-control .close-btn,
.header .menu-control .open-btn {
  cursor: pointer;
  width: 24px;
  height: 24px;
  border: none;
  background: none;
}
.header .menu-control .close-btn .material-icon,
.header .menu-control .open-btn .material-icon {
  color: #f5f8fb;
}
.header .menu-control .open-btn {
  display: block;
}
.header .menu-control .close-btn {
  display: none;
}
.header .logo {
  float: left;
  width: 46px;
  height: 46px;
  margin: 8px 20px;
  text-align: center;
  line-height: 46px;
  font-size: 11px;
  border: 1px solid #55a8fd;
  color: #55a8fd;
  border-radius: 50%;
  background-size: cover;
}
.header .logo a {
  text-decoration: none;
  font-size: 11px;
}
.header .logo2 {
  flex: 0 0 auto;
  margin: 0px 20px;
}
.header .logo2 a img {
  width: 100%;
}
.header .header-content {
  flex: 1 1 auto;
  width: calc(60%);
  color: #7f8797;
  color: rgba(18, 32, 62, 0.54);
}
.header .header-content .title,
.header .header-content .description {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
}
.header .header-content .title {
  margin-bottom: 4px;
  font-family: 'Roboto-Medium', sans-serif;
  font-size: 14px;
  line-height: 16px;
}
.header .header-content .description {
  font-size: 11px;
  line-height: 13px;
}
.header .info {
  display: flex;
  align-items: center;
  height: 100%;
}
.header .info .version {
  position: absolute;
  white-space: nowrap;
  top: 0;
  right: 5px;
}
.header .info .info-btn {
  width: 24px;
  height: 24px;
  border: none;
  background: none;
  margin-right: 20px;
}
.header .info .info-btn .material-icon {
  color: #6bb3fd;
}
.header .info .info-btn2 {
  width: 24px;
  height: 24px;
  border: none;
  background: none;
  margin-right: 20px;
}
.header .info .info-btn2 .material-icon {
  color: #6bb3fd;
}
.sidebar {
  width: 64px;
  height: 100%;
  background-color: #12203e;
  position: fixed;
  top: 64px;
  left: 0;
  color: #e6f2ff;
  z-index: 1000;
}
.sidebar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.sidebar .user .logo {
  width: 40px;
  height: 40px;
  border: 1px solid #f3f8ff;
  border-color: rgba(230, 242, 255, 0.5);
  border-radius: 50%;
  text-align: center;
  line-height: 38px;
  float: left;
  position: relative;
  background-size: cover;
}
.sidebar .user .logo span {
  font-family: 'Roboto-light', sans-serif;
  font-size: 24px;
  color: #f3f8ff;
  color: rgba(230, 242, 255, 0.5);
}
.sidebar .user .counter {
  position: absolute;
  top: -6px;
  right: -6px;
  height: 20px;
  width: 20px;
  line-height: 20px;
  color: #ffffff;
  font-size: 11px;
  background: #eb5757;
  border-radius: 50%;
  text-align: center;
}
.sidebar .user .name {
  float: left;
  line-height: 40px !important;
  padding-left: 16px;
  padding-right: 12px;
  font-size: 11px;
  line-height: 13px;
  color: #f3f8ff;
  color: rgba(230, 242, 255, 0.5);
}
.sidebar .user .logout {
  float: right;
  line-height: 40px;
}
.sidebar .user .logout button {
  background: none;
  border: none;
  color: #f7fbff;
  color: rgba(230, 242, 255, 0.3);
  cursor: pointer;
  vertical-align: middle;
}
.sidebar .user .logout button .material-icon {
  color: #f9fcff;
  opacity: 0.3;
}
.sidebar .menu {
  display: none;
  height: 100%;
  overflow: scroll;
}
.sidebar .menu li.top:first-child {
  border-top: 1px solid rgba(85, 168, 253, 0.3);
}
.sidebar .menu li.submenu:last-child {
  border-bottom: unset;
}
.sidebar .menu li.submenu {
  margin-left: -8px;
  background-color: #1d2f56;
  border-bottom: 1px solid #374666;
}
.sidebar .menu li.submenu:first-child {
  border-top: 1px solid rgba(85, 168, 253, 0.3);
}
.sidebar .menu li.submenu a {
  padding-left: 42px;
  padding-right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
  font-size: 12px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.sidebar .menu li.submenu a::before {
  position: absolute;
  top: 45%;
  left: 31px;
  content: "";
  width: 2.5px;
  height: 2.5px;
  background: #a0acbf;
  border-radius: 50%;
}
.sidebar .menu li.submenu a.infolink {
  width: 25px;
  height: 25px;
  margin-left: 0;
  margin-top: 2px;
  padding: 0;
  display: inline-block;
}
.sidebar .menu li.submenu:hover {
  background-color: #334364;
}
.sidebar .menu li.submenu:hover a {
  color: #e6f2ff !important;
}
.sidebar .menu li.submenu:hover a::before {
  background: #e6f2ff;
}
.sidebar .menu li {
  border-bottom: 1px solid rgba(85, 168, 253, 0.3);
}
.sidebar .menu li a.link {
  position: relative;
  margin: 0;
  display: inline-block;
}
.sidebar .menu li a,
.sidebar .menu li label {
  display: block;
  margin-left: 8px;
  line-height: 48px;
  font-size: 13px;
  color: #12203e;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.sidebar .menu li a div,
.sidebar .menu li label div {
  margin-right: 8px;
  height: 48px;
  width: 8px;
  margin-left: -8px;
  vertical-align: bottom;
  display: inline-block;
}
.sidebar .menu li a input.menu-item[type="checkbox"],
.sidebar .menu li label input.menu-item[type="checkbox"] {
  line-height: 48px;
  height: 48px;
  margin-left: -8px;
  width: 95%;
  padding: 0;
  margin-right: 0;
  overflow: hidden;
}
.sidebar .menu li a input.menu-item[type="checkbox"]:hover,
.sidebar .menu li label input.menu-item[type="checkbox"]:hover {
  border-left: 4px solid #55a8fd;
}
.sidebar .menu li a input.menu-item[type="checkbox"]:hover::before,
.sidebar .menu li label input.menu-item[type="checkbox"]:hover::before {
  border-color: #55a8fd !important;
  margin-left: 4px;
}
.sidebar .menu li label:hover {
  color: #101e3e;
  color: #e6f2ff;
  background: #1d2f56;
}
.sidebar .menu li label:hover div {
  background-color: #55a8fd;
}
.sidebar .menu li.top a div,
.sidebar .menu li.top label div {
  margin-left: -8px;
}
.sidebar .menu li.top a input.menu-item[type="checkbox"]:not(:checked) + ul.submenu,
.sidebar .menu li.top label input.menu-item[type="checkbox"]:not(:checked) + ul.submenu {
  display: none;
}
.ie8 body .content-container {
  height: 100%;
  width: 1852px;
}
.ie9 body .table-controls button .btn-search {
  background-image: url("../images/find_blue.svg");
}
.ie9 body .content-container {
  height: 100vw;
}
.ie9 body #nav-trigger {
  width: 53px;
  height: 53px;
  z-index: 10000;
}
.froze-layout {
  display: none;
  position: fixed;
  background-color: transparent;
  z-index: 50000;
  width: 100%;
  height: 100%;
  cursor: progress;
}
.click-catcher {
  display: none;
  position: fixed;
  background-color: transparent;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.click-catcher_active {
  display: block !important;
}
.content-container {
  position: relative;
  height: calc(100vh - 64px);
  width: calc(100% - 64px);
  padding: 0px;
  top: 64px;
  left: 64px;
  background-color: #f5f8fb;
}
.content-container .content {
  height: calc(100% - 64px);
  position: relative;
  padding: 14px;
}
.content-container .content .breadcrumbs-container {
  padding-top: 6px;
  padding-bottom: 12px;
}
.content-container .content .breadcrumbs-container .breadcrumbs-backbtn-container {
  padding-bottom: 20px;
}
.content-container .content .breadcrumbs-container .breadcrumbs-backbtn-container .btn {
  font-size: 11px;
  line-height: 13px;
}
.content-container .content .breadcrumbs-container .breadcrumbs-backbtn-container .btn i {
  font-size: 11px;
  line-height: 13px;
}
.content-container .content .breadcrumbs-container .breadcrumbs {
  font-size: 11px;
  line-height: 13px;
}
.content-container .content .breadcrumbs-container .breadcrumbs:not(:last-child):after {
  content: "->";
  color: #00000060;
}
.content-container .content .breadcrumbs-container .breadcrumbs:last-child {
  cursor: initial;
  pointer-events: none;
}
.content-container .content .breadcrumbs-container .breadcrumbs:last-child .breadcrumbs-link {
  color: #00000060;
  text-decoration: none;
}
.content-container .content .breadcrumbs-container .breadcrumbs .breadcrumbs-link {
  font-size: 11px;
  line-height: 13px;
}
.content-container .view-only .control-wrapper {
  margin-bottom: 10px;
  vertical-align: bottom;
}
.content-container .view-only .control-wrapper > .control-header {
  display: inline-block;
  margin-right: 10px;
}
.content-container .view-only .control-wrapper > .control {
  display: inline-block;
  line-height: 16px;
  vertical-align: middle;
}
input.nav-trigger[type="checkbox"]:checked ~ .sidebar {
  width: 316px;
}
input.nav-trigger[type="checkbox"]:checked ~ .sidebar .menu {
  display: block;
}
input.nav-trigger[type="checkbox"]:checked ~ .content-container {
  left: 316px;
}
input.nav-trigger[type="checkbox"]:checked ~ .sidebar .user .name {
  display: block;
}
input.nav-trigger[type="checkbox"]:checked ~ .sidebar .user .logo ~ * {
  display: block;
}
.sidebar .menu {
  overflow: auto;
}
.sidebar .menu li a {
  color: #a0acbf !important;
  margin-left: 10px;
}
.sidebar .user {
  display: block;
  height: 90px;
  padding-top: 24px;
  padding-right: 15px;
  padding-bottom: 24px;
  padding-left: 12px;
  border: none;
}
.sidebar .user .logo ~ * {
  display: none;
}
.mr-0 {
  margin-right: 0;
}
.mr-5 {
  margin-right: 5px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-15 {
  margin-right: 15px;
}
html {
  background: #f5f8fb;
}
html,
html body {
  font-family: 'Roboto-Regular', sans-serif;
}
@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Roboto-Medium.ttf') format('truetype');
}
@font-face {
  font-family: "Roboto-Light";
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Roboto-Light.ttf') format('truetype');
}
html body {
  color: #212121;
  color: rgba(0, 0, 0, 0.87);
  background-color: #ffffff;
  font-size: 13px;
  line-height: 21px;
}
html body .container {
  padding: 50px 10%;
  position: relative;
}
html body .scrollbar {
  margin-left: 30px;
  height: 300px;
  width: 300px;
  overflow-y: scroll;
  overflow-x: scroll;
  margin-bottom: 25px;
}
html body .force-overflow {
  min-height: 450px;
  min-width: 450px;
}
html body .popup-content {
  height: 300px;
  width: 600px;
}
h1 {
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
h2 {
  font-family: 'Roboto-light', sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
}
h3 {
  font-size: 20px;
  line-height: 23px;
}
h4 {
  font-size: 16px;
  line-height: 19px;
}
h5 {
  font-family: 'Roboto-Medium', sans-serif;
  font-size: 12px;
  line-height: 14px;
}
.subtitle {
  font-size: 12px;
  line-height: 14px;
  color: #757575;
  color: rgba(0, 0, 0, 0.54);
}
.caption {
  font-size: 11px;
  line-height: 13px;
}
ul li,
ol li {
  font-size: 12px;
  line-height: 14px;
}
p {
  font-size: 13px;
  line-height: 21px;
}
a,
.link {
  font-size: 14px;
  line-height: 16px;
  color: #55a8fd !important;
  text-decoration: underline;
}
.link-form {
  font-size: 11px;
  line-height: 13px;
  color: #55a8fd;
}
.link-form.inactive {
  color: #bdbdbd;
  color: rgba(0, 0, 0, 0.26);
}
.list,
.label {
  font-size: 12px;
  line-height: 14px;
}
.text-info {
  color: #55a8fd;
}
.text-success {
  color: #24d17e;
}
.text-warning {
  color: #ffe177;
}
.text-danger {
  color: #eb5757;
}
.text-primary {
  color: #55a8fd;
}
.bg-info,
.table-plus table thead.bg-info tr:first-child {
  background-color: #55a8fd;
}
div.table-plus table thead.bg-info::after {
  background: inherit;
}
.bg-success,
.table-plus table thead.bg-success tr:first-child {
  background-color: #24d17e;
}
div.table-plus table thead.bg-success::after {
  background: inherit;
}
.bg-warning,
.table-plus table thead.bg-warning tr:first-child {
  background-color: #ffe177;
}
div.table-plus table thead.bg-warning::after {
  background: inherit;
}
.bg-danger,
.table-plus table thead.bg-danger tr:first-child {
  background-color: #eb5757;
}
.bg-danger div.table-plus table thead.bg-danger::after,
.table-plus table thead.bg-danger tr:first-child div.table-plus table thead.bg-danger::after {
  background: inherit;
}
.bg-primary,
.table-plus table thead.bg-primary tr:first-child {
  background-color: #55a8fd;
}
div.table-plus table thead.bg-primary::after {
  background: inherit;
}
.bg-soft-light,
.table-plus table thead.bg-soft-light tr:first-child {
  background-color: #f3f8ff;
}
div.table-plus table thead.bg-soft-light::after {
  background: inherit;
}
.bg-soft-medium,
.table-plus table thead.bg-soft-medium tr:first-child {
  background-color: #e6f2ff;
}
div.table-plus table thead.bg-soft-medium::after {
  background: inherit;
}
.bg-cyan-light,
.table-plus table thead.bg-cyan-light tr:first-child {
  background-color: #e0ffff;
}
div.table-plus table thead.bg-cyan-light::after {
  background: inherit;
}
.bg-white,
.table-plus table thead.bg-white tr:first-child {
  background-color: #ffffff;
}
div.table-plus table thead.bg-white::after {
  background: inherit;
}
.btn {
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  padding: 10px 24px;
  margin: 0 4px 4px 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
}
.btn.disabled-button {
  background-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.12);
  border: 1px solid #e0e0e0;
  color: #bdbdbd;
  color: rgba(0, 0, 0, 0.26);
}
.btn.btn-primary {
  background-color: #55a8fd;
  border: 1px solid #55a8fd;
  color: #f9fcff;
}
.btn.btn-primary:hover {
  background-color: #ffffff;
  border: 1px solid #55a8fd;
  color: #55a8fd;
}
.btn.btn-primary:active {
  background-color: #e6f2ff;
  border: 1px solid #55a8fd;
  color: #55a8fd;
}
.btn.btn-secondary {
  background-color: #e6f2ff;
  border: 1px solid #e6f2ff;
  color: #55a8fd;
}
.btn.btn-secondary:hover {
  background-color: #ffffff;
  border: 1px solid #55a8fd;
  color: #55a8fd;
}
.btn.btn-secondary:active {
  background-color: #e6f2ff;
  border: 1px solid #55a8fd;
  color: #55a8fd;
}
.btn.btn-primary.disabled,
.btn.btn-secondary.disabled {
  background-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.12);
  border: 1px solid #e0e0e0;
  color: #bdbdbd;
  color: rgba(0, 0, 0, 0.26);
}
.btn.btn-primary:disabled,
.btn.btn-secondary:disabled {
  background-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.12);
  border: 1px solid #e0e0e0;
  color: #bdbdbd;
  color: rgba(0, 0, 0, 0.26);
}
.btn.btn-lg {
  padding: 14px 24px;
  margin: 0 2px 2px 0;
  height: 44px;
}
.btn.btn-md {
  padding: 10px 24px;
  margin: 0 4px 4px 0;
  height: 36px;
}
.btn.btn-sm {
  padding: 7px 14px;
  margin: 0 2px 2px 0;
  font-size: 12px;
  line-height: 12px;
  height: auto;
}
.btn.btn-xs {
  padding: 5px 8px;
  margin: 0 2px 0 0;
  font-size: 12px;
  line-height: 12px;
  height: auto;
}
.btn.btn-secondary.fullscreen-button {
  padding: 0;
}
.btn.btn-secondary.refresh-filters,
.btn.btn-secondary.reset-filters,
.btn.btn-secondary.fullscreen-button,
.btn.btn-secondary.btn-lg {
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  background: none;
}
.btn.btn-secondary.refresh-filters .material-icon,
.btn.btn-secondary.reset-filters .material-icon,
.btn.btn-secondary.fullscreen-button .material-icon,
.btn.btn-secondary.btn-lg .material-icon {
  color: #bdbdbd;
}
.btn.btn-secondary.refresh-filters:hover .material-icon,
.btn.btn-secondary.reset-filters:hover .material-icon,
.btn.btn-secondary.fullscreen-button:hover .material-icon,
.btn.btn-secondary.btn-lg:hover .material-icon {
  color: #55a8fd;
}
.btn.btn-secondary.refresh-filters:active,
.btn.btn-secondary.reset-filters:active,
.btn.btn-secondary.fullscreen-button:active,
.btn.btn-secondary.btn-lg:active {
  border: none;
  background: none;
}
.btn.btn-secondary.refresh-filters:active .material-icon,
.btn.btn-secondary.reset-filters:active .material-icon,
.btn.btn-secondary.fullscreen-button:active .material-icon,
.btn.btn-secondary.btn-lg:active .material-icon {
  color: #55a8fd;
}
.btn span {
  vertical-align: top;
}
.btn.backgroundIconSize-8 {
  background-size: 8px !important;
}
.btn.backgroundIconSize-16 {
  background-size: 16px !important;
}
.btn.backgroundIconSize-20 {
  background-size: 20px !important;
}
.btn.backgroundIconSize-24 {
  background-size: 24px !important;
}
.btn-secondary .material-icon {
  color: #55a8fd;
}
.button_sort-asc {
  background-image: url(../images/sort-asc.png) !important;
  background-repeat: no-repeat !important;
  background-position-x: center !important;
  background-position-y: center !important;
}
.button_sort-desc {
  background-image: url(../images/sort-desc.png) !important;
  background-repeat: no-repeat !important;
  background-position-x: center !important;
  background-position-y: center !important;
}
.button_search_off {
  background-image: url(../images/search_off.png) !important;
  background-repeat: no-repeat !important;
  background-position-x: center !important;
  background-position-y: center !important;
}
.button_expand {
  background-image: url(../images/expand.png) !important;
  background-repeat: no-repeat !important;
  background-position-x: center !important;
  background-position-y: center !important;
}
.button_collapse {
  background-image: url(../images/collapse.png) !important;
  background-repeat: no-repeat !important;
  background-position-x: center !important;
  background-position-y: center !important;
}
.button_sort_delete {
  background-image: url(../images/sort_delete.png) !important;
  background-repeat: no-repeat !important;
  background-position-x: center !important;
  background-position-y: center !important;
}
th .btn.btn-secondary,
td .btn.btn-secondary,
.btn.btn-secondary.btn-control {
  background: inherit;
  border: none;
}
th .btn.btn-secondary .material-icon,
td .btn.btn-secondary .material-icon,
.btn.btn-secondary.btn-control .material-icon {
  color: #bdbdbd;
}
th .btn.btn-secondary:hover,
td .btn.btn-secondary:hover,
.btn.btn-secondary.btn-control:hover,
th .btn.btn-secondary:active,
td .btn.btn-secondary:active,
.btn.btn-secondary.btn-control:active {
  border: none;
  background: inherit;
}
th .btn.btn-secondary:hover .material-icon,
td .btn.btn-secondary:hover .material-icon,
.btn.btn-secondary.btn-control:hover .material-icon,
th .btn.btn-secondary:active .material-icon,
td .btn.btn-secondary:active .material-icon,
.btn.btn-secondary.btn-control:active .material-icon {
  color: #55a8fd;
}
.btn.btn-secondary.btn-border-none:hover,
.btn.table-controls .btn-add.btn-border-none:hover,
.btn.table-controls button.btn-search.btn-border-none:hover {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  color: #55a8fd;
}
.btn.btn-secondary.btn-border-none:active,
.btn.table-controls .btn-add.btn-border-none:active,
.btn.table-controls button.btn-search.btn-border-none:active {
  background-color: #e6f2ff;
  border: 1px solid #e6f2ff;
  color: #55a8fd;
}
th .btn.btn-secondary.btn-border:hover,
td .btn.btn-secondary.btn-border:hover,
.btn.btn-secondary.btn-border:hover {
  background-color: #ffffff;
  border: 1px solid #55a8fd;
  color: #55a8fd;
}
th .btn.btn-secondary.btn-border:active,
td .btn.btn-secondary.btn-border:active,
.btn.btn-secondary.btn-border:active {
  background-color: #e6f2ff;
  border: 1px solid #55a8fd;
  color: #55a8fd;
}
.custom-control {
  position: relative;
  display: block;
  height: 24px;
  margin-bottom: 4px;
}
input[type="checkbox"] {
  vertical-align: top;
  width: 16px;
  height: 16px;
  margin: 2px 5px 0 0;
}
input[type="checkbox"]:not(checked) {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
input[type="checkbox"]:not(checked) + label {
  position: relative;
  padding: 2px 0 0 29px;
}
input[type="checkbox"]:not(checked) + label:before,
input[type="checkbox"]:not(checked) + label:after {
  content: "";
}
input[type="checkbox"]:not(checked) + label:before {
  position: absolute;
  border: 2px solid rgba(18, 32, 62, 0.26);
}
input[type="checkbox"]:required + label:before {
  border-color: #eb5757;
}
input[type="checkbox"]:checked + label:before {
  color: #ffffff;
  border-color: #55a8fd;
}
input[type="checkbox"]:checked:disabled + label,
input[type="checkbox"]:disabled + label {
  color: #bdbdbd;
  color: rgba(0, 0, 0, 0.26);
}
input[type="checkbox"]:checked:disabled + label:before,
input[type="checkbox"]:disabled + label:before {
  border-color: #e0e0e0;
  border-color: rgba(0, 0, 0, 0.12);
  color: #e0e0e0;
  color: rgba(0, 0, 0, 0.12);
}
input[type="checkbox"]:not(checked) + label:before {
  top: 2px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
input[type="checkbox"]:checked + label:before {
  font-family: "Material Icons";
  font-size: 12px;
  line-height: 1;
  content: "\e5ca";
  text-indent: 0px;
  font-weight: 600;
  background-color: #55a8fd;
}
input[type="checkbox"]:checked:disabled + label:before,
input[type="checkbox"]:disabled + label:before {
  background-color: #ffffff;
}
.control-group {
  margin: 8px 2px;
}
@media all and (-ms-high-contrast: none) {
  _:-ms-fullscreen,
  :root body {
    background: #f5f8fb;
  }
  _:-ms-fullscreen .table-plus table,
  :root body .table-plus table {
    background: white;
  }
  _:-ms-fullscreen .table-plus table thead tr:first-child,
  :root body .table-plus table thead tr:first-child {
    background-color: #ebf5ff;
  }
}
.table-plus table {
  background: white;
}
.table-plus table thead tr:first-child {
  background-color: #ebf5ff;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background-color: #e0e0e0;
  border-radius: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: #a3d0fe;
  border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #55a8fd;
}
.sidebar .menu::-webkit-scrollbar-track {
  background-color: #313d57;
  border-radius: 0;
}
.sidebar .menu::-webkit-scrollbar-thumb {
  background-color: #7f8797;
}
.sidebar .menu::-webkit-scrollbar-thumb:hover {
  background-color: #55a8fd;
}
body {
  scrollbar-face-color: #55a8fd;
  scrollbar-track-color: #e3e4e8;
  scrollbar-arrow-color: #e3e4e8;
}
.control-tabs .tab {
  display: inline-block;
  height: 28px;
  font-family: "Roboto-Regular";
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #757575;
  padding: 6px 8px 6px 12px;
  margin-right: 10px;
  margin-bottom: 10px;
  box-shadow: 0px 2px 2px #d9d9d9;
  background: none;
  border: none;
  cursor: pointer;
}
.control-tabs .tab::before,
.control-tabs .tab::after {
  content: normal;
}
.control-tabs .tab:not(checked) {
  border-left: 4px solid transparent;
  transition: all 0.2s;
}
.control-tabs .tab.active {
  color: #757575;
  color: rgba(0, 0, 0, 0.54);
  border-left: 4px solid #55a8fd;
  background-color: #ebf5ff;
  cursor: default;
}
.control-tabs .tab:hover {
  background-color: #ebf5ff;
}
.control-tabs .tab.disabled {
  color: #bdbdbd;
  color: rgba(0, 0, 0, 0.26);
  border-color: #bdbdbd;
  border-color: rgba(0, 0, 0, 0.26);
  cursor: auto;
}
.control-tabs .tab:disabled {
  color: #bdbdbd;
  color: rgba(0, 0, 0, 0.26);
  border-color: #bdbdbd;
  border-color: rgba(0, 0, 0, 0.26);
  cursor: auto;
}
.control-tabs .tab.tab-sm {
  font-size: 12px;
  line-height: 14px;
  padding: 7px 10px;
  text-transform: none;
  background-color: #f9fcff;
}
.control-tabs .tab.tab-sm.active {
  padding-left: 6px;
}
.control-tabs > input[type="radio"] {
  display: none;
}
.control-tabs > input[type="radio"] ~ .control-group {
  display: none;
}
.control-tabs > input[type="radio"]:checked + .control-group {
  display: block;
}
.control-tabs .tab-panel {
  margin-top: 10px;
}
.control-tabs .tab-panel-hidden {
  display: none;
  margin-top: 10px;
}
.dropdown-menu {
  position: relative;
  display: inline-block;
}
.dropdown-menu:hover .dropdown-menu-content {
  display: block;
  z-index: 1;
}
.dropdown-menu .dropdown-menu-content {
  position: absolute;
  display: none;
  top: 20px;
  min-width: 100px;
}
.dropdown-menu .dropdown-menu-content a {
  display: block;
  font-size: 12px;
  line-height: 14px;
  color: #212121;
  color: rgba(0, 0, 0, 0.87);
  padding: 13px 16px;
  margin-bottom: 1px;
  background: #f5f8fb;
  box-shadow: 0px 2px 2px #d9d9d9;
}
.dropdown-menu .dropdown-menu-content a:hover {
  background-color: #e3e4e8;
}
.dropdown-menu .dropdown-menu-content:before {
  content: "";
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #f5f8fb transparent;
  position: absolute;
  top: -5px;
  right: 10px;
}
.hint {
  position: relative;
  /*display: inline-block;*/
  width: 12px;
  background: url("../images/question.png") no-repeat;
  margin-left: 8px;
  color: #55a8fd;
}
.hint:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.hint:hover .hint-text {
  display: block;
}
.hint .hint-text {
  position: absolute;
  display: none;
  width: 146px;
  bottom: 125%;
  left: 50%;
  margin-left: -85px;
  background-color: #12203e;
  padding: 10px 12px;
  font-size: 11px;
  line-height: 13px;
  color: #ffffff;
  border-radius: 4px;
}
.hint .hint-text:before {
  content: "";
  top: 100%;
  left: 50%;
  border-style: solid;
  border-width: 5px;
  margin-left: -5px;
  border-color: #12203e transparent transparent transparent;
  position: absolute;
}
.floating-panel {
  position: absolute;
  right: 0;
  box-shadow: -5px 5px 4px rgba(0, 0, 0, 0.05);
}
.floating-panel .floating-panel-title {
  height: 44px;
  background-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.12);
}
.floating-panel .floating-panel-title a {
  text-decoration: none;
  color: #212121;
  color: rgba(0, 0, 0, 0.87);
}
.floating-panel .floating-panel-title a i {
  float: left;
}
.floating-panel .floating-panel-title a span {
  line-height: 44px;
  float: left;
  color: #bdbdbd;
  color: rgba(0, 0, 0, 0.26);
}
.floating-panel .floating-panel-title .floating-panel-back {
  float: left;
}
.floating-panel .floating-panel-title .floating-panel-close {
  float: right;
}
.floating-panel .floating-panel-title .material-icon.md-24 {
  padding: 10px;
}
.floating-panel .floating-panel-header {
  background-color: #f5f8fb;
  padding-top: 14px;
  padding-left: 20px;
  padding-bottom: 16px;
}
.floating-panel .floating-panel-header .breadcrumbs {
  padding-top: 3px;
}
.floating-panel .floating-panel-header .breadcrumbs .link-form {
  font-size: 13px;
}
.floating-panel .floating-panel-header .breadcrumbs .link-form:nth-child(n + 2):before {
  font-family: "Material Icons";
  content: "\e5c8";
  vertical-align: middle;
  margin-right: 3px;
}
.floating-panel .floating-panel-header .breadcrumbs .inactive {
  text-decoration: none;
}
.floating-panel .floating-panel-content {
  min-height: 100px;
  min-width: 300px;
}
.combobox-wrapper {
  width: 250px;
}
.error-message {
  color: #eb5757;
  font-size: 11px;
}
.control-wrapper {
  /*&:hover .hint .hint-text {
     display: block;
   }*/
  display: block;
  margin-bottom: 18px;
  max-width: 460px;
}
.control-wrapper .control-header {
  line-height: 16px;
}
.control-wrapper .control-header > * {
  vertical-align: middle;
}
.control-wrapper .text-editor__reset-css {
  all: revert;
}
.control-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.control-wrapper .required-icon {
  display: none;
  content: "";
  position: absolute;
  left: 10px;
  top: 12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #eb5757;
}
.control-wrapper .datetime-required-icon {
  display: none;
  content: "";
  position: absolute;
  left: 150px;
  top: 12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #eb5757;
}
.control-wrapper .directory-icon {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 24px;
  right: 5px;
  top: 4px;
}
.control-wrapper .directory-icon::before {
  color: #bdbdbd;
  color: rgba(0, 0, 0, 0.26);
  content: "\e02f";
  font-family: "Material Icons";
  font-size: 24px;
}
.control-wrapper .add-icon {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 24px;
  right: -30px;
  top: 4px;
}
.control-wrapper .add-icon::before {
  color: #55a8fd;
  content: "\e148";
  font-family: "Material Icons";
  font-size: 24px;
}
.control-wrapper .control-box {
  position: relative;
  clear: both;
  margin: 8px 16px 4px 0;
  float: left;
  font-size: 0;
}
.control-wrapper .control-box .control-box-mini {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.control-wrapper .control-box .control-box-mini .after-control-element {
  position: absolute;
  right: 0;
  top: 0;
}
.control-wrapper .control-box .control-box-mini .after-control-element .icon-locked {
  color: #e0e0e0;
  color: rgba(0, 0, 0, 0.12);
  left: -30px;
}
.control-wrapper .control-box .control-box-mini .after-control-element .icon-locked .material-icon {
  margin: 3px;
}
.control-wrapper .control-box.checkbox {
  padding: 5px;
  padding-left: 0;
  margin-right: -10px;
}
.control-wrapper .control-box .control-element {
  box-sizing: border-box;
  width: 100%;
  min-height: 32px;
  padding: 5px 8px;
  outline: 1px solid #e0e0e0;
  clear: both;
  border: 0px;
}
.control-wrapper .control-box .control-element.pointer-block {
  pointer-events: none;
  text-overflow: ellipsis;
  padding-right: 42px;
}
.control-wrapper .control-box .control-element:hover {
  outline: 1px solid #55a8fd;
}
.control-wrapper .control-box .control-element.valid + .control-element:focus {
  outline: 2px solid #55a8fd;
  outline-offset: 0;
}
.control-wrapper .control-box .control-element.valid + .control-element:focus ~ .requirement {
  color: #55a8fd;
}
.control-wrapper .control-box .control-element.invalid:not(:focus).required,
.control-wrapper .control-box .control-element:invalid:not(:focus).required {
  padding-left: 25px;
}
.control-wrapper .control-box .control-element.invalid:not(:focus).required ~ .required-icon,
.control-wrapper .control-box .control-element:invalid:not(:focus).required ~ .required-icon {
  display: block;
}
.control-wrapper .control-box .control-element.invalid:not(:focus):required,
.control-wrapper .control-box .control-element:invalid:not(:focus):required {
  padding-left: 25px;
}
.control-wrapper .control-box .control-element.invalid:not(:focus):required ~ .required-icon,
.control-wrapper .control-box .control-element:invalid:not(:focus):required ~ .required-icon {
  display: block;
}
.control-wrapper .control-box .control-element.invalid:not(:focus)[required],
.control-wrapper .control-box .control-element:invalid:not(:focus)[required] {
  padding-left: 25px;
}
.control-wrapper .control-box .control-element.invalid:not(:focus)[required] ~ .required-icon,
.control-wrapper .control-box .control-element:invalid:not(:focus)[required] ~ .required-icon {
  display: block;
}
.control-wrapper .control-box .control-element.invalid.required + .date-input:focus ~ .required-icon,
.control-wrapper .control-box .control-element:invalid.required + .date-input:focus ~ .required-icon {
  display: none;
}
.control-wrapper .control-box .control-element.invalid + .date-input {
  outline-color: #eb5757;
}
.control-wrapper .control-box .control-element.invalid ~ .requirement {
  display: none;
}
.control-wrapper .control-box .control-element.invalid ~ .after-control-element .icon-after-control-element {
  display: none;
}
.control-wrapper .control-box .control-element.invalid ~ .invalid-block {
  visibility: visible;
}
.control-wrapper .control-box .control-element.valid ~ .after-control-element .text-after-control-element {
  display: none;
}
.control-wrapper .control-box .control-element.valid.required ~ .required-icon {
  display: none;
}
.control-wrapper .control-box .control-element:valid ~ .after-control-element .text-after-control-element {
  display: none;
}
.control-wrapper .control-box .control-element:valid.required ~ .required-icon {
  display: none;
}
.control-wrapper .control-box .control-element.disabled {
  outline: 1px solid #f5f8fb;
  background-color: #ffffff;
  color: #212121;
  color: rgba(0, 0, 0, 0.87);
}
.control-wrapper .control-box .control-element.disabled ~ .invalid-block,
.control-wrapper .control-box .control-element.disabled ~ .invalid-full {
  visibility: hidden;
}
.control-wrapper .control-box .control-element:disabled {
  outline: 1px solid #f5f8fb;
  background-color: #ffffff;
  color: #212121;
  color: rgba(0, 0, 0, 0.87);
}
.control-wrapper .control-box .control-element:disabled ~ .invalid-block,
.control-wrapper .control-box .control-element:disabled ~ .invalid-full {
  visibility: hidden;
}
.control-wrapper .control-box .control-element.locked {
  outline: 1px solid #f5f8fb;
  background-color: #ffffff;
  color: #212121;
  color: rgba(0, 0, 0, 0.87);
}
.control-wrapper .control-box .control-element.locked ~ .invalid-block,
.control-wrapper .control-box .control-element.locked ~ .invalid-full {
  visibility: hidden;
}
.control-wrapper .control-box .control-element.locked ~ .after-control-element .text-after-control-element {
  display: none;
}
.control-wrapper .control-box .control-element.locked ~ .after-control-element .icon-after-control-element {
  display: none;
}
.control-wrapper .control-box .control-element.locked ~ .after-control-element .icon-locked {
  display: block;
}
.control-wrapper .control-box .control-element.locked ~ .after-control-element .hint-after-control-element {
  display: block;
}
.control-wrapper .control-box input[type="text"] {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.control-wrapper .control-box input[type="text"].control-element {
  font-size: 13px;
  line-height: 16px;
}
.control-wrapper .control-box .text-input-disabled {
  padding-right: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.control-wrapper .control-box textarea.control-element {
  min-height: 104px;
  line-height: 1.5;
  min-width: 408px;
}
.control-wrapper .control-box .number-input {
  min-width: 200px;
  max-width: 200px;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.control-wrapper .control-box .number-input ~ .control-box-mini {
  max-width: 200px;
}
.control-wrapper .control-box .control-element.invalid,
.control-wrapper .control-box .control-element.invalid + .date-input {
  outline-color: #eb5757;
}
.control-wrapper .control-box .date-input {
  min-width: 200px;
  height: 32px;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: #212121;
  color: rgba(0, 0, 0, 0.87);
  font-family: "Roboto-Regular";
  font-size: 13px;
  padding: 4px;
}
.control-wrapper .control-box .date-input ~ .control-box-mini {
  max-width: 200px;
}
.control-wrapper .control-box .date-input.invalid:not(:focus).required ~ .datetime-required-icon,
.control-wrapper .control-box .date-input:invalid:not(:focus).required ~ .datetime-required-icon {
  display: block;
}
.control-wrapper .control-box .date-input.invalid:not(:focus):required ~ .datetime-required-icon,
.control-wrapper .control-box .date-input:invalid:not(:focus):required ~ .datetime-required-icon {
  display: block;
}
.control-wrapper .control-box .date-input.invalid:not(:focus)[required] ~ .datetime-required-icon,
.control-wrapper .control-box .date-input:invalid:not(:focus)[required] ~ .datetime-required-icon {
  display: block;
}
.control-wrapper .control-box .date-input.invalid,
.control-wrapper .control-box .date-input.invalid + .date-input {
  outline-color: #eb5757;
}
.control-wrapper .control-box .date-input.invalid ~ .requirement,
.control-wrapper .control-box .date-input.invalid + .date-input ~ .requirement {
  display: none;
}
.control-wrapper .control-box .date-input.invalid ~ .invalid-block,
.control-wrapper .control-box .date-input.invalid + .date-input ~ .invalid-block {
  visibility: visible;
}
.control-wrapper .control-box .date-input.valid.required ~ .datetime-required-icon {
  display: none;
}
.control-wrapper .control-box .date-input:valid.required ~ .datetime-required-icon {
  display: none;
}
.control-wrapper .control-box .date-input::-webkit-calendar-picker-indicator {
  display: none;
}
.control-wrapper .control-box .date-input ~ span {
  color: #bdbdbd;
  color: rgba(0, 0, 0, 0.26);
  margin: 0 0 0 -20px;
  /*position: absolute;
                 top: 8px;
                 left: 178px;*/
  background-color: #fff;
}
.control-wrapper .control-box .combobox-input {
  box-sizing: border-box;
  color: #212121;
  color: rgba(0, 0, 0, 0.87);
  font-family: "Roboto-Regular";
  font-size: 13px;
  height: 32px;
  padding: 0 9px;
  width: 100%;
  background-image: url("../images/combobox_arrow.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 50%;
}
.control-wrapper .control-box .combobox-input::-webkit-calendar-picker-indicator {
  display: none;
}
.control-wrapper .control-box * {
  font-size: 13px;
}
.control-wrapper .control-box .matches {
  color: #bdbdbd;
  color: rgba(0, 0, 0, 0.26);
  font-size: 11px;
  position: absolute;
  right: 230px;
  line-height: 29px;
}
.control-wrapper .control-box .search-input {
  border: 1px solid #bdbdbd;
  padding-right: 52px;
  vertical-align: middle;
  min-height: 28px;
  height: 28px;
  width: 181px;
  outline: none;
}
.control-wrapper .control-box .search-input:hover,
.control-wrapper .control-box .search-input:focus {
  border-color: #55a8fd;
  border-right-color: #bdbdbd;
  border-right-color: rgba(0, 0, 0, 0.26);
  outline: none;
}
.control-wrapper .control-box .search-input:hover ~ button,
.control-wrapper .control-box .search-input:focus ~ button,
.control-wrapper .control-box .search-input:hover ~ .button-X,
.control-wrapper .control-box .search-input:focus ~ .button-X {
  border-color: #55a8fd;
}
.control-wrapper .control-box .search-input ~ button {
  vertical-align: middle;
  width: 22px;
  height: 28px;
  border: none;
  border-top: 1px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
  background: none;
}
.control-wrapper .control-box .search-input ~ button::before {
  vertical-align: middle;
}
.control-wrapper .control-box .search-input ~ button.button-down {
  padding-left: 2px;
}
.control-wrapper .control-box .search-input ~ button.button-down::before {
  color: #bdbdbd;
  color: rgba(0, 0, 0, 0.26);
  content: "\e313";
  font-family: "Material Icons";
  font-size: 22px;
}
.control-wrapper .control-box .search-input ~ button.button-down:hover::before {
  color: #55a8fd;
}
.control-wrapper .control-box .search-input ~ button.button-up::before {
  color: #bdbdbd;
  color: rgba(0, 0, 0, 0.26);
  content: "\e316";
  font-family: "Material Icons";
  font-size: 22px;
}
.control-wrapper .control-box .search-input ~ button.button-up:hover::before {
  color: #55a8fd;
}
.control-wrapper .control-box .search-input ~ button.button-X {
  border-right: 1px solid #bdbdbd;
}
.control-wrapper .control-box .search-input ~ button.button-X::before {
  color: #12203e;
  content: "\e14c";
  font-family: "Material Icons";
  font-size: 22px;
}
.control-wrapper .control-box .search-input ~ button.button-X:hover::before {
  font-weight: bold;
}
.control-wrapper .control-box .after-control-element {
  position: absolute;
  right: 0;
  top: 0;
}
.control-wrapper .control-box .after-control-element .text-after-control-element,
.control-wrapper .control-box .after-control-element .icon-after-control-element,
.control-wrapper .control-box .after-control-element .hint-after-control-element,
.control-wrapper .control-box .after-control-element .icon-locked,
.control-wrapper .control-box .after-control-element .icon-calendar {
  position: absolute;
  top: 0;
  padding: 5px 5px;
  margin: 0;
  width: 22px;
  height: 22px;
}
.control-wrapper .control-box .after-control-element .text-after-control-element {
  display: block;
}
.control-wrapper .control-box .after-control-element .icon-locked {
  color: #e0e0e0;
  color: rgba(0, 0, 0, 0.12);
  left: -30px;
}
.control-wrapper .control-box .after-control-element .icon-calendar {
  left: -30px;
  top: 2px;
  cursor: pointer;
}
.control-wrapper .control-box .after-control-element .icon-calendar i:hover {
  color: #55a8fd;
}
.control-wrapper .control-box .after-control-element .icon-after-control-element .material-icon,
.control-wrapper .control-box .after-control-element .icon-locked .material-icon,
.control-wrapper .control-box .after-control-element .hint-after-control-element .material-icon {
  margin: 3px;
}
.control-wrapper .control-box .after-control-element .text-after-control-element {
  font-size: 11px;
  text-align: center;
  color: #bdbdbd;
  color: rgba(0, 0, 0, 0.26);
}
.control-wrapper .control-box .after-control-element .icon-after-control-element {
  color: #24d17e;
}
.control-wrapper .control-box .after-control-element .hint-after-control-element {
  background: none;
}
.control-wrapper .control-box .after-control-element .hint-after-control-element .material-icon {
  color: #55a8fd;
}
.control-wrapper label {
  line-height: 16px;
  max-width: 388px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.control-wrapper .invalid-block {
  box-sizing: border-box;
  font-size: 11px;
  height: 20px;
  line-height: 13px;
  color: #eb5757;
  position: relative;
  padding-top: 4px;
  width: 100%;
  visibility: hidden;
}
.control-wrapper .invalid-block.invalid-full {
  background: #ffffff;
  box-shadow: 0px 4px 12px #f2f2f2;
  height: auto;
  margin-top: 2px;
  outline: 1px solid #e0e0e0;
  padding: 4px 8px;
  position: absolute;
  z-index: 1;
}
.control-wrapper .invalid-block.invalid-full .invalid-text {
  display: block;
  overflow: visible;
  white-space: normal;
  width: 100%;
}
.control-wrapper .invalid-block.invalid-full .material-icon {
  display: none;
}
.control-wrapper .invalid-block .invalid-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 388px;
  width: calc(100% - 20px);
}
.control-wrapper .invalid-block .material-icon {
  position: absolute;
  top: 4px;
  right: 0;
}
.control-wrapper .requirement {
  display: block;
  position: absolute;
  right: 0;
  font-size: 11px;
  color: #bdbdbd;
  color: rgba(0, 0, 0, 0.26);
}
.control-wrapper.compact {
  margin-bottom: 0px;
}
.control-wrapper.compact .control-box {
  margin: 0;
}
.control-wrapper.compact .control-box.checkbox {
  padding: 0;
}
@-moz-document url-prefix() {
  .table-plus table tbody tr.group-row td span.group-expand button {
    background-position-y: 1px !important;
  }
}
.ie9 body .table-plus table thead tr.table-head td div {
  white-space: nowrap;
}
.ie8 body .table-plus TABLE THEAD TR.table-head TD DIV {
  display: inline;
  white-space: nowrap;
}
.ie9 body .table-controls button.btn-search {
  background-image: url("../images/find_blue.svg");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}
.ie8 body .table-controls button.btn-search {
  background-image: url(../images/find_blue.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  margin-bottom: 0px;
}
.control-wrapper.display-mode.group > .label,
.control-wrapper.display-mode.collapsible-group > .label {
  color: #000000;
  font-size: 16px;
}
.control-wrapper.display-mode:not(.group):not(.collapsible-group) > .label::after {
  content: ":";
}
.control-wrapper.display-mode .label ~ * {
  color: #000000;
}
.treenode-root {
  list-style: none;
}
.treenode-root ul {
  list-style: none;
  display: none;
  margin-left: 18px;
}
.treenode-root a {
  text-decoration: none;
  font-size: 100%;
}
.treenode-root div.lineseparated {
  display: inline-block;
  overflow: visible;
  width: 100%;
  margin-top: 8px;
  padding-top: 10px;
}
.treenode-root div.lineseparated:not(.levelone) {
  border-top: 1px dashed rgba(18, 32, 62, 0.08);
}
.treenode-root div.levelone {
  width: 100%;
  margin-top: 20px;
}
.treenode-root div.levelone div.tree-item {
  width: calc(100% - 239px);
}
.treenode-root div.leveltwo {
  margin-left: -257px;
  width: calc(100% + 257px);
}
.treenode-root div.leveltwo div.tree-item {
  margin-left: 18px;
  width: calc(100% - 257px);
}
.treenode-root div.levelthree {
  margin-left: -275px;
  width: calc(100% + 275px);
}
.treenode-root div.levelthree div.tree-item {
  margin-left: 36px;
  width: calc(100% - 275px);
}
.treenode-root div.levelfour {
  margin-left: -293px;
  width: calc(100% + 293px);
}
.treenode-root div.levelfour div.tree-item {
  margin-left: 54px;
  width: calc(100% - 293px);
}
.treenode-root div.levelfive {
  margin-left: -311px;
  width: calc(100% + 311px);
}
.treenode-root div.levelfive div.tree-item {
  margin-left: 72px;
  width: calc(100% - 311px);
}
.treenode-root div.levelsix {
  margin-left: -329px;
  width: calc(100% + 329px);
}
.treenode-root div.levelsix div.tree-item {
  margin-left: 90px;
  width: calc(100% - 329px);
}
.treenode-root div.controls-block {
  display: inline-block;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: 15px;
  vertical-align: top;
  padding-top: 8px;
  height: 35px;
  width: 224px;
  border-right: 2px dashed rgba(18, 32, 62, 0.08);
}
.treenode-root div.tree-item {
  display: inline-block;
  overflow: visible;
  margin-top: 5px;
}
.treenode-root label,
.treenode-root span {
  word-break: break-all;
}
.treenode-root label,
.treenode-root button,
.treenode-root a,
.treenode-root span {
  display: block;
  position: relative;
  color: #7f8797;
  color: rgba(18, 32, 62, 0.54);
}
.treenode-root label > div,
.treenode-root button > div,
.treenode-root a > div,
.treenode-root span > div {
  display: inline-block;
  height: 35px;
  border-left: 2px solid;
  border-color: #e3e4e8;
  border-color: rgba(18, 32, 62, 0.12);
  margin-left: 5px;
  margin-right: 16px;
  vertical-align: middle;
}
.treenode-root label > div::before,
.treenode-root button > div::before,
.treenode-root a > div::before,
.treenode-root span > div::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 11px;
}
.treenode-root label > div.active::before {
  border-top: 5px solid #ffffff;
  border-left: 5px solid #55a8fd;
  border-bottom: 5px solid #ffffff;
  left: 4px;
}
.treenode-root label > div.inactive::before {
  border-top: 5px solid #ffffff;
  border-left: 5px solid rgba(18, 32, 62, 0.26);
  border-bottom: 5px solid #ffffff;
  left: 4px;
}
.treenode-root button,
.treenode-root a,
.treenode-root span {
  border: none;
  background: none;
  color: #7f8797;
  color: rgba(18, 32, 62, 0.54);
}
.treenode-root button > div.inactive::before,
.treenode-root a > div.inactive::before,
.treenode-root span > div.inactive::before {
  border: 4px solid #c1c5cd;
  border-radius: 50%;
  top: 14px;
  left: 2px;
}
.treenode-root button > div.active::before,
.treenode-root a > div.active::before,
.treenode-root span > div.active::before {
  border: 4px solid #55a8fd;
  border-radius: 50%;
  top: 14px;
  left: 2px;
}
.treenode-root button.tree-leaf-selected > div,
.treenode-root a.tree-leaf-selected > div,
.treenode-root span.tree-leaf-selected > div {
  border-color: #55a8fd;
}
.treenode-root button.tree-leaf-selected > div::before,
.treenode-root a.tree-leaf-selected > div::before,
.treenode-root span.tree-leaf-selected > div::before {
  border-color: #55a8fd;
}
.treenode-root input[type="checkbox"] {
  display: none;
}
.treenode-root input[type="checkbox"]:checked ~ ul {
  display: block;
}
.treenode-root input[type="checkbox"]:checked + label {
  color: #313d57;
  color: rgba(18, 32, 62, 0.87);
}
.treenode-root input[type="checkbox"]:checked + label > div.active::before {
  border-top-color: #55a8fd;
  border-left-color: #ffffff;
  border-right: 5px solid #ffffff;
  border-bottom-width: 2px;
  left: 1px;
  top: 15px;
}
.treenode-root input[type="checkbox"]:checked + label > div.inactive::before {
  border-top-color: #c1c5cd;
  border-left-color: #ffffff;
  border-right: 5px solid #ffffff;
  border-bottom-width: 2px;
  left: 1px;
  top: 15px;
}
.treenode-root input[type="checkbox"] + label {
  padding: 0;
}
.treenode-root input[type="checkbox"] + label::before,
.treenode-root input[type="checkbox"] + label::after {
  display: none;
}
.errors-summary.hint .hint-text {
  color: #ffffff;
  background-color: #eb5757;
  bottom: 45px;
  margin-left: -133px;
  width: 242px;
}
.errors-summary.hint .hint-text:before {
  border-color: #eb5757 transparent transparent transparent;
}
.errors-summary.hint .hint-text ul li {
  list-style-type: none;
}
.errors-summary.hint .hint-text ul li a {
  font-size: 11px;
  line-height: 13px;
  color: #ffffff;
}
.errors-summary .material-icon {
  color: #eb5757;
}
.errors-summary .errors-counter {
  position: absolute;
  right: -15px;
  top: -13px;
  width: 26px;
  height: 26px;
  font-size: 11px;
  line-height: 13px;
  text-align: center;
  color: #ffffff;
  background-color: #eb5757;
  border-radius: 50%;
}
.errors-summary .errors-counter .counter-value {
  padding-top: 7px;
}
.treelist ol {
  padding: 0 0 0 20px;
}
.treelist li {
  position: relative;
  list-style: none;
}
.treelist li a {
  text-decoration: none;
}
.treelist li input {
  display: none;
}
.treelist li input:checked + label:before {
  background-image: url("../images/menu-down.png");
}
.treelist li input:checked ~ ol > li {
  display: block;
}
.treelist li input.disabled + label {
  cursor: auto;
  color: #c1c5cd;
  color: rgba(18, 32, 62, 0.26);
  border-color: #e3e4e8;
  border-color: rgba(18, 32, 62, 0.12);
}
.treelist li input.disabled + label:before {
  background-image: url("../images/menu-right-disabled.png");
}
.treelist li input:disabled + label {
  cursor: auto;
  color: #c1c5cd;
  color: rgba(18, 32, 62, 0.26);
  border-color: #e3e4e8;
  border-color: rgba(18, 32, 62, 0.12);
}
.treelist li input:disabled + label:before {
  background-image: url("../images/menu-right-disabled.png");
}
.treelist li input ~ ol > li:not(checked) {
  display: none;
}
.treelist li .disabled {
  cursor: auto;
  color: #c1c5cd;
  color: rgba(18, 32, 62, 0.26);
  border-color: #e3e4e8;
  border-color: rgba(18, 32, 62, 0.12);
}
.treelist li .disabled::before {
  background-image: url("../images/menu-point-disabled.png");
}
.treelist li .disabled:hover {
  border-color: #e3e4e8;
  border-color: rgba(18, 32, 62, 0.12);
}
.treelist li label,
.treelist li a {
  font-size: 12px;
  color: #313d57;
  color: rgba(18, 32, 62, 0.87);
  border-left: 2px solid #e3e4e8;
  cursor: pointer;
  display: block;
  line-height: 36px;
  padding-left: 15px;
}
.treelist li label:hover,
.treelist li a:hover {
  border-color: #55a8fd;
}
.treelist li > label::before,
.treelist li > a::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 6px;
  left: -11px;
  background-repeat: no-repeat;
}
.treelist li > label::before {
  background-image: url("../images/menu-right.png");
}
.treelist li > a::before {
  background-image: url("../images/menu-point.png");
}
.treelist li > a.active::before {
  background-image: url("../images/menu-point-active.png");
}
.treelist-select-wrapper {
  width: 280px;
  position: relative;
}
.treelist-select-wrapper .treelist-select-input {
  font-family: 'Roboto-Medium', sans-serif;
  color: #12203e;
  border: none;
  height: 20px;
  background-color: #e6f2ff;
  padding: 9px 43px 9px 14px;
  line-height: 20px;
  width: 223px;
  font-size: 12px;
}
.treelist-select-wrapper .treelist-select-input ~ .show-less,
.treelist-select-wrapper .treelist-select-input ~ .dropdown-list {
  display: none;
}
.treelist-select-wrapper .treelist-select-input ~ .show-more {
  display: block;
}
.treelist-select-wrapper .treelist-select-input.opened ~ .show-less,
.treelist-select-wrapper .treelist-select-input.opened ~ .dropdown-list {
  display: block;
}
.treelist-select-wrapper .treelist-select-input.opened ~ .show-more {
  display: none;
}
.treelist-select-wrapper .treelist-select-input:hover ~ .show-less,
.treelist-select-wrapper .treelist-select-input:hover ~ .show-more {
  color: #55a8fd;
}
.treelist-select-wrapper .treelist-select-input.disabled ~ .show-less,
.treelist-select-wrapper .treelist-select-input.disabled ~ .show-more,
.treelist-select-wrapper .treelist-select-input.disabled ~ .dropdown-list {
  display: none;
}
.treelist-select-wrapper .treelist-select-input:disabled ~ .show-less,
.treelist-select-wrapper .treelist-select-input:disabled ~ .show-more,
.treelist-select-wrapper .treelist-select-input:disabled ~ .dropdown-list {
  display: none;
}
.treelist-select-wrapper .show-less,
.treelist-select-wrapper .show-more {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px;
  color: #757575;
  color: rgba(0, 0, 0, 0.54);
}
.treelist-select-wrapper .show-less:hover,
.treelist-select-wrapper .show-more:hover {
  color: #55a8fd;
}
.treelist-select-wrapper .dropdown-list .popup-content {
  height: auto;
  width: 100%;
  overflow: auto;
  border: none;
}
.treelist-select-wrapper .dropdown-list .popup-content ul li {
  border: none;
  height: 20px;
  background-color: #f9fcff;
  padding: 9px 43px 9px 14px;
  line-height: 20px;
  color: #12203e;
  border-bottom: 1px solid #e6f2ff;
}
.treelist-select-wrapper .dropdown-list .popup-content ul li:hover {
  color: #55a8fd;
  font-size: 13px;
}
.treelist-select-wrapper .dropdown-list .popup-content ul li:last-child {
  border-bottom: none;
}
td .control-wrapper {
  min-width: 20px;
  margin-bottom: 2px;
}
.horizontal-layout .layout-item {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  background-color: inherit;
  padding: 0px;
}
.horizontal-layout .layout-item .element-container.default-container {
  padding: 0;
  margin-top: 10px;
}
.horizontal-layout .layout-item .control-wrapper .control-box {
  width: 100%;
  margin: 0;
}
.horizontal-layout .layout-item .control-wrapper .control-box.default {
  width: auto !important;
}
.horizontal-layout .layout-item .control-wrapper.narrow {
  min-width: 10px;
}
.horizontal-layout .layout-item .control-wrapper:last-child {
  margin-bottom: 2px;
}
.horizontal-layout .layout-item:last-child {
  margin-right: 0;
}
.horizontal-layout.bgwhite {
  background-color: white;
}
.horizontal-layout.filters {
  margin-bottom: 10px;
}
.table-controls {
  width: 100%;
  margin-bottom: 2px;
  position: relative;
  background-color: #ffffff;
  height: 51px;
  border: 1px solid #e3e4e8;
  display: flex;
}
.table-controls .first-btn {
  margin-left: 10px;
}
.table-controls .btn-add {
  font-family: Roboto-Medium, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 12px;
  padding: 7px 14px;
  margin: 0 0px 2px 0;
  text-align: center;
  text-decoration: none;
  height: 28px;
  display: inline-block;
  box-sizing: border-box;
  background-color: #e6f2ff;
  border: 1px solid #e6f2ff;
  color: #55a8fd;
  cursor: pointer;
}
.table-controls .btn-add:hover {
  background-color: #ffffff;
  border: 1px solid #55a8fd;
  color: #55a8fd;
}
.table-controls .btn-add:active {
  background-color: #e6f2ff;
  border: 1px solid #55a8fd;
  color: #55a8fd;
}
.table-controls input.filter {
  font-size: 13px;
  line-height: 21px;
  box-sizing: border-box;
  width: 35%;
  height: 28px;
  padding: 4px 8px;
  clear: both;
  border: 1px solid #e0e0e0;
}
.table-controls input.filter:hover {
  border: 1px solid #55a8fd;
}
.table-controls button.btn-search {
  line-height: 12px;
  padding: 0px 4px;
  margin: 0 2px 2px 0px;
  text-align: center;
  vertical-align: bottom;
  text-decoration: none;
  height: 28px;
  width: 28px;
  display: inline-block;
  box-sizing: border-box;
  background-color: #e6f2ff;
  border: 1px solid #e6f2ff;
  cursor: pointer;
}
.table-controls button.btn-search .material-icon {
  color: #55a8fd;
}
.table-controls button.btn-search:hover {
  background-color: #ffffff;
  border: 1px solid #55a8fd;
}
.table-controls button.btn-search:active {
  background-color: #e6f2ff;
  border: 1px solid #55a8fd;
}
.table-controls .paginator-wrapper {
  display: inline-block;
}
.card-header {
  background-color: transparent;
}
.card-header .static-text.card-header-label {
  display: block;
  padding-top: 16px;
  padding-right: 12px;
  padding-bottom: 30px;
  padding-left: 12px;
  font-family: "Roboto-light", sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  color: #000000;
}
.card-header .breadcrumbs {
  display: block;
  font-family: 'Roboto-light', sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 13px;
  text-decoration-line: underline;
  color: #55a8fd;
  margin-bottom: 12px;
}
.display-inline-block {
  display: inline-block;
}
.card-properties {
  margin-bottom: 40px;
}
.card-properties .properties-header {
  display: block;
  padding-top: 8px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 15px;
}
.card-properties .properties-header .static-text {
  font-family: 'Roboto-light', sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  color: #000000;
}
.card-properties .properties-header .display-inline-right {
  display: inline-block;
  float: right;
}
.card-properties .properties-body {
  display: block;
  max-height: 400px;
  overflow: auto;
  padding-left: 5px;
  padding-bottom: 5px;
}
.properties-group {
  background-color: #ffffff;
  padding: 12px 18px 18px 18px;
}
.properties-group .group-header {
  margin-bottom: 15px;
}
.properties-group .group-header .label {
  font-family: 'Roboto-light', sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 12px;
  color: #000000;
}
.bg-default {
  background-color: #ffffff;
}
.bg-first {
  background-color: #f5f8fb;
}
.bg-second {
  background-color: #ffffff;
}
.bg-primary {
  background-color: #55a8fd;
}
.left-panel {
  display: inline-block;
  vertical-align: top;
  width: 340px;
  height: 100%;
  padding: 10px;
  margin-right: 16px;
  background-color: #ffffff;
}
.left-panel .scroll-container {
  height: 800px;
  overflow: auto;
  padding-top: 5px;
  padding-left: 5px;
}
.fix-height .scroll-container {
  height: 800px;
  overflow: auto;
  padding-top: 5px;
  padding-left: 5px;
}
.table-panel .table-wrapper {
  height: 796px;
}
.table-panel table {
  display: flex;
  flex-flow: column;
  height: 100%;
  width: 100%;
}
.table-panel table thead {
  flex: 0 0 auto;
  width: calc(100% - 10px);
  display: table;
  table-layout: fixed;
}
.table-panel table thead th:last-child {
  width: 40px;
}
.table-panel table tbody {
  flex: 1 1 auto;
  display: block;
  overflow-y: auto;
}
.table-panel table tbody tr {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.table-panel table tbody tr td:last-child {
  width: 40px;
}
.main-panel {
  display: block;
  padding: 10px;
  background-color: #ffffff;
  padding: 0 !important;
  margin: 10px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
main-panel-no-nsi {
  display: block;
  padding: 10px;
  background-color: #ffffff;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 4px);
}
.middle-panel {
  display: block;
  padding: 10px;
  background-color: #ffffff;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 400px);
}
.right-panel {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  padding: 10px;
  background-color: #ffffff;
}
div.start-page {
  position: absolute;
  top: 30%;
  left: 30%;
  width: 40%;
  height: 40%;
  text-align: center;
  vertical-align: central;
}
div.start-page span.welcome {
  display: block;
  font-family: 'Roboto-light', sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  font-size: 24px;
  color: #12203e;
  margin-bottom: 18px;
}
.popup-content > .element-container {
  margin: 20px auto auto;
}
.popup-content > .element-container .question {
  display: block;
  font-style: normal;
  font-weight: normal;
  line-height: 21px;
  font-size: 18px;
  color: #12203e;
  margin-bottom: 18px;
}
div.validation-summary-errors {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  z-index: 2000;
}
div.validation-summary-errors div.validation-summary-panel {
  position: fixed;
  right: 30px;
  top: 90px;
  width: 400px;
  padding: 20px;
  background-color: #eb5757;
  z-index: 10;
}
div.validation-summary-errors div.validation-summary-panel label[for="validation-error-close"] {
  position: absolute;
  right: 10px;
  top: 10px;
  text-align: center;
  color: #12203e;
  cursor: pointer;
}
div.validation-summary-errors input#validation-error-close {
  display: none;
}
div.validation-summary-errors input#validation-error-close:checked ~ div.validation-summary-panel {
  display: none;
}
div.validation-summary-errors input#validation-error-close + label {
  padding: 0;
}
div.validation-summary-errors input#validation-error-close + label::before,
div.validation-summary-errors input#validation-error-close + label::after {
  display: none;
}
.card-buttons {
  padding-bottom: 5px;
}
.ccs-container {
  text-align: left;
  vertical-align: baseline;
  display: block;
  padding: 10px;
  background-color: #ffffff;
}
.ccs-container .static-text.ccs-header-label {
  display: block;
  font-size: 24px;
  line-height: normal;
  font-family: 'Roboto-light', sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #12203e;
  margin-bottom: 7px;
}
.ccs-container .static-text.ccs-information-label {
  display: block;
  font-size: 16px;
  line-height: normal;
  font-family: 'Roboto-light', sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #12203e;
  margin-bottom: 7px;
}
div.rightRegistryFull {
  display: inline-block;
  width: 91vw;
}
div.rightRegistry80 {
  display: inline-block;
  width: 79vw;
}
div.left-buttons-block {
  height: 100vh;
  display: inline-block;
  width: 50px;
  vertical-align: top;
  margin-top: 10px;
  margin-left: 10px;
  background-color: #e6f2ff;
}
div.left-buttons-block button.navigation {
  max-width: 40px;
  width: 40px;
  background: transparent;
  background: url(/images/right-arrow.png) no-repeat;
  background-position-x: center;
  margin-left: 5px;
}
.pull-clear:after {
  content: " ";
  display: table;
  clear: both;
}
.pull-clear .pull-left {
  float: left;
}
.pull-clear .pull-right {
  float: right;
}
div.auto-scroll {
  overflow-y: auto;
}
.dialog {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 999;
}
.dialog.dialog-open {
  display: block;
}
.dialog .dialog-form-wrap {
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 150px);
  max-width: 300px;
  border: 1px solid black;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  background-color: white;
  border-radius: 5px;
  padding: 16px;
  z-index: 1000;
}
.dialog .dialog-form-wrap .dialog-message {
  font-size: 14px;
  margin-bottom: 16px;
}
.dialog .dialog-form-wrap .dialog-actions {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.trs-block {
  overflow: auto;
}
/*NUMBER INPUT*/
/*TEXT-INPUT*/
/*TEXT-AREA*/
/*CHECKBOX*/
/*CHECKBOX-LIST*/
/*RADIO-SWITCH*/
/*COMBOBOX-LIST*/
/*DATA-INTERVAL*/
/*LINK*/
/*LINK-BUTTON, BUTTON*/
/*COLLAPSIBLE-GROUP*/
/*DROPDOWN-LIST*/
/*все состояния*/
/*аналагично с data-time*/
/*все состояния*/
/*аналагично с data-time*/
/*все состояния*/
/*аналагично с data-time*/
/*STATIC-TEXT*/
/*SIZE*/
/*FONTS*/
.tree-dropdown-list > .t-dd-select > .t-dd-selected {
  border-radius: 0px;
  width: 100%;
  padding: 0;
  white-space: nowrap;
  height: 32px;
}
.tree-dropdown-list > .t-dd-select > .t-dd-selected.danger {
  border: 1px solid #eb5757;
}
.tree-dropdown-list > .t-dd-select > .t-dd-selected.default {
  border: 1px solid #e0e0e0 !important;
}
.tree-dropdown-list > .t-dd-select > .t-dd-selected.warning {
  border: 1px solid #ffe177 !important;
}
.tree-dropdown-list > .t-dd-select > .t-dd-selected.disabled {
  border: 1px solid rgba(216, 218, 221, 0.24);
}
.tree-dropdown-list > .t-dd-select > .t-dd-selected.disabled .t-dd-selected-label {
  color: #bababa;
}
.tree-dropdown-list > .t-dd-select > .t-dd-selected.primary {
  border: 1px solid #55a8fd;
}
.tree-dropdown-list > .t-dd-select > .t-dd-selected.info {
  border: 1px solid #24d17e;
}
.tree-dropdown-list > .t-dd-select > .t-dd-selected > .t-dd-selected-label {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
  padding: 0 9px;
  display: inline-block;
  height: 100%;
  vertical-align: baseline;
  margin-top: 7px;
  width: 400px;
  overflow: hidden;
}
.tree-dropdown-list > .t-dd-select > .t-dd-selected > .t-arrow-down {
  display: inline-block;
  width: 93%;
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 21px;
  height: 100%;
  background-image: url(../images/combobox_arrow.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 50%;
}
.tree-dropdown-list > .t-dd-select > .t-dd-selected .t-dd-panel-back {
  min-width: -webkit-fill-available;
}
.tree-dropdown-list > .t-dd-select > .t-dd-selected .t-dd-panel-list,
.tree-dropdown-list > .t-dd-select > .t-dd-selected .t-dd-panel {
  border-radius: 0px;
  left: 0px;
  top: -12px;
}
.tree-dropdown-list > .t-dd-select > .t-dd-selected .t-dd-panel-list .t-dd-list > .t-dd-item.t-dd-item-even:hover,
.tree-dropdown-list > .t-dd-select > .t-dd-selected .t-dd-panel .t-dd-list > .t-dd-item.t-dd-item-even:hover {
  background: #ffff;
}
.tree-dropdown-list > .t-dd-select > .t-dd-selected .t-dd-panel-list .t-dd-list > .t-dd-item.t-dd-item-odd:hover,
.tree-dropdown-list > .t-dd-select > .t-dd-selected .t-dd-panel .t-dd-list > .t-dd-item.t-dd-item-odd:hover {
  background: #e6f2fe;
}
.tree-dropdown-list .t-dd-select .t-dd-selected .t-dd-panel .t-dd-list {
  padding: 2px;
}
.tree-dropdown-list .t-dd-select .t-dd-selected .t-dd-panel .t-dd-list .t-dd-item .t-dd-panel {
  margin-left: 10%;
}
.tree-dropdown-list .t-dd-select .t-dd-selected .t-dd-panel .t-dd-list .t-dd-item .t-dd-panel .t-dd-item {
  list-style: none;
}
.tree-dropdown-list .t-dd-select .t-dd-selected .t-dd-panel .t-dd-list .t-dd-item .t-dd-panel .t-dd-item .t-dd-item-button {
  display: block;
  overflow-x: hidden;
  width: 100%;
  align-items: flex-start;
  text-align: left;
  cursor: pointer;
  color: #000;
  background-color: transparent;
  padding: 2px 0px 2px;
  border-width: 0;
  border-style: none;
}
.tree-dropdown-list .t-dd-select .t-dd-selected:hover.danger {
  outline: 1px solid #eb5757;
}
.tree-dropdown-list .t-dd-select .t-dd-selected:hover.default {
  outline: 1px solid #e0e0e0;
}
.tree-dropdown-list .t-dd-select .t-dd-selected:hover.warning {
  outline: 1px solid #ffe177;
}
.tree-dropdown-list .t-dd-select .t-dd-selected:hover.primary {
  outline: 1px solid #55a8fd;
}
.tree-dropdown-list .t-dd-select .t-dd-selected:hover.info {
  outline: 1px solid #24d17e;
}
.tree-dropdown-list .t-dd-select .t-dd-selected:focus.danger {
  border: 1px solid #eb5757;
  outline: 1px solid #eb5757;
}
.tree-dropdown-list .t-dd-select .t-dd-selected:focus.default {
  border: 1px solid #e0e0e0;
  outline: 1px solid #e0e0e0;
}
.tree-dropdown-list .t-dd-select .t-dd-selected:focus.warning {
  border: 1px solid #ffe177;
  outline: 1px solid #ffe177;
}
.tree-dropdown-list .t-dd-select .t-dd-selected:focus.primary {
  border: 1px solid #55a8fd;
  outline: 1px solid #55a8fd;
}
.tree-dropdown-list .t-dd-select .t-dd-selected:focus.info {
  outline: 1px solid #24d17e;
}
input.t-dd-togle:checked ~ .t-dd-panel {
  display: block;
}
div.t-dd-panel {
  display: none;
  position: relative;
  left: -11px;
  top: 0;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  background-color: #fff;
  z-index: 1000;
}
label.t-dd-panel.t-dd-panel-back {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
  margin: 0;
  padding: 0;
}
ul.t-dd-list {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
ul.t-dd-list > li.t-dd-item {
  padding-left: 0.75rem;
  padding-top: 5px;
}
ul.t-dd-list > li.t-dd-item > button.t-dd-item-button {
  display: block;
  overflow-x: hidden;
  width: 100%;
  align-items: flex-start;
  text-align: left;
  cursor: pointer;
  color: #000;
  background-color: transparent;
  padding: 2px 0px 2px;
  border-width: 0;
  border-style: none;
  white-space: initial;
  line-height: 18px;
}
.setting-filtr {
  padding-right: 10px;
  padding-top: 10px;
  min-width: 220px;
  max-width: 285px;
  height: 70vh;
  box-shadow: 3px 3px 5px grey;
}
.left-panel .element-container {
  padding-left: 0;
  padding-right: 0;
}
.left-radio {
  min-width: 220px;
  max-width: 285px;
  height: 90%;
  padding: 10px;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
}
.box {
  margin-top: 20px;
  margin-bottom: 20px;
  white-space: nowrap;
}
.box input[type="checkbox"]:not(checked),
.box input[type="radio"]:not(checked) {
  position: relative;
  z-index: 1;
  opacity: 0;
  left: 29px;
}
.box input[type="checkbox"]:not(checked) + label:before {
  width: 15px;
  border: none;
  background: none;
  margin-left: 15px;
}
.box input[type="checkbox"] + label:before {
  border: none;
  background: none;
}
.box .drop-list {
  min-width: 160px;
  width: 100%;
  position: relative !important;
  left: -69px !important;
}
.box .arrow-down {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  height: 10px;
  width: 100%;
  left: -160%;
  background-image: url(../images/arrow-down.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) 50%;
}
.box .drop-list:checked ~ .list-radio {
  display: block;
}
.box .list-radio {
  display: none;
}
.box .list-radio .filtr-label {
  margin-left: -30px;
}
.box .list-radio ul {
  list-style: none;
  padding-top: 10px;
}
.box .list-radio ul li {
  padding: 8px;
  padding-left: 5px;
  margin-left: 41px;
  border-left: 1px solid #55A8FD;
}
.dropdown-list select {
  background-image: url('../images/combobox_arrow.png');
  background-repeat: no-repeat;
  background-position: right 10px center;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.dropdown-list select::-ms-expand {
  display: none;
}
.control-box .dropdown-list select.control-element {
  padding-right: 30px;
}
.ie8 .dropdown-list select.control-element,
.ie9 .dropdown-list select.control-element {
  padding-right: 10px;
  background-image: none;
}
div.radio-switch {
  margin-bottom: 3px;
  padding: 1px;
}
div.radio-switch label.radio-label {
  position: relative;
  display: inline-block;
  height: 16px;
}
div.radio-switch input[type="radio"].radio-input {
  color: #55a8fd;
}
div.radio-switch label.radio-label::before,
div.radio-switch label.radio-label::after {
  content: '';
}
div.radio-switch label.radio-label::before {
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  color: #fff;
  border: 2px solid #55a8fd;
  background-color: white;
}
div.radio-switch label.radio-label.checked::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid white;
  background-color: #55a8fd;
}
div.radio-switch .radio-expand-button {
  float: right;
  margin-top: 2px;
  height: 18px;
  width: 20px;
  background-color: transparent;
  border-color: transparent;
  font-size: large;
  color: royalblue;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
}
div.radio-switch .radio-expand-button.expanded {
  background-image: url(../images/arrow-up.png);
}
div.radio-switch .radio-expand-button.collapsed {
  background-image: url(../images/arrow-down.png);
  margin-right: 1px;
}
div.radio-switch-left-line {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 2px solid #55a8fd;
}
div.radio-switch-search {
  margin-bottom: 5px;
}
div.radio-switch-search input.filter {
  font-size: 13px;
  line-height: 21px;
  min-height: 21px;
  padding: 4px 8px;
  clear: both;
  border: 1px solid #e0e0e0;
}
div.radio-switch-search button.btn-search {
  line-height: 12px;
  padding: 0 4px;
  text-align: center;
  vertical-align: bottom;
  text-decoration: none;
  height: 31px;
  width: 31px;
  display: inline-block;
  box-sizing: border-box;
  background-color: #e6f2ff;
  border: 1px solid #e6f2ff;
  color: #55a8fd;
  cursor: pointer;
}
div.radiobutton {
  margin-bottom: 3px;
  padding: 1px;
  height: 32px;
  box-sizing: border-box;
}
div.radiobutton label.radio-label {
  position: relative;
  display: inline-block;
  padding-left: 32px;
  line-height: 21px;
}
div.radiobutton label.radio-label .radio-icon {
  font-size: 21px;
}
div.radiobutton label.radio-label::before,
div.radiobutton label.radio-label::after {
  content: '';
}
div.radiobutton input[type="radio"].radio-input {
  color: #55a8fd;
  margin-right: 10px;
  position: absolute;
  top: 3px;
}
div.radiobutton input[type="radio"].radio-input:checked + label::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid white;
  background-color: #55a8fd;
}
div.radiobutton label.radio-label::before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  color: #fff;
  border: 2px solid #55a8fd;
  background-color: white;
}
div.radiobutton div.control-box {
  margin: 0;
}
div.radiobutton.inline {
  display: inline-block;
  margin-right: 10px;
}
div.radiobutton.info {
  color: #55a8fd;
}
div.radiobutton.info label.radio-label.info::before {
  border: 2px solid #55a8fd;
}
div.radiobutton.info input[type="radio"].radio-input:checked + label.info::after {
  background-color: #55a8fd;
}
div.radiobutton.primary {
  color: #24d17e;
}
div.radiobutton.primary label.radio-label.primary::before {
  border: 2px solid #24d17e;
}
div.radiobutton.primary input[type="radio"].radio-input:checked + label.primary::after {
  background-color: #24d17e;
}
div.radiobutton.danger {
  color: #eb5757;
}
div.radiobutton.danger label.radio-label.danger::before {
  border: 2px solid #eb5757;
}
div.radiobutton.danger input[type="radio"].radio-input:checked + label.danger::after {
  background-color: #eb5757;
}
div.radiobutton.warning {
  color: #ffe177;
}
div.radiobutton.warning label.radio-label.warning::before {
  border: 2px solid #ffe177;
}
div.radiobutton.warning input[type="radio"].radio-input:checked + label.warning::after {
  background-color: #ffe177;
}
.indicator-list {
  margin-bottom: 2px;
  vertical-align: top;
}
.indicator-list .indicator {
  display: inline-block;
  position: relative;
  float: left;
  width: 274px;
  height: 76px;
  border: 1px solid #eee;
  cursor: pointer;
  margin: 0 10px 10px 0;
}
.indicator-list .indicator:last-child {
  margin-right: 0;
}
.indicator-list .indicator button {
  position: relative;
  left: 0;
  padding: 0px;
  border: none;
  background: transparent;
  height: 100%;
  width: 100%;
  cursor: pointer;
  background-color: transparent;
  vertical-align: top;
  text-align: left;
}
.indicator-list .indicator .indicator-content {
  height: 100%;
  vertical-align: top;
}
.indicator-list .indicator .indicator-content .icon {
  display: inline-block;
  position: relative;
  left: 8px;
  top: 20px;
  border: 1px solid #eee;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  margin-right: 10px;
  vertical-align: top;
}
.indicator-list .indicator .indicator-content .icon i {
  padding-top: 5px;
  padding-left: 5px;
  background-repeat: no-repeat !important;
  background-position: center !important;
  color: #eee;
}
.indicator-list .indicator .indicator-content .info {
  display: inline-block;
  width: 150px;
  position: relative;
  left: 8px;
  top: 10px;
  vertical-align: top;
}
.indicator-list .indicator .indicator-content .info .count p {
  font-size: 20px;
  color: #55a8fd;
  margin-bottom: 5px;
}
.indicator-list .indicator .indicator-content .info .info-bottom {
  font-size: 16px;
  color: #757575;
  white-space: nowrap;
}
.indicator-list .indicator.danger {
  border-left: 4px solid #eb5757;
}
.indicator-list .indicator.danger .indicator-content .icon {
  border: 1px solid #eb5757;
}
.indicator-list .indicator.danger .indicator-content .icon i {
  color: #eb5757;
}
.indicator-list .indicator.warning {
  border-left: 4px solid #ffe177;
}
.indicator-list .indicator.warning .indicator-content .icon {
  border: 1px solid #ffe177;
}
.indicator-list .indicator.warning .indicator-content .icon i {
  color: #ffe177;
}
.indicator-list .indicator.primary {
  border-left: 4px solid #24d17e;
}
.indicator-list .indicator.primary .indicator-content .icon {
  border: 1px solid #24d17e;
}
.indicator-list .indicator.primary .indicator-content .icon i {
  color: #24d17e;
}
.indicator-list .indicator.info {
  border-left: 4px solid #55a8fd;
}
.indicator-list .indicator.info .indicator-content .icon {
  border: 1px solid #55a8fd;
}
.indicator-list .indicator.info .indicator-content .icon i {
  color: #55a8fd;
}
.indicator-list:after {
  display: table;
  content: " ";
  clear: both;
}
div.table-plus {
  background-color: #ffffff;
  line-height: 1;
  position: relative;
}
div.table-plus::after {
  position: absolute;
  top: 41px;
  right: 1px;
  content: "";
  height: 1px;
  width: 8px;
  background: #e0e0e0;
  z-index: 1;
}
div.table-plus .table-group-action {
  border: 1px solid #e0e0e0;
  background-color: #55a8fd;
}
div.table-plus .table-group-action > div {
  height: 28px;
  padding: 3px;
}
div.table-plus .table-group-action > div .group-title {
  display: inline-block;
  margin-left: 20px;
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.7);
}
div.table-plus .table-group-action > div .group-action {
  display: inline-block;
}
div.table-plus .table-group-action > div .group-action button {
  margin: 0 2px;
}
div.table-plus table {
  width: 100%;
  background-color: #ffffff;
  border-collapse: collapse;
}
div.table-plus table thead::-webkit-scrollbar-track {
  background-color: transparent;
}
div.table-plus table thead {
  display: block;
  border: 1px solid #e3e4e8;
  border-bottom: none;
  overflow-y: scroll;
}
div.table-plus table thead::after {
  position: absolute;
  right: 1px;
  top: 1px;
  content: "";
  width: 8px;
  height: 40px;
  background: #ebf5ff;
}
div.table-plus table thead tr.table-head {
  display: table;
  border-bottom: 1px solid #e3e4e8;
  width: 100%;
  table-layout: fixed;
}
div.table-plus table thead tr.table-head:last-child {
  border-bottom: none;
}
div.table-plus table thead th {
  position: relative;
  height: 40px;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: normal;
  border-left: 1px solid #e3e4e8;
  color: rgba(0, 0, 0, 0.54);
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  word-break: break-all;
}
div.table-plus table thead th.table-filter,
div.table-plus table thead th.table-filter-btn,
div.table-plus table thead th.table-filter-scroll {
  padding-left: 0;
  padding-right: 0;
  height: 31px;
}
div.table-plus table thead th div.table-plus table thead th.table-filter-btn {
  padding: 0;
}
div.table-plus table thead th.table-filter-btn button {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
}
div.table-plus table thead th.table-filter input {
  padding: 0 8px;
  max-width: 100%;
  width: 100%;
  outline: none;
  border: none;
  background: inherit;
}
div.table-plus table thead th:first-child {
  border-left: none;
}
div.table-plus table thead th .cell-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: stretch;
}
div.table-plus table thead th .title {
  display: block;
  flex: 1 1 auto;
  max-height: 32px;
  overflow: hidden;
  font-size: 13px;
}
div.table-plus table thead th .sort-block {
  align-self: center;
  padding-right: 3px;
  width: 30px;
}
div.table-plus table thead th .sort-block button.sort {
  background: 0 0;
  background-image: url(../images/sort-default.png);
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}
div.table-plus table thead th button.sort.asc {
  background-image: url(../images/sort-asc.png);
}
div.table-plus table thead th button.sort.desc {
  background-image: url(../images/sort-desc.png);
}
div.table-plus table thead th span.sort-index {
  color: #eb5757;
  height: 12px;
  width: 12px;
  position: absolute;
  right: 2px;
  top: 4px;
  font-weight: bold;
}
div.table-plus table tbody {
  border: 1px solid #e3e4e8;
  border-bottom: none;
  display: block;
}
div.table-plus table tbody.virtual-scroll {
  overflow-y: scroll;
  overflow-x: auto;
}
div.table-plus table tbody:last-child {
  border-bottom: 1px solid #e3e4e8;
}
div.table-plus table tbody tr:nth-child(odd) {
  background: #f5f8fb;
}
div.table-plus table tbody tr:nth-child(odd):hover {
  background-color: #fff8e1;
}
div.table-plus table tbody.expanded {
  background-color: #ebf5ff !important;
}
div.table-plus table tbody.expanded tr:nth-child(odd) {
  background-color: #ebf5ff !important;
}
div.table-plus table tbody.expanded tr:nth-child(odd):hover {
  background-color: #ebf5ff;
}
div.table-plus tr.row {
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  display: table;
  table-layout: fixed;
}
div.table-plus tr.row:last-child {
  border-bottom: none;
}
div.table-plus tr.table-group {
  height: 32px;
  padding-top: 3px;
  padding-right: 6px;
  padding-bottom: 3px;
  padding-left: 6px;
  width: 100%;
  display: flex;
  align-items: center;
}
div.table-plus tr.table-group .table-group-cell {
  display: flex;
  align-items: center;
  padding: 3px 3px 3px 0;
  color: black;
}
div.table-plus tr.table-group span.group-badge {
  display: inline-block;
  min-width: 23px;
  max-height: 17px;
  line-height: 17px;
  background: #eb5757;
  margin-left: 10px;
  border-radius: 10px;
  color: #ffffff;
  text-align: center;
}
div.table-plus tr.table-group span.group-expand {
  margin: 0 8px;
}
div.table-plus tr.table-group span.group-expand button {
  width: 16px;
  height: 16px;
  background: none;
  cursor: pointer;
  border: 0;
  background-image: url(../images/arrow-down.png);
  background-position-y: 8px;
  background-repeat: no-repeat;
}
div.table-plus tr.table-group span.group-expand button.expanded {
  background-image: url(../images/arrow-up.png);
  background-position-y: 6px;
}
div.table-plus tr.table-group th {
  padding: 3px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.54);
}
div.table-plus tr.table-group th .button {
  border: none;
  background: none;
  color: #55a8fd;
  cursor: pointer;
}
div.table-plus tr.row-disabled {
  background: #cbced5;
}
div.table-plus tr.row-disabled .table-cell.font-info {
  color: black;
}
div.table-plus tr.row-disabled .table-cell.font-danger {
  color: black;
}
div.table-plus tr.row-disabled .table-cell.font-success {
  color: black;
}
div.table-plus tr.row-disabled .table-cell.font-warning {
  color: black;
}
div.table-plus tr.row-disabled .table-cell.bg-danger {
  background: #cbced5;
}
div.table-plus tr.row-disabled .table-cell.bg-info {
  background: #cbced5;
}
div.table-plus tr.row-disabled .table-cell.bg-success {
  background: #cbced5;
}
div.table-plus tr.row-disabled .table-cell.bg-warning {
  background: #cbced5;
}
div.table-plus tr button.checkbox {
  margin-top: 3px;
}
div.table-plus td {
  position: relative;
  height: 40px;
  padding-top: 3px;
  padding-right: 6px;
  padding-bottom: 3px;
  padding-left: 6px;
  color: #000000;
  border-left: 1px solid #e3e4e8;
  font-size: 11px;
  line-height: 15px;
  word-break: break-all;
}
div.table-plus td:first-child {
  border-left: none;
}
div.table-plus td .button {
  border: none;
  background: none;
  color: #55a8fd;
  cursor: pointer;
}
div.table-plus td.font-info {
  color: #55a8fd;
}
div.table-plus td.font-danger {
  color: #eb5757;
}
div.table-plus td.font-success {
  color: #24d17e;
}
div.table-plus td.font-warning {
  color: #ffe177;
}
div.table-plus td.bg-danger {
  background: rgba(235, 87, 87, 0.26);
}
div.table-plus td.bg-info {
  background: rgba(85, 168, 253, 0.26);
}
div.table-plus td.bg-success {
  background: rgba(36, 209, 126, 0.26);
}
div.table-plus td.bg-warning {
  background: rgba(255, 225, 119, 0.26);
}
div.table-plus td .multi-column-item {
  margin-right: 5px;
}
div.table-plus td .multi-column-item.mr-0 {
  margin-right: 0;
}
div.table-plus td.scroll-auto {
  overflow: auto;
}
div.table-plus .hidden {
  display: none !important;
}
div.table-plus button.checkbox {
  border: 2px solid #cbced5;
  background: none;
  height: 16px;
  width: 16px;
  border-radius: 2px;
}
div.table-plus button.checkbox.checked {
  border: 2px solid #6ea0f5 !important;
  background: #6ea0f5 !important;
  background-image: url(../images/checked.png) !important;
  background-position-y: center !important;
  height: 16px !important;
  width: 16px !important;
  border-radius: 2px !important;
  background-repeat: no-repeat !important;
}
.col12 .element-container.col-12 {
  padding: 0;
}
div.alert-container {
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
  height: 0;
  z-index: 10000;
}
div.alert-container div.alert-block {
  float: right;
  position: relative;
  margin-top: 10px;
  margin-right: 10px;
  width: 400px;
  padding: 15px;
  padding-right: 30px;
}
div.alert-container div.alert-block.info {
  background-color: #55a8fd;
}
div.alert-container div.alert-block.success {
  background-color: #24d17e;
}
div.alert-container div.alert-block.warning {
  background-color: #ffe177;
}
div.alert-container div.alert-block.danger {
  background-color: #eb5757;
}
div.alert-container div.alert-block label {
  position: absolute;
  right: 6px;
  top: 6px;
  text-align: center;
  color: #12203e;
  cursor: pointer;
}
div.alert-container div.alert-block a {
  color: #212121;
}
div.alert-container div.alert-block:after {
  content: ' ';
  display: table;
  clear: both;
}
div.alert-container input[type=checkbox] {
  display: none;
}
div.alert-container input[type=checkbox]:checked + div.alert-block {
  display: none;
}
div.alert-container input[type=checkbox] + label {
  padding: 0;
}
div.alert-container input[type=checkbox] + label::before,
div.alert-container input[type=checkbox] + label::after {
  display: none;
}
img.loader.large {
  height: 48px;
  width: 48px;
  margin: 12px;
}
img.loader.medium {
  height: 32px;
  width: 32px;
  margin: 8px;
}
img.loader.small {
  height: 24px;
  width: 24px;
  margin: 6px;
}
img.loader.tiny {
  height: 16px;
  width: 16px;
  margin: 4px;
}
.group-body-legend {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: stretch;
  margin-left: 2px;
}
.base {
  color: hsl(210, 98%, 66%);
}
.whitetext {
  color: hsl(0, 0%, 100%);
  text-shadow: DimGray 0.1px 0.1px 4px, DimGray -0.1px -0.1px 4px, DimGray -0.1px 0.1px 4px, DimGray 0.1px -0.1px 4px;
}
.white {
  color: hsl(0, 0%, 100%);
}
.whitepoint {
  color: hsl(0, 0%, 100%);
  background: hsl(0, 0%, 100%) !important;
  box-shadow: gray 0.5px 0.5px 2px, gray 0.5px 0.5px 2px, gray 0.5px 0.5px 2px, gray 0.5px 0.5px 2px;
}
.green {
  color: hsl(120, 100%, 25%);
}
.blue {
  color: hsl(210, 98%, 66%);
}
.red {
  color: hsl(0, 100%, 50%);
}
.violet {
  color: hsl(270, 76%, 72%);
}
.orangered {
  color: hsl(16, 100%, 66%);
}
.olive {
  color: hsl(60, 100%, 25%);
}
.darkcyan {
  color: hsl(180, 100%, 33%);
}
.magenta {
  color: hsl(300, 100%, 50%);
}
.gold {
  color: hsl(60, 70%, 40%);
}
.top-border-white {
  border-top-color: hsl(0, 0%, 100%) !important;
  background-color: hsl(0, 0%, 100%) !important;
}
.top-border-palegreen {
  border-top-color: hsl(120, 93%, 79%) !important;
  background-color: hsl(120, 93%, 79%) !important;
}
.top-border-lightblue {
  border-top-color: hsl(210, 53%, 79%) !important;
  background-color: hsl(210, 53%, 79%) !important;
}
.top-border-lightcoral {
  border-top-color: hsl(0, 79%, 72%) !important;
  background-color: hsl(0, 79%, 72%) !important;
}
.top-border-plum {
  border-top-color: hsl(270, 47%, 75%) !important;
  background-color: hsl(270, 47%, 75%) !important;
}
.top-border-sandybrown {
  border-top-color: hsl(16, 87%, 70%) !important;
  background-color: hsl(16, 87%, 70%) !important;
}
.top-border-khaki {
  border-top-color: hsl(43, 74%, 60%) !important;
  background-color: hsl(43, 74%, 60%) !important;
}
.top-border-aquamarine {
  border-top-color: hsl(180, 100%, 78%) !important;
  background-color: hsl(180, 100%, 78%) !important;
}
.top-border-pink {
  border-top-color: hsl(300, 100%, 88%) !important;
  background-color: hsl(300, 100%, 88%) !important;
}
.top-border-goldenrod {
  border-top-color: hsl(60, 100%, 80%) !important;
  background-color: hsl(60, 100%, 80%) !important;
}
.palegreen {
  border-color: hsl(120, 93%, 79%) !important;
  background: hsl(120, 93%, 79%) !important;
}
.lightblue {
  border-color: hsl(210, 53%, 79%) !important;
  background: hsl(210, 53%, 79%) !important;
}
.lightcoral {
  border-color: hsl(0, 79%, 72%) !important;
  background: hsl(0, 79%, 72%) !important;
}
.plum {
  border-color: hsl(270, 47%, 75%) !important;
  background: hsl(270, 47%, 75%) !important;
}
.sandybrown {
  border-color: hsl(16, 87%, 70%) !important;
  background: hsl(16, 87%, 70%) !important;
}
.khaki {
  border-color: hsl(43, 74%, 60%) !important;
  background: hsl(43, 74%, 60%) !important;
}
.aquamarine {
  border-color: hsl(180, 100%, 78%) !important;
  background: hsl(180, 100%, 78%) !important;
}
.pink {
  border-color: hsl(300, 100%, 88%) !important;
  background: hsl(300, 100%, 88%) !important;
}
.goldenrod {
  border-color: hsl(60, 100%, 80%) !important;
  background: hsl(60, 100%, 80%) !important;
}
.group-body-legend-string,
.group-body-legend-microstring {
  display: flex;
  height: 15px;
  flex-flow: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.group-body-legend-microstring {
  margin-left: 10px;
}
.btn.btn-secondary.legend {
  cursor: pointer;
  padding: 0px 4px;
  font-size: 12px;
  border: 0px solid;
  color: rgba(0, 0, 0, 0.87);
  background: none;
  font-family: Times New Roman;
}
.group-body-legend-text {
  display: flex;
  flex-flow: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  font-size: 12px;
  font-family: Times New Roman;
  margin-left: 2px;
  padding: 0;
}
.group-body-linear-point,
.group-body-linear-100point,
.group-body-linear-10point {
  width: 0px;
  height: 14px;
  font-size: 0px;
  border: 0.5px solid;
  display: flex;
}
.group-body-linear-100point {
  width: 100px;
  border-left: 0px solid;
}
.group-body-linear-10point {
  width: 10px;
  border-left: 0px solid;
}
.group-body-progressbar-point,
.group-body-progressbar-10point,
.group-body-progressbar-100point {
  width: 0px;
  height: 7px;
  font-size: 0px;
  border-left: 1px solid;
  display: flex;
  border-color: white;
  background: white;
}
.group-body-progressbar-10point {
  width: 10px;
  border-right: 0px solid;
  border-left: 0px solid;
}
.group-body-progressbar-100point {
  width: 100px;
  border-right: 0px solid;
  border-left: 0px solid;
}
.group-body-gisto-point,
.group-body-gisto-10point,
.group-body-gisto-100point {
  height: 0px;
  font-size: 0px;
  border: 0.5px solid;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: stretch;
}
.group-body-gisto-10point {
  height: 10px;
  border-top: 0px solid;
  border-bottom: 0px solid;
}
.group-body-gisto-100point {
  height: 100px;
  border-top: 0px solid;
  border-bottom: 0px solid;
}
.group-body-legend-point {
  height: 3px;
  width: 3px;
  font-size: 0px;
  border-radius: 6px;
  border: 3px solid;
  display: flex;
  justify-content: center;
  align-items: center;
}
.group-body-sector {
  width: 0;
  height: 0;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 95px solid;
  position: absolute;
  transform-origin: center 100%;
  font-size: 0px;
}
.group-body-ellipse-sector {
  width: 0;
  height: 0;
  border-left: 1.8px solid transparent;
  border-right: 1.8px solid transparent;
  border-top: 95px solid;
  position: absolute;
  transform-origin: center 100%;
  font-size: 0px;
  bottom: -95px;
}
.rotate0 {
  transform: rotate(0deg);
}
.rotate1 {
  transform: rotate(1deg);
}
.rotate2 {
  transform: rotate(2deg);
}
.rotate3 {
  transform: rotate(3deg);
}
.rotate4 {
  transform: rotate(4deg);
}
.rotate5 {
  transform: rotate(5deg);
}
.rotate6 {
  transform: rotate(6deg);
}
.rotate7 {
  transform: rotate(7deg);
}
.rotate8 {
  transform: rotate(8deg);
}
.rotate9 {
  transform: rotate(9deg);
}
.rotate10 {
  transform: rotate(10deg);
}
.rotate11 {
  transform: rotate(11deg);
}
.rotate12 {
  transform: rotate(12deg);
}
.rotate13 {
  transform: rotate(13deg);
}
.rotate14 {
  transform: rotate(14deg);
}
.rotate15 {
  transform: rotate(15deg);
}
.rotate16 {
  transform: rotate(16deg);
}
.rotate17 {
  transform: rotate(17deg);
}
.rotate18 {
  transform: rotate(18deg);
}
.rotate19 {
  transform: rotate(19deg);
}
.rotate20 {
  transform: rotate(20deg);
}
.rotate21 {
  transform: rotate(21deg);
}
.rotate22 {
  transform: rotate(22deg);
}
.rotate23 {
  transform: rotate(23deg);
}
.rotate24 {
  transform: rotate(24deg);
}
.rotate25 {
  transform: rotate(25deg);
}
.rotate26 {
  transform: rotate(26deg);
}
.rotate27 {
  transform: rotate(27deg);
}
.rotate28 {
  transform: rotate(28deg);
}
.rotate29 {
  transform: rotate(29deg);
}
.rotate30 {
  transform: rotate(30deg);
}
.rotate31 {
  transform: rotate(31deg);
}
.rotate32 {
  transform: rotate(32deg);
}
.rotate33 {
  transform: rotate(33deg);
}
.rotate34 {
  transform: rotate(34deg);
}
.rotate35 {
  transform: rotate(35deg);
}
.rotate36 {
  transform: rotate(36deg);
}
.rotate37 {
  transform: rotate(37deg);
}
.rotate38 {
  transform: rotate(38deg);
}
.rotate39 {
  transform: rotate(39deg);
}
.rotate40 {
  transform: rotate(40deg);
}
.rotate41 {
  transform: rotate(41deg);
}
.rotate42 {
  transform: rotate(42deg);
}
.rotate43 {
  transform: rotate(43deg);
}
.rotate44 {
  transform: rotate(44deg);
}
.rotate45 {
  transform: rotate(45deg);
}
.rotate46 {
  transform: rotate(46deg);
}
.rotate47 {
  transform: rotate(47deg);
}
.rotate48 {
  transform: rotate(48deg);
}
.rotate49 {
  transform: rotate(49deg);
}
.rotate50 {
  transform: rotate(50deg);
}
.rotate51 {
  transform: rotate(51deg);
}
.rotate52 {
  transform: rotate(52deg);
}
.rotate53 {
  transform: rotate(53deg);
}
.rotate54 {
  transform: rotate(54deg);
}
.rotate55 {
  transform: rotate(55deg);
}
.rotate56 {
  transform: rotate(56deg);
}
.rotate57 {
  transform: rotate(57deg);
}
.rotate58 {
  transform: rotate(58deg);
}
.rotate59 {
  transform: rotate(59deg);
}
.rotate60 {
  transform: rotate(60deg);
}
.rotate61 {
  transform: rotate(61deg);
}
.rotate62 {
  transform: rotate(62deg);
}
.rotate63 {
  transform: rotate(63deg);
}
.rotate64 {
  transform: rotate(64deg);
}
.rotate65 {
  transform: rotate(65deg);
}
.rotate66 {
  transform: rotate(66deg);
}
.rotate67 {
  transform: rotate(67deg);
}
.rotate68 {
  transform: rotate(68deg);
}
.rotate69 {
  transform: rotate(69deg);
}
.rotate70 {
  transform: rotate(70deg);
}
.rotate71 {
  transform: rotate(71deg);
}
.rotate72 {
  transform: rotate(72deg);
}
.rotate73 {
  transform: rotate(73deg);
}
.rotate74 {
  transform: rotate(74deg);
}
.rotate75 {
  transform: rotate(75deg);
}
.rotate76 {
  transform: rotate(76deg);
}
.rotate77 {
  transform: rotate(77deg);
}
.rotate78 {
  transform: rotate(78deg);
}
.rotate79 {
  transform: rotate(79deg);
}
.rotate80 {
  transform: rotate(80deg);
}
.rotate81 {
  transform: rotate(81deg);
}
.rotate82 {
  transform: rotate(82deg);
}
.rotate83 {
  transform: rotate(83deg);
}
.rotate84 {
  transform: rotate(84deg);
}
.rotate85 {
  transform: rotate(85deg);
}
.rotate86 {
  transform: rotate(86deg);
}
.rotate87 {
  transform: rotate(87deg);
}
.rotate88 {
  transform: rotate(88deg);
}
.rotate89 {
  transform: rotate(89deg);
}
.rotate90 {
  transform: rotate(90deg);
}
.rotate91 {
  transform: rotate(91deg);
}
.rotate92 {
  transform: rotate(92deg);
}
.rotate93 {
  transform: rotate(93deg);
}
.rotate94 {
  transform: rotate(94deg);
}
.rotate95 {
  transform: rotate(95deg);
}
.rotate96 {
  transform: rotate(96deg);
}
.rotate97 {
  transform: rotate(97deg);
}
.rotate98 {
  transform: rotate(98deg);
}
.rotate99 {
  transform: rotate(99deg);
}
.rotate100 {
  transform: rotate(100deg);
}
.rotate101 {
  transform: rotate(101deg);
}
.rotate102 {
  transform: rotate(102deg);
}
.rotate103 {
  transform: rotate(103deg);
}
.rotate104 {
  transform: rotate(104deg);
}
.rotate105 {
  transform: rotate(105deg);
}
.rotate106 {
  transform: rotate(106deg);
}
.rotate107 {
  transform: rotate(107deg);
}
.rotate108 {
  transform: rotate(108deg);
}
.rotate109 {
  transform: rotate(109deg);
}
.rotate110 {
  transform: rotate(110deg);
}
.rotate111 {
  transform: rotate(111deg);
}
.rotate112 {
  transform: rotate(112deg);
}
.rotate113 {
  transform: rotate(113deg);
}
.rotate114 {
  transform: rotate(114deg);
}
.rotate115 {
  transform: rotate(115deg);
}
.rotate116 {
  transform: rotate(116deg);
}
.rotate117 {
  transform: rotate(117deg);
}
.rotate118 {
  transform: rotate(118deg);
}
.rotate119 {
  transform: rotate(119deg);
}
.rotate120 {
  transform: rotate(120deg);
}
.rotate121 {
  transform: rotate(121deg);
}
.rotate122 {
  transform: rotate(122deg);
}
.rotate123 {
  transform: rotate(123deg);
}
.rotate124 {
  transform: rotate(124deg);
}
.rotate125 {
  transform: rotate(125deg);
}
.rotate126 {
  transform: rotate(126deg);
}
.rotate127 {
  transform: rotate(127deg);
}
.rotate128 {
  transform: rotate(128deg);
}
.rotate129 {
  transform: rotate(129deg);
}
.rotate130 {
  transform: rotate(130deg);
}
.rotate131 {
  transform: rotate(131deg);
}
.rotate132 {
  transform: rotate(132deg);
}
.rotate133 {
  transform: rotate(133deg);
}
.rotate134 {
  transform: rotate(134deg);
}
.rotate135 {
  transform: rotate(135deg);
}
.rotate136 {
  transform: rotate(136deg);
}
.rotate137 {
  transform: rotate(137deg);
}
.rotate138 {
  transform: rotate(138deg);
}
.rotate139 {
  transform: rotate(139deg);
}
.rotate140 {
  transform: rotate(140deg);
}
.rotate141 {
  transform: rotate(141deg);
}
.rotate142 {
  transform: rotate(142deg);
}
.rotate143 {
  transform: rotate(143deg);
}
.rotate144 {
  transform: rotate(144deg);
}
.rotate145 {
  transform: rotate(145deg);
}
.rotate146 {
  transform: rotate(146deg);
}
.rotate147 {
  transform: rotate(147deg);
}
.rotate148 {
  transform: rotate(148deg);
}
.rotate149 {
  transform: rotate(149deg);
}
.rotate150 {
  transform: rotate(150deg);
}
.rotate151 {
  transform: rotate(151deg);
}
.rotate152 {
  transform: rotate(152deg);
}
.rotate153 {
  transform: rotate(153deg);
}
.rotate154 {
  transform: rotate(154deg);
}
.rotate155 {
  transform: rotate(155deg);
}
.rotate156 {
  transform: rotate(156deg);
}
.rotate157 {
  transform: rotate(157deg);
}
.rotate158 {
  transform: rotate(158deg);
}
.rotate159 {
  transform: rotate(159deg);
}
.rotate160 {
  transform: rotate(160deg);
}
.rotate161 {
  transform: rotate(161deg);
}
.rotate162 {
  transform: rotate(162deg);
}
.rotate163 {
  transform: rotate(163deg);
}
.rotate164 {
  transform: rotate(164deg);
}
.rotate165 {
  transform: rotate(165deg);
}
.rotate166 {
  transform: rotate(166deg);
}
.rotate167 {
  transform: rotate(167deg);
}
.rotate168 {
  transform: rotate(168deg);
}
.rotate169 {
  transform: rotate(169deg);
}
.rotate170 {
  transform: rotate(170deg);
}
.rotate171 {
  transform: rotate(171deg);
}
.rotate172 {
  transform: rotate(172deg);
}
.rotate173 {
  transform: rotate(173deg);
}
.rotate174 {
  transform: rotate(174deg);
}
.rotate175 {
  transform: rotate(175deg);
}
.rotate176 {
  transform: rotate(176deg);
}
.rotate177 {
  transform: rotate(177deg);
}
.rotate178 {
  transform: rotate(178deg);
}
.rotate179 {
  transform: rotate(179deg);
}
.rotate180 {
  transform: rotate(180deg);
}
.rotate181 {
  transform: rotate(181deg);
}
.rotate182 {
  transform: rotate(182deg);
}
.rotate183 {
  transform: rotate(183deg);
}
.rotate184 {
  transform: rotate(184deg);
}
.rotate185 {
  transform: rotate(185deg);
}
.rotate186 {
  transform: rotate(186deg);
}
.rotate187 {
  transform: rotate(187deg);
}
.rotate188 {
  transform: rotate(188deg);
}
.rotate189 {
  transform: rotate(189deg);
}
.rotate190 {
  transform: rotate(190deg);
}
.rotate191 {
  transform: rotate(191deg);
}
.rotate192 {
  transform: rotate(192deg);
}
.rotate193 {
  transform: rotate(193deg);
}
.rotate194 {
  transform: rotate(194deg);
}
.rotate195 {
  transform: rotate(195deg);
}
.rotate196 {
  transform: rotate(196deg);
}
.rotate197 {
  transform: rotate(197deg);
}
.rotate198 {
  transform: rotate(198deg);
}
.rotate199 {
  transform: rotate(199deg);
}
.rotate200 {
  transform: rotate(200deg);
}
.rotate201 {
  transform: rotate(201deg);
}
.rotate202 {
  transform: rotate(202deg);
}
.rotate203 {
  transform: rotate(203deg);
}
.rotate204 {
  transform: rotate(204deg);
}
.rotate205 {
  transform: rotate(205deg);
}
.rotate206 {
  transform: rotate(206deg);
}
.rotate207 {
  transform: rotate(207deg);
}
.rotate208 {
  transform: rotate(208deg);
}
.rotate209 {
  transform: rotate(209deg);
}
.rotate210 {
  transform: rotate(210deg);
}
.rotate211 {
  transform: rotate(211deg);
}
.rotate212 {
  transform: rotate(212deg);
}
.rotate213 {
  transform: rotate(213deg);
}
.rotate214 {
  transform: rotate(214deg);
}
.rotate215 {
  transform: rotate(215deg);
}
.rotate216 {
  transform: rotate(216deg);
}
.rotate217 {
  transform: rotate(217deg);
}
.rotate218 {
  transform: rotate(218deg);
}
.rotate219 {
  transform: rotate(219deg);
}
.rotate220 {
  transform: rotate(220deg);
}
.rotate221 {
  transform: rotate(221deg);
}
.rotate222 {
  transform: rotate(222deg);
}
.rotate223 {
  transform: rotate(223deg);
}
.rotate224 {
  transform: rotate(224deg);
}
.rotate225 {
  transform: rotate(225deg);
}
.rotate226 {
  transform: rotate(226deg);
}
.rotate227 {
  transform: rotate(227deg);
}
.rotate228 {
  transform: rotate(228deg);
}
.rotate229 {
  transform: rotate(229deg);
}
.rotate230 {
  transform: rotate(230deg);
}
.rotate231 {
  transform: rotate(231deg);
}
.rotate232 {
  transform: rotate(232deg);
}
.rotate233 {
  transform: rotate(233deg);
}
.rotate234 {
  transform: rotate(234deg);
}
.rotate235 {
  transform: rotate(235deg);
}
.rotate236 {
  transform: rotate(236deg);
}
.rotate237 {
  transform: rotate(237deg);
}
.rotate238 {
  transform: rotate(238deg);
}
.rotate239 {
  transform: rotate(239deg);
}
.rotate240 {
  transform: rotate(240deg);
}
.rotate241 {
  transform: rotate(241deg);
}
.rotate242 {
  transform: rotate(242deg);
}
.rotate243 {
  transform: rotate(243deg);
}
.rotate244 {
  transform: rotate(244deg);
}
.rotate245 {
  transform: rotate(245deg);
}
.rotate246 {
  transform: rotate(246deg);
}
.rotate247 {
  transform: rotate(247deg);
}
.rotate248 {
  transform: rotate(248deg);
}
.rotate249 {
  transform: rotate(249deg);
}
.rotate250 {
  transform: rotate(250deg);
}
.rotate251 {
  transform: rotate(251deg);
}
.rotate252 {
  transform: rotate(252deg);
}
.rotate253 {
  transform: rotate(253deg);
}
.rotate254 {
  transform: rotate(254deg);
}
.rotate255 {
  transform: rotate(255deg);
}
.rotate256 {
  transform: rotate(256deg);
}
.rotate257 {
  transform: rotate(257deg);
}
.rotate258 {
  transform: rotate(258deg);
}
.rotate259 {
  transform: rotate(259deg);
}
.rotate260 {
  transform: rotate(260deg);
}
.rotate261 {
  transform: rotate(261deg);
}
.rotate262 {
  transform: rotate(262deg);
}
.rotate263 {
  transform: rotate(263deg);
}
.rotate264 {
  transform: rotate(264deg);
}
.rotate265 {
  transform: rotate(265deg);
}
.rotate266 {
  transform: rotate(266deg);
}
.rotate267 {
  transform: rotate(267deg);
}
.rotate268 {
  transform: rotate(268deg);
}
.rotate269 {
  transform: rotate(269deg);
}
.rotate270 {
  transform: rotate(270deg);
}
.rotate271 {
  transform: rotate(271deg);
}
.rotate272 {
  transform: rotate(272deg);
}
.rotate273 {
  transform: rotate(273deg);
}
.rotate274 {
  transform: rotate(274deg);
}
.rotate275 {
  transform: rotate(275deg);
}
.rotate276 {
  transform: rotate(276deg);
}
.rotate277 {
  transform: rotate(277deg);
}
.rotate278 {
  transform: rotate(278deg);
}
.rotate279 {
  transform: rotate(279deg);
}
.rotate280 {
  transform: rotate(280deg);
}
.rotate281 {
  transform: rotate(281deg);
}
.rotate282 {
  transform: rotate(282deg);
}
.rotate283 {
  transform: rotate(283deg);
}
.rotate284 {
  transform: rotate(284deg);
}
.rotate285 {
  transform: rotate(285deg);
}
.rotate286 {
  transform: rotate(286deg);
}
.rotate287 {
  transform: rotate(287deg);
}
.rotate288 {
  transform: rotate(288deg);
}
.rotate289 {
  transform: rotate(289deg);
}
.rotate290 {
  transform: rotate(290deg);
}
.rotate291 {
  transform: rotate(291deg);
}
.rotate292 {
  transform: rotate(292deg);
}
.rotate293 {
  transform: rotate(293deg);
}
.rotate294 {
  transform: rotate(294deg);
}
.rotate295 {
  transform: rotate(295deg);
}
.rotate296 {
  transform: rotate(296deg);
}
.rotate297 {
  transform: rotate(297deg);
}
.rotate298 {
  transform: rotate(298deg);
}
.rotate299 {
  transform: rotate(299deg);
}
.rotate300 {
  transform: rotate(300deg);
}
.rotate301 {
  transform: rotate(301deg);
}
.rotate302 {
  transform: rotate(302deg);
}
.rotate303 {
  transform: rotate(303deg);
}
.rotate304 {
  transform: rotate(304deg);
}
.rotate305 {
  transform: rotate(305deg);
}
.rotate306 {
  transform: rotate(306deg);
}
.rotate307 {
  transform: rotate(307deg);
}
.rotate308 {
  transform: rotate(308deg);
}
.rotate309 {
  transform: rotate(309deg);
}
.rotate310 {
  transform: rotate(310deg);
}
.rotate311 {
  transform: rotate(311deg);
}
.rotate312 {
  transform: rotate(312deg);
}
.rotate313 {
  transform: rotate(313deg);
}
.rotate314 {
  transform: rotate(314deg);
}
.rotate315 {
  transform: rotate(315deg);
}
.rotate316 {
  transform: rotate(316deg);
}
.rotate317 {
  transform: rotate(317deg);
}
.rotate318 {
  transform: rotate(318deg);
}
.rotate319 {
  transform: rotate(319deg);
}
.rotate320 {
  transform: rotate(320deg);
}
.rotate321 {
  transform: rotate(321deg);
}
.rotate322 {
  transform: rotate(322deg);
}
.rotate323 {
  transform: rotate(323deg);
}
.rotate324 {
  transform: rotate(324deg);
}
.rotate325 {
  transform: rotate(325deg);
}
.rotate326 {
  transform: rotate(326deg);
}
.rotate327 {
  transform: rotate(327deg);
}
.rotate328 {
  transform: rotate(328deg);
}
.rotate329 {
  transform: rotate(329deg);
}
.rotate330 {
  transform: rotate(330deg);
}
.rotate331 {
  transform: rotate(331deg);
}
.rotate332 {
  transform: rotate(332deg);
}
.rotate333 {
  transform: rotate(333deg);
}
.rotate334 {
  transform: rotate(334deg);
}
.rotate335 {
  transform: rotate(335deg);
}
.rotate336 {
  transform: rotate(336deg);
}
.rotate337 {
  transform: rotate(337deg);
}
.rotate338 {
  transform: rotate(338deg);
}
.rotate339 {
  transform: rotate(339deg);
}
.rotate340 {
  transform: rotate(340deg);
}
.rotate341 {
  transform: rotate(341deg);
}
.rotate342 {
  transform: rotate(342deg);
}
.rotate343 {
  transform: rotate(343deg);
}
.rotate344 {
  transform: rotate(344deg);
}
.rotate345 {
  transform: rotate(345deg);
}
.rotate346 {
  transform: rotate(346deg);
}
.rotate347 {
  transform: rotate(347deg);
}
.rotate348 {
  transform: rotate(348deg);
}
.rotate349 {
  transform: rotate(349deg);
}
.rotate350 {
  transform: rotate(350deg);
}
.rotate351 {
  transform: rotate(351deg);
}
.rotate352 {
  transform: rotate(352deg);
}
.rotate353 {
  transform: rotate(353deg);
}
.rotate354 {
  transform: rotate(354deg);
}
.rotate355 {
  transform: rotate(355deg);
}
.rotate356 {
  transform: rotate(356deg);
}
.rotate357 {
  transform: rotate(357deg);
}
.rotate358 {
  transform: rotate(358deg);
}
.rotate359 {
  transform: rotate(359deg);
}
.rotate360 {
  transform: rotate(360deg);
}
.rotate-with-scale0 {
  border-top: 95px solid;
  transform: rotate(0deg);
}
.rotate-with-scale1 {
  border-top: 95.008px solid;
  transform: rotate(1deg);
}
.rotate-with-scale2 {
  border-top: 95.032px solid;
  transform: rotate(2deg);
}
.rotate-with-scale3 {
  border-top: 95.072px solid;
  transform: rotate(3deg);
}
.rotate-with-scale4 {
  border-top: 95.128px solid;
  transform: rotate(4deg);
}
.rotate-with-scale5 {
  border-top: 95.2px solid;
  transform: rotate(5deg);
}
.rotate-with-scale6 {
  border-top: 95.288px solid;
  transform: rotate(6deg);
}
.rotate-with-scale7 {
  border-top: 95.392px solid;
  transform: rotate(7deg);
}
.rotate-with-scale8 {
  border-top: 95.512px solid;
  transform: rotate(8deg);
}
.rotate-with-scale9 {
  border-top: 95.649px solid;
  transform: rotate(9deg);
}
.rotate-with-scale10 {
  border-top: 95.801px solid;
  transform: rotate(10deg);
}
.rotate-with-scale11 {
  border-top: 95.97px solid;
  transform: rotate(11deg);
}
.rotate-with-scale12 {
  border-top: 96.155px solid;
  transform: rotate(12deg);
}
.rotate-with-scale13 {
  border-top: 96.356px solid;
  transform: rotate(13deg);
}
.rotate-with-scale14 {
  border-top: 96.574px solid;
  transform: rotate(14deg);
}
.rotate-with-scale15 {
  border-top: 96.808px solid;
  transform: rotate(15deg);
}
.rotate-with-scale16 {
  border-top: 97.059px solid;
  transform: rotate(16deg);
}
.rotate-with-scale17 {
  border-top: 97.326px solid;
  transform: rotate(17deg);
}
.rotate-with-scale18 {
  border-top: 97.609px solid;
  transform: rotate(18deg);
}
.rotate-with-scale19 {
  border-top: 97.91px solid;
  transform: rotate(19deg);
}
.rotate-with-scale20 {
  border-top: 98.227px solid;
  transform: rotate(20deg);
}
.rotate-with-scale21 {
  border-top: 98.56px solid;
  transform: rotate(21deg);
}
.rotate-with-scale22 {
  border-top: 98.911px solid;
  transform: rotate(22deg);
}
.rotate-with-scale23 {
  border-top: 99.278px solid;
  transform: rotate(23deg);
}
.rotate-with-scale24 {
  border-top: 99.663px solid;
  transform: rotate(24deg);
}
.rotate-with-scale25 {
  border-top: 100.064px solid;
  transform: rotate(25deg);
}
.rotate-with-scale26 {
  border-top: 100.483px solid;
  transform: rotate(26deg);
}
.rotate-with-scale27 {
  border-top: 100.918px solid;
  transform: rotate(27deg);
}
.rotate-with-scale28 {
  border-top: 101.371px solid;
  transform: rotate(28deg);
}
.rotate-with-scale29 {
  border-top: 101.841px solid;
  transform: rotate(29deg);
}
.rotate-with-scale30 {
  border-top: 102.328px solid;
  transform: rotate(30deg);
}
.rotate-with-scale31 {
  border-top: 102.832px solid;
  transform: rotate(31deg);
}
.rotate-with-scale32 {
  border-top: 103.354px solid;
  transform: rotate(32deg);
}
.rotate-with-scale33 {
  border-top: 103.892px solid;
  transform: rotate(33deg);
}
.rotate-with-scale34 {
  border-top: 104.448px solid;
  transform: rotate(34deg);
}
.rotate-with-scale35 {
  border-top: 105.021px solid;
  transform: rotate(35deg);
}
.rotate-with-scale36 {
  border-top: 105.611px solid;
  transform: rotate(36deg);
}
.rotate-with-scale37 {
  border-top: 106.218px solid;
  transform: rotate(37deg);
}
.rotate-with-scale38 {
  border-top: 106.841px solid;
  transform: rotate(38deg);
}
.rotate-with-scale39 {
  border-top: 107.482px solid;
  transform: rotate(39deg);
}
.rotate-with-scale40 {
  border-top: 108.139px solid;
  transform: rotate(40deg);
}
.rotate-with-scale41 {
  border-top: 108.812px solid;
  transform: rotate(41deg);
}
.rotate-with-scale42 {
  border-top: 109.502px solid;
  transform: rotate(42deg);
}
.rotate-with-scale43 {
  border-top: 110.207px solid;
  transform: rotate(43deg);
}
.rotate-with-scale44 {
  border-top: 110.928px solid;
  transform: rotate(44deg);
}
.rotate-with-scale45 {
  border-top: 111.664px solid;
  transform: rotate(45deg);
}
.rotate-with-scale46 {
  border-top: 112.415px solid;
  transform: rotate(46deg);
}
.rotate-with-scale47 {
  border-top: 113.181px solid;
  transform: rotate(47deg);
}
.rotate-with-scale48 {
  border-top: 113.96px solid;
  transform: rotate(48deg);
}
.rotate-with-scale49 {
  border-top: 114.753px solid;
  transform: rotate(49deg);
}
.rotate-with-scale50 {
  border-top: 115.559px solid;
  transform: rotate(50deg);
}
.rotate-with-scale51 {
  border-top: 116.376px solid;
  transform: rotate(51deg);
}
.rotate-with-scale52 {
  border-top: 117.205px solid;
  transform: rotate(52deg);
}
.rotate-with-scale53 {
  border-top: 118.045px solid;
  transform: rotate(53deg);
}
.rotate-with-scale54 {
  border-top: 118.894px solid;
  transform: rotate(54deg);
}
.rotate-with-scale55 {
  border-top: 119.752px solid;
  transform: rotate(55deg);
}
.rotate-with-scale56 {
  border-top: 120.618px solid;
  transform: rotate(56deg);
}
.rotate-with-scale57 {
  border-top: 121.49px solid;
  transform: rotate(57deg);
}
.rotate-with-scale58 {
  border-top: 122.368px solid;
  transform: rotate(58deg);
}
.rotate-with-scale59 {
  border-top: 123.249px solid;
  transform: rotate(59deg);
}
.rotate-with-scale60 {
  border-top: 124.133px solid;
  transform: rotate(60deg);
}
.rotate-with-scale61 {
  border-top: 125.018px solid;
  transform: rotate(61deg);
}
.rotate-with-scale62 {
  border-top: 125.903px solid;
  transform: rotate(62deg);
}
.rotate-with-scale63 {
  border-top: 126.785px solid;
  transform: rotate(63deg);
}
.rotate-with-scale64 {
  border-top: 127.664px solid;
  transform: rotate(64deg);
}
.rotate-with-scale65 {
  border-top: 128.536px solid;
  transform: rotate(65deg);
}
.rotate-with-scale66 {
  border-top: 129.401px solid;
  transform: rotate(66deg);
}
.rotate-with-scale67 {
  border-top: 130.256px solid;
  transform: rotate(67deg);
}
.rotate-with-scale68 {
  border-top: 131.099px solid;
  transform: rotate(68deg);
}
.rotate-with-scale69 {
  border-top: 131.927px solid;
  transform: rotate(69deg);
}
.rotate-with-scale70 {
  border-top: 132.739px solid;
  transform: rotate(70deg);
}
.rotate-with-scale71 {
  border-top: 133.533px solid;
  transform: rotate(71deg);
}
.rotate-with-scale72 {
  border-top: 134.305px solid;
  transform: rotate(72deg);
}
.rotate-with-scale73 {
  border-top: 135.053px solid;
  transform: rotate(73deg);
}
.rotate-with-scale74 {
  border-top: 135.776px solid;
  transform: rotate(74deg);
}
.rotate-with-scale75 {
  border-top: 136.469px solid;
  transform: rotate(75deg);
}
.rotate-with-scale76 {
  border-top: 137.132px solid;
  transform: rotate(76deg);
}
.rotate-with-scale77 {
  border-top: 137.762px solid;
  transform: rotate(77deg);
}
.rotate-with-scale78 {
  border-top: 138.356px solid;
  transform: rotate(78deg);
}
.rotate-with-scale79 {
  border-top: 138.912px solid;
  transform: rotate(79deg);
}
.rotate-with-scale80 {
  border-top: 139.428px solid;
  transform: rotate(80deg);
}
.rotate-with-scale81 {
  border-top: 139.902px solid;
  transform: rotate(81deg);
}
.rotate-with-scale82 {
  border-top: 140.332px solid;
  transform: rotate(82deg);
}
.rotate-with-scale83 {
  border-top: 140.716px solid;
  transform: rotate(83deg);
}
.rotate-with-scale84 {
  border-top: 141.052px solid;
  transform: rotate(84deg);
}
.rotate-with-scale85 {
  border-top: 141.339px solid;
  transform: rotate(85deg);
}
.rotate-with-scale86 {
  border-top: 141.575px solid;
  transform: rotate(86deg);
}
.rotate-with-scale87 {
  border-top: 141.76px solid;
  transform: rotate(87deg);
}
.rotate-with-scale88 {
  border-top: 141.893px solid;
  transform: rotate(88deg);
}
.rotate-with-scale89 {
  border-top: 141.973px solid;
  transform: rotate(89deg);
}
.rotate-with-scale90 {
  border-top: 142px solid;
  transform: rotate(90deg);
}
.rotate-with-scale91 {
  border-top: 141.973px solid;
  transform: rotate(91deg);
}
.rotate-with-scale92 {
  border-top: 141.894px solid;
  transform: rotate(92deg);
}
.rotate-with-scale93 {
  border-top: 141.761px solid;
  transform: rotate(93deg);
}
.rotate-with-scale94 {
  border-top: 141.576px solid;
  transform: rotate(94deg);
}
.rotate-with-scale95 {
  border-top: 141.339px solid;
  transform: rotate(95deg);
}
.rotate-with-scale96 {
  border-top: 141.053px solid;
  transform: rotate(96deg);
}
.rotate-with-scale97 {
  border-top: 140.717px solid;
  transform: rotate(97deg);
}
.rotate-with-scale98 {
  border-top: 140.333px solid;
  transform: rotate(98deg);
}
.rotate-with-scale99 {
  border-top: 139.904px solid;
  transform: rotate(99deg);
}
.rotate-with-scale100 {
  border-top: 139.43px solid;
  transform: rotate(100deg);
}
.rotate-with-scale101 {
  border-top: 138.914px solid;
  transform: rotate(101deg);
}
.rotate-with-scale102 {
  border-top: 138.358px solid;
  transform: rotate(102deg);
}
.rotate-with-scale103 {
  border-top: 137.764px solid;
  transform: rotate(103deg);
}
.rotate-with-scale104 {
  border-top: 137.135px solid;
  transform: rotate(104deg);
}
.rotate-with-scale105 {
  border-top: 136.472px solid;
  transform: rotate(105deg);
}
.rotate-with-scale106 {
  border-top: 135.778px solid;
  transform: rotate(106deg);
}
.rotate-with-scale107 {
  border-top: 135.056px solid;
  transform: rotate(107deg);
}
.rotate-with-scale108 {
  border-top: 134.307px solid;
  transform: rotate(108deg);
}
.rotate-with-scale109 {
  border-top: 133.535px solid;
  transform: rotate(109deg);
}
.rotate-with-scale110 {
  border-top: 132.742px solid;
  transform: rotate(110deg);
}
.rotate-with-scale111 {
  border-top: 131.93px solid;
  transform: rotate(111deg);
}
.rotate-with-scale112 {
  border-top: 131.102px solid;
  transform: rotate(112deg);
}
.rotate-with-scale113 {
  border-top: 130.259px solid;
  transform: rotate(113deg);
}
.rotate-with-scale114 {
  border-top: 129.404px solid;
  transform: rotate(114deg);
}
.rotate-with-scale115 {
  border-top: 128.539px solid;
  transform: rotate(115deg);
}
.rotate-with-scale116 {
  border-top: 127.667px solid;
  transform: rotate(116deg);
}
.rotate-with-scale117 {
  border-top: 126.788px solid;
  transform: rotate(117deg);
}
.rotate-with-scale118 {
  border-top: 125.906px solid;
  transform: rotate(118deg);
}
.rotate-with-scale119 {
  border-top: 125.021px solid;
  transform: rotate(119deg);
}
.rotate-with-scale120 {
  border-top: 124.136px solid;
  transform: rotate(120deg);
}
.rotate-with-scale121 {
  border-top: 123.252px solid;
  transform: rotate(121deg);
}
.rotate-with-scale122 {
  border-top: 122.371px solid;
  transform: rotate(122deg);
}
.rotate-with-scale123 {
  border-top: 121.493px solid;
  transform: rotate(123deg);
}
.rotate-with-scale124 {
  border-top: 120.621px solid;
  transform: rotate(124deg);
}
.rotate-with-scale125 {
  border-top: 119.755px solid;
  transform: rotate(125deg);
}
.rotate-with-scale126 {
  border-top: 118.897px solid;
  transform: rotate(126deg);
}
.rotate-with-scale127 {
  border-top: 118.048px solid;
  transform: rotate(127deg);
}
.rotate-with-scale128 {
  border-top: 117.208px solid;
  transform: rotate(128deg);
}
.rotate-with-scale129 {
  border-top: 116.379px solid;
  transform: rotate(129deg);
}
.rotate-with-scale130 {
  border-top: 115.562px solid;
  transform: rotate(130deg);
}
.rotate-with-scale131 {
  border-top: 114.756px solid;
  transform: rotate(131deg);
}
.rotate-with-scale132 {
  border-top: 113.963px solid;
  transform: rotate(132deg);
}
.rotate-with-scale133 {
  border-top: 113.184px solid;
  transform: rotate(133deg);
}
.rotate-with-scale134 {
  border-top: 112.418px solid;
  transform: rotate(134deg);
}
.rotate-with-scale135 {
  border-top: 111.667px solid;
  transform: rotate(135deg);
}
.rotate-with-scale136 {
  border-top: 110.931px solid;
  transform: rotate(136deg);
}
.rotate-with-scale137 {
  border-top: 110.21px solid;
  transform: rotate(137deg);
}
.rotate-with-scale138 {
  border-top: 109.504px solid;
  transform: rotate(138deg);
}
.rotate-with-scale139 {
  border-top: 108.815px solid;
  transform: rotate(139deg);
}
.rotate-with-scale140 {
  border-top: 108.141px solid;
  transform: rotate(140deg);
}
.rotate-with-scale141 {
  border-top: 107.484px solid;
  transform: rotate(141deg);
}
.rotate-with-scale142 {
  border-top: 106.844px solid;
  transform: rotate(142deg);
}
.rotate-with-scale143 {
  border-top: 106.22px solid;
  transform: rotate(143deg);
}
.rotate-with-scale144 {
  border-top: 105.613px solid;
  transform: rotate(144deg);
}
.rotate-with-scale145 {
  border-top: 105.023px solid;
  transform: rotate(145deg);
}
.rotate-with-scale146 {
  border-top: 104.45px solid;
  transform: rotate(146deg);
}
.rotate-with-scale147 {
  border-top: 103.894px solid;
  transform: rotate(147deg);
}
.rotate-with-scale148 {
  border-top: 103.356px solid;
  transform: rotate(148deg);
}
.rotate-with-scale149 {
  border-top: 102.834px solid;
  transform: rotate(149deg);
}
.rotate-with-scale150 {
  border-top: 102.33px solid;
  transform: rotate(150deg);
}
.rotate-with-scale151 {
  border-top: 101.843px solid;
  transform: rotate(151deg);
}
.rotate-with-scale152 {
  border-top: 101.373px solid;
  transform: rotate(152deg);
}
.rotate-with-scale153 {
  border-top: 100.92px solid;
  transform: rotate(153deg);
}
.rotate-with-scale154 {
  border-top: 100.484px solid;
  transform: rotate(154deg);
}
.rotate-with-scale155 {
  border-top: 100.066px solid;
  transform: rotate(155deg);
}
.rotate-with-scale156 {
  border-top: 99.664px solid;
  transform: rotate(156deg);
}
.rotate-with-scale157 {
  border-top: 99.28px solid;
  transform: rotate(157deg);
}
.rotate-with-scale158 {
  border-top: 98.912px solid;
  transform: rotate(158deg);
}
.rotate-with-scale159 {
  border-top: 98.562px solid;
  transform: rotate(159deg);
}
.rotate-with-scale160 {
  border-top: 98.228px solid;
  transform: rotate(160deg);
}
.rotate-with-scale161 {
  border-top: 97.911px solid;
  transform: rotate(161deg);
}
.rotate-with-scale162 {
  border-top: 97.61px solid;
  transform: rotate(162deg);
}
.rotate-with-scale163 {
  border-top: 97.327px solid;
  transform: rotate(163deg);
}
.rotate-with-scale164 {
  border-top: 97.059px solid;
  transform: rotate(164deg);
}
.rotate-with-scale165 {
  border-top: 96.809px solid;
  transform: rotate(165deg);
}
.rotate-with-scale166 {
  border-top: 96.575px solid;
  transform: rotate(166deg);
}
.rotate-with-scale167 {
  border-top: 96.357px solid;
  transform: rotate(167deg);
}
.rotate-with-scale168 {
  border-top: 96.156px solid;
  transform: rotate(168deg);
}
.rotate-with-scale169 {
  border-top: 95.971px solid;
  transform: rotate(169deg);
}
.rotate-with-scale170 {
  border-top: 95.802px solid;
  transform: rotate(170deg);
}
.rotate-with-scale171 {
  border-top: 95.649px solid;
  transform: rotate(171deg);
}
.rotate-with-scale172 {
  border-top: 95.513px solid;
  transform: rotate(172deg);
}
.rotate-with-scale173 {
  border-top: 95.392px solid;
  transform: rotate(173deg);
}
.rotate-with-scale174 {
  border-top: 95.288px solid;
  transform: rotate(174deg);
}
.rotate-with-scale175 {
  border-top: 95.2px solid;
  transform: rotate(175deg);
}
.rotate-with-scale176 {
  border-top: 95.128px solid;
  transform: rotate(176deg);
}
.rotate-with-scale177 {
  border-top: 95.072px solid;
  transform: rotate(177deg);
}
.rotate-with-scale178 {
  border-top: 95.032px solid;
  transform: rotate(178deg);
}
.rotate-with-scale179 {
  border-top: 95.008px solid;
  transform: rotate(179deg);
}
.rotate-with-scale180 {
  border-top: 95px solid;
  transform: rotate(180deg);
}
.rotate-with-scale181 {
  border-top: 95.008px solid;
  transform: rotate(181deg);
}
.rotate-with-scale182 {
  border-top: 95.032px solid;
  transform: rotate(182deg);
}
.rotate-with-scale183 {
  border-top: 95.072px solid;
  transform: rotate(183deg);
}
.rotate-with-scale184 {
  border-top: 95.128px solid;
  transform: rotate(184deg);
}
.rotate-with-scale185 {
  border-top: 95.2px solid;
  transform: rotate(185deg);
}
.rotate-with-scale186 {
  border-top: 95.288px solid;
  transform: rotate(186deg);
}
.rotate-with-scale187 {
  border-top: 95.392px solid;
  transform: rotate(187deg);
}
.rotate-with-scale188 {
  border-top: 95.512px solid;
  transform: rotate(188deg);
}
.rotate-with-scale189 {
  border-top: 95.648px solid;
  transform: rotate(189deg);
}
.rotate-with-scale190 {
  border-top: 95.801px solid;
  transform: rotate(190deg);
}
.rotate-with-scale191 {
  border-top: 95.969px solid;
  transform: rotate(191deg);
}
.rotate-with-scale192 {
  border-top: 96.154px solid;
  transform: rotate(192deg);
}
.rotate-with-scale193 {
  border-top: 96.356px solid;
  transform: rotate(193deg);
}
.rotate-with-scale194 {
  border-top: 96.573px solid;
  transform: rotate(194deg);
}
.rotate-with-scale195 {
  border-top: 96.807px solid;
  transform: rotate(195deg);
}
.rotate-with-scale196 {
  border-top: 97.058px solid;
  transform: rotate(196deg);
}
.rotate-with-scale197 {
  border-top: 97.325px solid;
  transform: rotate(197deg);
}
.rotate-with-scale198 {
  border-top: 97.608px solid;
  transform: rotate(198deg);
}
.rotate-with-scale199 {
  border-top: 97.909px solid;
  transform: rotate(199deg);
}
.rotate-with-scale200 {
  border-top: 98.226px solid;
  transform: rotate(200deg);
}
.rotate-with-scale201 {
  border-top: 98.559px solid;
  transform: rotate(201deg);
}
.rotate-with-scale202 {
  border-top: 98.91px solid;
  transform: rotate(202deg);
}
.rotate-with-scale203 {
  border-top: 99.277px solid;
  transform: rotate(203deg);
}
.rotate-with-scale204 {
  border-top: 99.662px solid;
  transform: rotate(204deg);
}
.rotate-with-scale205 {
  border-top: 100.063px solid;
  transform: rotate(205deg);
}
.rotate-with-scale206 {
  border-top: 100.482px solid;
  transform: rotate(206deg);
}
.rotate-with-scale207 {
  border-top: 100.917px solid;
  transform: rotate(207deg);
}
.rotate-with-scale208 {
  border-top: 101.37px solid;
  transform: rotate(208deg);
}
.rotate-with-scale209 {
  border-top: 101.84px solid;
  transform: rotate(209deg);
}
.rotate-with-scale210 {
  border-top: 102.327px solid;
  transform: rotate(210deg);
}
.rotate-with-scale211 {
  border-top: 102.831px solid;
  transform: rotate(211deg);
}
.rotate-with-scale212 {
  border-top: 103.352px solid;
  transform: rotate(212deg);
}
.rotate-with-scale213 {
  border-top: 103.891px solid;
  transform: rotate(213deg);
}
.rotate-with-scale214 {
  border-top: 104.446px solid;
  transform: rotate(214deg);
}
.rotate-with-scale215 {
  border-top: 105.019px solid;
  transform: rotate(215deg);
}
.rotate-with-scale216 {
  border-top: 105.609px solid;
  transform: rotate(216deg);
}
.rotate-with-scale217 {
  border-top: 106.216px solid;
  transform: rotate(217deg);
}
.rotate-with-scale218 {
  border-top: 106.84px solid;
  transform: rotate(218deg);
}
.rotate-with-scale219 {
  border-top: 107.48px solid;
  transform: rotate(219deg);
}
.rotate-with-scale220 {
  border-top: 108.137px solid;
  transform: rotate(220deg);
}
.rotate-with-scale221 {
  border-top: 108.81px solid;
  transform: rotate(221deg);
}
.rotate-with-scale222 {
  border-top: 109.5px solid;
  transform: rotate(222deg);
}
.rotate-with-scale223 {
  border-top: 110.205px solid;
  transform: rotate(223deg);
}
.rotate-with-scale224 {
  border-top: 110.926px solid;
  transform: rotate(224deg);
}
.rotate-with-scale225 {
  border-top: 111.662px solid;
  transform: rotate(225deg);
}
.rotate-with-scale226 {
  border-top: 112.413px solid;
  transform: rotate(226deg);
}
.rotate-with-scale227 {
  border-top: 113.179px solid;
  transform: rotate(227deg);
}
.rotate-with-scale228 {
  border-top: 113.958px solid;
  transform: rotate(228deg);
}
.rotate-with-scale229 {
  border-top: 114.751px solid;
  transform: rotate(229deg);
}
.rotate-with-scale230 {
  border-top: 115.556px solid;
  transform: rotate(230deg);
}
.rotate-with-scale231 {
  border-top: 116.374px solid;
  transform: rotate(231deg);
}
.rotate-with-scale232 {
  border-top: 117.203px solid;
  transform: rotate(232deg);
}
.rotate-with-scale233 {
  border-top: 118.043px solid;
  transform: rotate(233deg);
}
.rotate-with-scale234 {
  border-top: 118.892px solid;
  transform: rotate(234deg);
}
.rotate-with-scale235 {
  border-top: 119.75px solid;
  transform: rotate(235deg);
}
.rotate-with-scale236 {
  border-top: 120.615px solid;
  transform: rotate(236deg);
}
.rotate-with-scale237 {
  border-top: 121.488px solid;
  transform: rotate(237deg);
}
.rotate-with-scale238 {
  border-top: 122.365px solid;
  transform: rotate(238deg);
}
.rotate-with-scale239 {
  border-top: 123.246px solid;
  transform: rotate(239deg);
}
.rotate-with-scale240 {
  border-top: 124.13px solid;
  transform: rotate(240deg);
}
.rotate-with-scale241 {
  border-top: 125.016px solid;
  transform: rotate(241deg);
}
.rotate-with-scale242 {
  border-top: 125.9px solid;
  transform: rotate(242deg);
}
.rotate-with-scale243 {
  border-top: 126.783px solid;
  transform: rotate(243deg);
}
.rotate-with-scale244 {
  border-top: 127.661px solid;
  transform: rotate(244deg);
}
.rotate-with-scale245 {
  border-top: 128.534px solid;
  transform: rotate(245deg);
}
.rotate-with-scale246 {
  border-top: 129.398px solid;
  transform: rotate(246deg);
}
.rotate-with-scale247 {
  border-top: 130.253px solid;
  transform: rotate(247deg);
}
.rotate-with-scale248 {
  border-top: 131.096px solid;
  transform: rotate(248deg);
}
.rotate-with-scale249 {
  border-top: 131.925px solid;
  transform: rotate(249deg);
}
.rotate-with-scale250 {
  border-top: 132.737px solid;
  transform: rotate(250deg);
}
.rotate-with-scale251 {
  border-top: 133.53px solid;
  transform: rotate(251deg);
}
.rotate-with-scale252 {
  border-top: 134.302px solid;
  transform: rotate(252deg);
}
.rotate-with-scale253 {
  border-top: 135.051px solid;
  transform: rotate(253deg);
}
.rotate-with-scale254 {
  border-top: 135.773px solid;
  transform: rotate(254deg);
}
.rotate-with-scale255 {
  border-top: 136.467px solid;
  transform: rotate(255deg);
}
.rotate-with-scale256 {
  border-top: 137.131px solid;
  transform: rotate(256deg);
}
.rotate-with-scale257 {
  border-top: 137.76px solid;
  transform: rotate(257deg);
}
.rotate-with-scale258 {
  border-top: 138.354px solid;
  transform: rotate(258deg);
}
.rotate-with-scale259 {
  border-top: 138.911px solid;
  transform: rotate(259deg);
}
.rotate-with-scale260 {
  border-top: 139.427px solid;
  transform: rotate(260deg);
}
.rotate-with-scale261 {
  border-top: 139.901px solid;
  transform: rotate(261deg);
}
.rotate-with-scale262 {
  border-top: 140.331px solid;
  transform: rotate(262deg);
}
.rotate-with-scale263 {
  border-top: 140.714px solid;
  transform: rotate(263deg);
}
.rotate-with-scale264 {
  border-top: 141.051px solid;
  transform: rotate(264deg);
}
.rotate-with-scale265 {
  border-top: 141.338px solid;
  transform: rotate(265deg);
}
.rotate-with-scale266 {
  border-top: 141.575px solid;
  transform: rotate(266deg);
}
.rotate-with-scale267 {
  border-top: 141.76px solid;
  transform: rotate(267deg);
}
.rotate-with-scale268 {
  border-top: 141.893px solid;
  transform: rotate(268deg);
}
.rotate-with-scale269 {
  border-top: 141.973px solid;
  transform: rotate(269deg);
}
.rotate-with-scale270 {
  border-top: 142px solid;
  transform: rotate(270deg);
}
.rotate-with-scale271 {
  border-top: 141.974px solid;
  transform: rotate(271deg);
}
.rotate-with-scale272 {
  border-top: 141.894px solid;
  transform: rotate(272deg);
}
.rotate-with-scale273 {
  border-top: 141.761px solid;
  transform: rotate(273deg);
}
.rotate-with-scale274 {
  border-top: 141.577px solid;
  transform: rotate(274deg);
}
.rotate-with-scale275 {
  border-top: 141.34px solid;
  transform: rotate(275deg);
}
.rotate-with-scale276 {
  border-top: 141.054px solid;
  transform: rotate(276deg);
}
.rotate-with-scale277 {
  border-top: 140.718px solid;
  transform: rotate(277deg);
}
.rotate-with-scale278 {
  border-top: 140.334px solid;
  transform: rotate(278deg);
}
.rotate-with-scale279 {
  border-top: 139.905px solid;
  transform: rotate(279deg);
}
.rotate-with-scale280 {
  border-top: 139.432px solid;
  transform: rotate(280deg);
}
.rotate-with-scale281 {
  border-top: 138.916px solid;
  transform: rotate(281deg);
}
.rotate-with-scale282 {
  border-top: 138.36px solid;
  transform: rotate(282deg);
}
.rotate-with-scale283 {
  border-top: 137.766px solid;
  transform: rotate(283deg);
}
.rotate-with-scale284 {
  border-top: 137.137px solid;
  transform: rotate(284deg);
}
.rotate-with-scale285 {
  border-top: 136.474px solid;
  transform: rotate(285deg);
}
.rotate-with-scale286 {
  border-top: 135.78px solid;
  transform: rotate(286deg);
}
.rotate-with-scale287 {
  border-top: 135.058px solid;
  transform: rotate(287deg);
}
.rotate-with-scale288 {
  border-top: 134.31px solid;
  transform: rotate(288deg);
}
.rotate-with-scale289 {
  border-top: 133.538px solid;
  transform: rotate(289deg);
}
.rotate-with-scale290 {
  border-top: 132.745px solid;
  transform: rotate(290deg);
}
.rotate-with-scale291 {
  border-top: 131.933px solid;
  transform: rotate(291deg);
}
.rotate-with-scale292 {
  border-top: 131.104px solid;
  transform: rotate(292deg);
}
.rotate-with-scale293 {
  border-top: 130.261px solid;
  transform: rotate(293deg);
}
.rotate-with-scale294 {
  border-top: 129.407px solid;
  transform: rotate(294deg);
}
.rotate-with-scale295 {
  border-top: 128.542px solid;
  transform: rotate(295deg);
}
.rotate-with-scale296 {
  border-top: 127.669px solid;
  transform: rotate(296deg);
}
.rotate-with-scale297 {
  border-top: 126.791px solid;
  transform: rotate(297deg);
}
.rotate-with-scale298 {
  border-top: 125.909px solid;
  transform: rotate(298deg);
}
.rotate-with-scale299 {
  border-top: 125.024px solid;
  transform: rotate(299deg);
}
.rotate-with-scale300 {
  border-top: 124.139px solid;
  transform: rotate(300deg);
}
.rotate-with-scale301 {
  border-top: 123.255px solid;
  transform: rotate(301deg);
}
.rotate-with-scale302 {
  border-top: 122.373px solid;
  transform: rotate(302deg);
}
.rotate-with-scale303 {
  border-top: 121.496px solid;
  transform: rotate(303deg);
}
.rotate-with-scale304 {
  border-top: 120.624px solid;
  transform: rotate(304deg);
}
.rotate-with-scale305 {
  border-top: 119.758px solid;
  transform: rotate(305deg);
}
.rotate-with-scale306 {
  border-top: 118.9px solid;
  transform: rotate(306deg);
}
.rotate-with-scale307 {
  border-top: 118.051px solid;
  transform: rotate(307deg);
}
.rotate-with-scale308 {
  border-top: 117.211px solid;
  transform: rotate(308deg);
}
.rotate-with-scale309 {
  border-top: 116.382px solid;
  transform: rotate(309deg);
}
.rotate-with-scale310 {
  border-top: 115.564px solid;
  transform: rotate(310deg);
}
.rotate-with-scale311 {
  border-top: 114.758px solid;
  transform: rotate(311deg);
}
.rotate-with-scale312 {
  border-top: 113.965px solid;
  transform: rotate(312deg);
}
.rotate-with-scale313 {
  border-top: 113.186px solid;
  transform: rotate(313deg);
}
.rotate-with-scale314 {
  border-top: 112.42px solid;
  transform: rotate(314deg);
}
.rotate-with-scale315 {
  border-top: 111.669px solid;
  transform: rotate(315deg);
}
.rotate-with-scale316 {
  border-top: 110.933px solid;
  transform: rotate(316deg);
}
.rotate-with-scale317 {
  border-top: 110.212px solid;
  transform: rotate(317deg);
}
.rotate-with-scale318 {
  border-top: 109.506px solid;
  transform: rotate(318deg);
}
.rotate-with-scale319 {
  border-top: 108.817px solid;
  transform: rotate(319deg);
}
.rotate-with-scale320 {
  border-top: 108.143px solid;
  transform: rotate(320deg);
}
.rotate-with-scale321 {
  border-top: 107.486px solid;
  transform: rotate(321deg);
}
.rotate-with-scale322 {
  border-top: 106.846px solid;
  transform: rotate(322deg);
}
.rotate-with-scale323 {
  border-top: 106.222px solid;
  transform: rotate(323deg);
}
.rotate-with-scale324 {
  border-top: 105.615px solid;
  transform: rotate(324deg);
}
.rotate-with-scale325 {
  border-top: 105.025px solid;
  transform: rotate(325deg);
}
.rotate-with-scale326 {
  border-top: 104.452px solid;
  transform: rotate(326deg);
}
.rotate-with-scale327 {
  border-top: 103.896px solid;
  transform: rotate(327deg);
}
.rotate-with-scale328 {
  border-top: 103.357px solid;
  transform: rotate(328deg);
}
.rotate-with-scale329 {
  border-top: 102.836px solid;
  transform: rotate(329deg);
}
.rotate-with-scale330 {
  border-top: 102.331px solid;
  transform: rotate(330deg);
}
.rotate-with-scale331 {
  border-top: 101.844px solid;
  transform: rotate(331deg);
}
.rotate-with-scale332 {
  border-top: 101.374px solid;
  transform: rotate(332deg);
}
.rotate-with-scale333 {
  border-top: 100.921px solid;
  transform: rotate(333deg);
}
.rotate-with-scale334 {
  border-top: 100.486px solid;
  transform: rotate(334deg);
}
.rotate-with-scale335 {
  border-top: 100.067px solid;
  transform: rotate(335deg);
}
.rotate-with-scale336 {
  border-top: 99.665px solid;
  transform: rotate(336deg);
}
.rotate-with-scale337 {
  border-top: 99.281px solid;
  transform: rotate(337deg);
}
.rotate-with-scale338 {
  border-top: 98.913px solid;
  transform: rotate(338deg);
}
.rotate-with-scale339 {
  border-top: 98.563px solid;
  transform: rotate(339deg);
}
.rotate-with-scale340 {
  border-top: 98.229px solid;
  transform: rotate(340deg);
}
.rotate-with-scale341 {
  border-top: 97.912px solid;
  transform: rotate(341deg);
}
.rotate-with-scale342 {
  border-top: 97.611px solid;
  transform: rotate(342deg);
}
.rotate-with-scale343 {
  border-top: 97.327px solid;
  transform: rotate(343deg);
}
.rotate-with-scale344 {
  border-top: 97.06px solid;
  transform: rotate(344deg);
}
.rotate-with-scale345 {
  border-top: 96.81px solid;
  transform: rotate(345deg);
}
.rotate-with-scale346 {
  border-top: 96.575px solid;
  transform: rotate(346deg);
}
.rotate-with-scale347 {
  border-top: 96.358px solid;
  transform: rotate(347deg);
}
.rotate-with-scale348 {
  border-top: 96.156px solid;
  transform: rotate(348deg);
}
.rotate-with-scale349 {
  border-top: 95.971px solid;
  transform: rotate(349deg);
}
.rotate-with-scale350 {
  border-top: 95.802px solid;
  transform: rotate(350deg);
}
.rotate-with-scale351 {
  border-top: 95.65px solid;
  transform: rotate(351deg);
}
.rotate-with-scale352 {
  border-top: 95.513px solid;
  transform: rotate(352deg);
}
.rotate-with-scale353 {
  border-top: 95.393px solid;
  transform: rotate(353deg);
}
.rotate-with-scale354 {
  border-top: 95.289px solid;
  transform: rotate(354deg);
}
.rotate-with-scale355 {
  border-top: 95.2px solid;
  transform: rotate(355deg);
}
.rotate-with-scale356 {
  border-top: 95.128px solid;
  transform: rotate(356deg);
}
.rotate-with-scale357 {
  border-top: 95.072px solid;
  transform: rotate(357deg);
}
.rotate-with-scale358 {
  border-top: 95.032px solid;
  transform: rotate(358deg);
}
.rotate-with-scale359 {
  border-top: 95.008px solid;
  transform: rotate(359deg);
}
.rotate-with-scale360 {
  border-top: 95px solid;
  transform: rotate(360deg);
}
.group-body-ellipse {
  width: 142px;
  height: 95px;
  border-radius: 95px;
  font-size: 0px;
  position: absolute;
  bottom: -142px;
  left: -71px;
}
.group-body-all-digit {
  position: absolute;
  bottom: -108px;
  left: -40px;
  display: flex;
}
.group-body-ellipse.neutral {
  background: hsl(210, 100%, 98%);
}
.group-body-ellipse.grey {
  background: hsl(0, 0%, 92%);
}
.group-body-ellipse.salad {
  background: hsl(83, 57%, 97%);
}
.group-body-ellipse.orange {
  background: hsl(32, 100%, 94%);
}
.group-body-ellipse.сoral {
  background: hsl(3, 100%, 96%);
}
.border-container.neutral {
  background: hsl(210, 100%, 98%);
  border-color: hsl(195, 53%, 79%);
}
.border-container.grey {
  background: hsl(0, 0%, 92%);
  border-color: hsl(0, 0%, 75%);
}
.border-container.salad {
  background: hsl(83, 57%, 97%);
  border-color: hsl(80, 61%, 50%);
}
.border-container.orange {
  background: hsl(32, 100%, 94%);
  border-color: hsl(34, 57%, 70%);
}
.border-container.сoral {
  background: hsl(3, 100%, 96%);
  border-color: hsl(0, 80%, 86%);
}
.group-header {
  border: 0px solid;
  height: 24px;
  width: 506px;
  display: flex;
  border-radius: 10px 0;
}
.group-header.neutral {
  background: hsl(210, 100%, 94%);
}
.group-header.grey {
  background: hsl(0, 0%, 75%);
}
.group-header.orange {
  background: hsl(34, 57%, 70%);
}
.group-header.сoral {
  background: hsl(6, 100%, 90%);
}
.group-header.salad {
  background: hsl(83, 55%, 88%);
}
.newbtn-container {
  margin-top: 18px;
}
.border-container {
  border: 0px solid;
  width: 520px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
  height: 230px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: 10px;
  margin-bottom: 16px;
  border-left: 2px solid;
  border-radius: 10px;
  padding: 0 !important;
}
.breackline {
  font-size: 0px;
  font-family: Roboto-Medium, sans-serif;
  width: 1300px;
  border: 1px solid;
  height: 0px;
  color: hsl(0, 0%, 46%);
}
.elementname,
.counter,
.group {
  font-size: 17px;
  font-family: Roboto-Medium, sans-serif;
  color: hsl(0, 0%, 46%);
  border: 0px solid;
  height: 33px;
}
.group {
  width: 400px;
  display: flex;
  flex-direction: row;
}
.elementname {
  width: 97px;
}
.counter {
  width: 233px;
}
.group-header-button {
  width: 130px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.group-header-button:last-child {
  border-radius: 0 10px 0 0;
}
.btn.btn-secondary.danger {
  color: red;
}
.btn.btn-secondary.neutral {
  color: hsl(0, 0%, 46%);
}
.btn.btn-secondary.infobtn {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  border: 1px solid;
  font-size: 13px !important;
}
.group-header-text {
  font-size: 17px;
  font-family: Roboto-Medium, sans-serif;
  color: hsl(0, 0%, 46%);
  width: 390px;
  display: flex;
  justify-content: space-around;
  flex-direction: row;
}
.gisto-vertical {
  margin-left: 1px;
  margin-right: 1px;
  display: flex;
  flex-direction: column;
}
.vertical-container,
.vertical-container-table {
  display: flex;
  flex-direction: column;
}
.vertical-container-table {
  align-items: center;
}
.indicator-border {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
}
.indicator-border.warning {
  border-left: 3px solid #ffe177;
}
.indicator-border.danger {
  border-left: 3px solid #eb5757;
}
.indicator-border.primary {
  border-left: 3px solid #24d17e;
}
.indicator-border.info {
  border-left: 3px solid #55a8fd;
}
.btn.btn-secondary.icon {
  background: none;
  border: 0px;
  cursor: pointer;
}
.link-grouplinks {
  font-size: 16px;
  font-family: Times New Roman;
  color: dodgerblue;
  margin-top: 5px;
  margin-bottom: 9px;
}
.group-body-icon-text {
  font-size: 17px;
  font-family: Times New Roman;
  color: skyblue;
}
.group-body {
  display: flex;
  margin-top: 8px;
}
.group-body.column {
  display: flex;
  flex-flow: nowrap;
  align-items: stretch;
  justify-content: space-around;
  flex-direction: column;
}
.group-body.gisto {
  display: flex;
  flex-flow: nowrap;
  justify-content: space-around;
  flex-direction: row;
}
.group-body-summ {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
}
.group-body-text-string-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.group-body-text-string {
  font-size: 20px;
  font-family: Times New Roman;
  color: #55a8fd;
  display: flex;
  text-decoration: none;
  flex-flow: nowrap;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin-right: 4px;
}
.group-body-item-string {
  display: flex;
  align-items: stretch;
  flex-direction: row;
}
.group-body-item-line {
  display: flex;
  margin-left: 10px;
  margin-bottom: 2px;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.group-body-item-linear {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  align-items: flex-end;
  line-height: 17px;
}
.group-body-item-center {
  display: flex;
  margin-left: 10px;
  margin-right: 10px;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.group-body-item-ringindicator {
  display: flex;
  position: relative;
  width: 190px;
  left: 95px;
  height: 100%;
}
.group-body-item-ellipseindicator {
  display: flex;
  position: relative;
  width: 190px;
  left: 110px;
  height: 100%;
}
.group-body-ring-stringcontainer {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.group-body-gisto-stringcontainer {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  flex-direction: column;
}
.group-body-gisto-itemscontainer {
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  flex-direction: row;
}
.group-body-digit-column {
  font-size: 40px;
  font-family: Times New Roman;
  text-decoration: none;
}
.group-body-item-columns {
  display: flex;
  align-items: stretch;
  flex-direction: row;
}
.group-body-item-innercolumn {
  display: flex;
  flex-flow: nowrap;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
}
.group-body-item-gisto {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: flex-end;
}
.group-body-table-column-items {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.group-body-table-text {
  font-size: 12px;
  font-family: Times New Roman;
  color: hsl(0, 0%, 46%);
  margin-right: 3px;
}
.group-body-table-stringcontainer {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}
.group-body-table-line {
  margin-left: 4px;
  display: flex;
  align-items: stretch;
  flex-direction: row;
  justify-content: space-around;
}
.group-body-table-right {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.group-body-table-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.group-body-table-bigtext {
  white-space: nowrap;
  font-size: 16px;
  font-family: Times New Roman;
  color: #55a8fd;
}
.group-body-progressbar-line-right {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.group-body-progressbar-line-left {
  margin-right: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 84px;
  overflow: hidden;
}
.btn.btn-secondary.progressbar-table {
  cursor: pointer;
  font-size: 16px;
  border: 0px solid;
  color: #55a8fd;
  background: none;
  font-family: Times New Roman;
  margin: 0;
  padding: 0;
  line-height: 16px;
  height: 16px;
}
.group-body-progressbar-text {
  font-size: 16px;
  font-family: Times New Roman;
  color: #55a8fd;
}
.group-body-progressbar-stringcontainer {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  width: 100%;
}
.group-body-progressbar-line {
  height: 40px;
  margin-left: 4px;
  display: flex;
  align-items: stretch;
  flex-direction: row;
}
.group-body-progressbar-ind {
  display: flex;
  align-items: stretch;
  flex-direction: row;
}
.group-body-progressbar-text-summ {
  display: flex;
  align-items: center;
  flex-direction: row;
  border: 0px solid;
  width: 370px;
  justify-content: center;
}
.group-body-progressbar-indicator-with-definitions {
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
.group-body-progressbar-indicator-item {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-around;
}
.group-body-digit {
  font-size: 19px;
  font-family: Times New Roman;
  text-decoration: none;
  margin-left: 1px;
}
.group-body-microdigit {
  font-size: 12px;
  font-family: Times New Roman;
  text-decoration: none;
  margin-left: 1px;
}
.group-body-progressbar-microtext {
  font-size: 12px;
  font-family: Times New Roman;
  text-decoration: none;
}
.filter-item-wrap {
  border-bottom: 2px;
  border-bottom-color: gray;
  border-bottom-style: solid;
  margin-bottom: 16px;
}
.column-text {
  min-width: 200px;
}
.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: #c0c0c0;
  background-color: #ffffff;
}
.col12 {
  box-sizing: border-box;
}
.col12:after {
  content: " ";
  display: table;
  clear: both;
}
.col12 .col-1,
.col12 .col-2,
.col12 .col-3,
.col12 .col-4,
.col12 .col-5,
.col12 .col-6,
.col12 .col-7,
.col12 .col-8,
.col12 .col-9,
.col12 .col-10,
.col12 .col-11,
.col12 .col-12 {
  float: left;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
}
.col12 .col-1 .control-wrapper,
.col12 .col-2 .control-wrapper,
.col12 .col-3 .control-wrapper,
.col12 .col-4 .control-wrapper,
.col12 .col-5 .control-wrapper,
.col12 .col-6 .control-wrapper,
.col12 .col-7 .control-wrapper,
.col12 .col-8 .control-wrapper,
.col12 .col-9 .control-wrapper,
.col12 .col-10 .control-wrapper,
.col12 .col-11 .control-wrapper,
.col12 .col-12 .control-wrapper {
  min-width: 20px;
}
.col12 .col-1 .control-wrapper select,
.col12 .col-2 .control-wrapper select,
.col12 .col-3 .control-wrapper select,
.col12 .col-4 .control-wrapper select,
.col12 .col-5 .control-wrapper select,
.col12 .col-6 .control-wrapper select,
.col12 .col-7 .control-wrapper select,
.col12 .col-8 .control-wrapper select,
.col12 .col-9 .control-wrapper select,
.col12 .col-10 .control-wrapper select,
.col12 .col-11 .control-wrapper select,
.col12 .col-12 .control-wrapper select {
  width: auto;
}
.col12 .col-1 .control-wrapper .control-box,
.col12 .col-2 .control-wrapper .control-box,
.col12 .col-3 .control-wrapper .control-box,
.col12 .col-4 .control-wrapper .control-box,
.col12 .col-5 .control-wrapper .control-box,
.col12 .col-6 .control-wrapper .control-box,
.col12 .col-7 .control-wrapper .control-box,
.col12 .col-8 .control-wrapper .control-box,
.col12 .col-9 .control-wrapper .control-box,
.col12 .col-10 .control-wrapper .control-box,
.col12 .col-11 .control-wrapper .control-box,
.col12 .col-12 .control-wrapper .control-box {
  width: 100%;
  margin-right: 10px;
}
.col12.element-container.table-container {
  padding: 0;
}
.col12 .col-1 {
  width: 8.33333333%;
}
.col12 .col-2 {
  width: 16.66666667%;
}
.col12 .col-3 {
  width: 25%;
}
.col12 .col-4 {
  width: 33.33333333%;
}
.col12 .col-5 {
  width: 41.66666667%;
}
.col12 .col-6 {
  width: 50%;
}
.col12 .col-7 {
  width: 58.33333333%;
}
.col12 .col-8 {
  width: 66.66666667%;
}
.col12 .col-9 {
  width: 75%;
}
.col12 .col-10 {
  width: 83.33333333%;
}
.col12 .col-11 {
  width: 91.66666667%;
}
.col12 .col-12 {
  width: 100%;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/MaterialIcons-Regular.eot');
  /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'), url('../fonts/MaterialIcons-Regular.woff2') format('woff2'), url('../fonts/MaterialIcons-Regular.woff') format('woff'), url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
}
.material-icon {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  color: #bdbdbd;
}
.material-icon.md-8 {
  font-size: 12px;
}
.material-icon.md-16 {
  font-size: 16px !important;
}
.material-icon.md-20 {
  font-size: 20px;
}
.material-icon.md-24 {
  font-size: 24px !important;
}
.material-icon.xs {
  font-size: 12px;
}
.material-icon.sm {
  font-size: 16px !important;
}
.material-icon.md {
  font-size: 20px;
}
.material-icon.lg {
  font-size: 24px !important;
}
@font-face {
  font-family: 'Trs Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/trs-icons-regular.ttf') format('truetype');
}
.trs-icon {
  font-family: 'Trs Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  color: #bdbdbd;
}
.trs-icon.md-8 {
  font-size: 12px;
}
.trs-icon.md-16 {
  font-size: 16px !important;
}
.trs-icon.md-20 {
  font-size: 20px;
}
.trs-icon.md-24 {
  font-size: 24px !important;
}
.trs-icon.xs {
  font-size: 12px;
}
.trs-icon.sm {
  font-size: 16px !important;
}
.trs-icon.md {
  font-size: 20px;
}
.trs-icon.lg {
  font-size: 24px !important;
}
.static-text.displayinline {
  display: inline-block;
}
.static-text.inline {
  line-height: 27px;
}
.static-text.danger {
  color: #eb5757;
}
.static-text.warning {
  color: #ffe177;
}
.static-text.primary {
  color: #55a8fd;
}
.static-text.disabled {
  color: #aaaeb6;
}
.text-bold {
  font-weight: bold;
}
.text-10 {
  font-size: 10px;
}
.text-11 {
  font-size: 11px;
}
.text-12 {
  font-size: 12px;
}
.text-13 {
  font-size: 13px;
}
.text-14 {
  font-size: 14px;
}
.text-15 {
  font-size: 15px;
}
.text-16 {
  font-size: 16px;
}
.text-17 {
  font-size: 17px;
}
.text-18 {
  font-size: 18px;
}
.text-italic {
  font-style: italic;
}
.font-arial {
  font-family: 'Arial', sans-serif;
}
.text_line-break {
  display: block;
}
.collapsible-group input.collapsible-group-trigger {
  position: absolute;
  z-index: -1;
  top: -100px;
  left: -100px;
}
.collapsible-group > .control-header {
  cursor: pointer;
}
.collapsible-group > .control-header .collapsible-group-icon {
  font-size: 18px;
  color: #55a8fd;
  line-height: 14px;
  vertical-align: middle;
}
.collapsible-group > .control-header .label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.collapsible-group > .control-container {
  border-left: 2px solid #55a8fd;
  padding-left: 8px;
  margin-left: 8px;
}
.collapsible-group.collapsed > .control-container {
  display: none;
}
.uploader .upl_wrapper {
  max-width: 500px;
  position: relative;
}
.uploader .upl_wrapper .header_upl .edit {
  float: left;
  display: inline-block;
  margin-top: -24px;
}
.uploader .upl_wrapper .upl_content .hid_file {
  overflow: hidden;
}
.uploader .upl_wrapper .upl_content .hid_file > input {
  display: none;
}
.uploader .upl_wrapper .upl_content .clear_file {
  margin-left: 0px !important;
  position: absolute;
  background: no-repeat center center;
  background-color: transparent;
  border: none;
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: #55a8fd;
}
.uploader .upl_wrapper .upl_content .disp_file > label {
  float: left;
  display: inline-block;
  text-decoration: underline;
  color: #55a8fd;
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin-bottom: -5px;
  margin-right: 16px;
  background: no-repeat center center;
}
.uploader .upl_wrapper .upl_content .download_file {
  margin-left: 0px !important;
  position: absolute;
  background: no-repeat center center;
  background-color: transparent;
  border: none;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.add_upl {
  width: 44px;
  height: 44px;
  background: url(../images/plusAdd.svg) no-repeat center center;
  background-size: 100%;
  border: none;
  /*float: right;
    margin-top: 20px;*/
  position: absolute;
  bottom: 0;
  right: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .uploader .upl_wrapper .upl_content .hid_file > input {
    margin-left: 0;
  }
  .uploader .upl_wrapper .upl_content .hid_file {
    width: 50%;
  }
  .uploader .upl_wrapper .upl_content .hid_file input {
    width: 200%;
    position: relative;
    background: transparent;
    border: none;
    color: #55a8fd;
  }
  .uploader .upl_wrapper .upl_content .clear_file {
    margin-left: 0px !important;
    position: absolute !important;
    background-color: transparent !important;
    border: none !important;
    width: 33px !important;
    height: 20px !important;
  }
}
@supports (-ms-ime-align: auto) {
  .uploader .upl_wrapper .upl_content .hid_file > input {
    margin-left: 0;
  }
  .uploader .upl_wrapper .upl_content .hid_file {
    width: 50%;
    white-space: nowrap;
  }
  .uploader .upl_wrapper .upl_content .hid_file input {
    width: 200%;
    position: relative;
    background: transparent;
    border: none;
    color: #55a8fd;
  }
  .uploader .upl_wrapper .upl_content .clear_file {
    margin-left: 0px !important;
    position: absolute !important;
    background-color: transparent !important;
    border: none !important;
    width: 33px !important;
    height: 20px !important;
  }
}
.ie8 body {
  /*.uploader .upl_wrapper .upl_content {
        margin-top: 35px;
    }*/
}
.ie8 body .add_upl {
  background-image: url(../images/plusAdd.png) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background: #55a8fd;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/plusAdd.png', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/plusAdd.png', sizingMethod='scale')";
  margin-top: 0px;
  margin-bottom: 20px;
}
.ie8 body .uploader .upl_wrapper .upl_content .hid_file > input {
  margin-left: 0;
}
.ie8 body .uploader .upl_wrapper .upl_content .hid_file {
  width: 50%;
}
.ie8 body .uploader .upl_wrapper .upl_content .hid_file input {
  width: 200%;
  position: relative;
  background: transparent;
  border: none;
  color: #55a8fd;
}
.ie8 body .uploader .upl_wrapper .upl_content > LABEL {
  margin-top: -43px;
}
.ie8 body .uploader .upl_wrapper .upl_content .clear_file {
  left: 0 !important;
  margin-left: 0 !important;
}
.ie8 body .uploader .upl_wrapper .upl_content > LABEL SPAN {
  background: url(../images/attech.png) no-repeat center center;
}
.ie9 body .uploader .upl_wrapper .upl_content .hid_file > input {
  margin-left: 0;
}
.ie9 body .uploader .upl_wrapper .upl_content .clear_file {
  left: 0 !important;
  margin-left: 0 !important;
}
.ie9 body .uploader .upl_wrapper .upl_content .hid_file {
  width: 50%;
}
.ie9 body .uploader .upl_wrapper .upl_content .hid_file input {
  width: 200%;
  position: relative;
  background: transparent;
  border-style: none;
  color: #55a8fd;
}
.ie9 body .uploader .upl_wrapper .upl_content > label {
  margin-top: -40px;
}
.ie9 body .add_upl {
  margin-bottom: 20px;
}
.ie9 body .uploader .upl_wrapper .upl_content .clear_file {
  background-position: center !important;
  background-repeat: no-repeat !important;
  width: 20px !important;
}
@-moz-document url-prefix() {
  .uploader .upl_wrapper .upl_content .hid_file > input {
    margin-left: -69px;
  }
}
.file-block_disabled .aref {
  cursor: not-allowed;
  pointer-events: none;
  color: #aaaeb6;
}
.file-block_disabled .clear-block .clear_file {
  display: inline-block !important;
  cursor: not-allowed;
  pointer-events: none;
  color: #aaaeb6 !important;
}
.file-block {
  display: flex;
  align-items: center;
}
.file-block .clear-block .clear_file {
  display: none;
  position: relative !important;
  height: 100% !important;
}
.file-block .progress {
  display: inline-flex;
  align-items: center;
  position: relative;
  margin-left: auto;
}
.file-block .progress .progress-line {
  width: 65px;
}
.file-block .progress-title {
  white-space: nowrap;
}
.file-block:hover .clear-block .clear_file {
  display: inline-block;
  position: relative !important;
  height: 100% !important;
}
.icon_clear {
  vertical-align: middle;
}
.clear-block {
  min-width: 24px;
}
.desc-block {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.popup-panel {
  display: block !important;
}
.popup-container {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2000;
  display: block !important;
}
.popup-container .popup-header {
  min-height: 30px;
  margin-left: 10px;
  font-family: 'Roboto-Medium', sans-serif;
  font-size: 16px;
  line-height: 16px;
}
.popup-container .popup-header:hover {
  cursor: move;
}
.popup-container .popup-content {
  position: fixed;
  padding: 12px;
  left: 40%;
  top: 40%;
  width: 20%;
  height: 20%;
}
.popup-container .popup-content.xl {
  left: 10%;
  top: 10%;
  width: 80%;
  height: 80%;
}
.popup-container .popup-content.lg {
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
.popup-container .popup-content.md {
  left: 30%;
  top: 30%;
  width: 40%;
  height: 40%;
}
.popup-container .popup-content.sm {
  left: 35%;
  top: 35%;
  width: 30%;
  height: 30%;
}
.popup-container .popup-content.xs {
  left: 40%;
  top: 40%;
  width: 20%;
  height: 20%;
}
.popup-content {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  box-shadow: 0px 4px 12px #f2f2f2;
  overflow-y: auto;
  z-index: 10;
}
button.btn-popup {
  position: absolute;
  height: 20px;
  width: 20px;
  right: 5px;
  top: 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  color: #55a8fd;
}
button.btn-clear {
  position: absolute;
  height: 16px;
  width: 16px;
  right: 27px;
  top: 9px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  color: #55a8fd;
}
button.btn-clear.hidden {
  display: none;
}
.tree-head {
  position: relative;
  display: block;
  min-height: 36px;
  padding: 8px 0 0 12px;
  border-left: 2px solid #c3c3c3;
}
.tree-head:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: -4px;
  top: 11px;
  border: 6px solid transparent;
  border-left: 8px solid #55a8fd;
}
.tree-head.open {
  border-left: 2px solid #55a8fd;
}
.tree-head.open:before {
  left: -6px;
  top: 15px;
  border: 5px solid transparent;
  border-top: 8px solid #55a8fd;
}
.tree-head.sub:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: -5px;
  top: 13px;
  border: 4px solid #c3c3c3;
  border-radius: 50%;
}
.tree-head.sub.active {
  border-left: 2px solid #55a8fd;
}
.tree-head.sub.active::before {
  border-color: #55a8fd;
}
.progress {
  display: inline-block;
  margin-left: 28px;
  right: 0;
  position: absolute;
}
.progress-line {
  display: inline-block;
  width: 130px;
  border: 1px solid #c3c3c3;
  height: 5px;
}
.progress-bar {
  display: block;
  width: 0%;
  height: 100%;
  background-color: #55a8fd;
}
.progress-title {
  display: inline-block;
  margin-left: 5px;
}
.progress-spin {
  width: 24px;
}
/***function***/
/***style***/
.datetimepicker {
  position: absolute;
  left: 0;
  z-index: 2000;
  width: 254px;
  margin: 11px 0 0;
}
.form-datetimepicker {
  position: relative;
  background-color: #f5f8fb;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
  font-size: 11px;
  overflow: hidden;
}
.form-datetimepicker table {
  width: 100%;
  margin: 0;
  border: 0;
}
.form-datetimepicker table td {
  border: 0;
  text-align: center;
  width: 28px;
  height: 28px;
  cursor: pointer;
  vertical-align: middle;
  font-size: 11px;
}
.form-datetimepicker table td.weekend {
  color: #eb5757;
  color: rgba(235, 87, 87, 0.5);
}
.form-datetimepicker table.dh {
  height: 28px;
  background-color: #7f8797;
  color: #ffffff;
}
.form-datetimepicker table.dh td {
  font-size: 14px;
  line-height: 16px;
  cursor: default;
}
.form-datetimepicker table.dh td.dhdate {
  text-align: left;
  padding-left: 18px;
}
.form-datetimepicker table.dh td.dhtime {
  text-align: right;
  padding-right: 18px;
}
.form-datetimepicker table.dt {
  padding: 0 18px 5px 18px;
}
.form-datetimepicker table.mt {
  background-color: #f5f8fb;
}
.form-datetimepicker table.mt tbody td {
  width: 63px;
  height: 60px;
  border-radius: 0;
  border: 1px solid #e0e0e0;
}
.form-datetimepicker table.mt tbody td.prevy.hover,
.form-datetimepicker table.mt tbody td.nexty.hover {
  border-radius: 0;
  background-color: transparent;
}
.form-datetimepicker table.mt thead td.year {
  font-weight: bold;
  text-align: center;
  padding: 7px;
  font-size: 13px;
  line-height: 21px;
  cursor: default;
}
.form-datetimepicker table.mt .buttonpane td.ok {
  text-align: center;
}
.form-datetimepicker table.mt .buttonpane td.ok .btn {
  margin: 12px 0;
}
.form-datetimepicker td.day {
  width: 14.28571429%;
}
.form-datetimepicker td.name {
  border-top: 1px solid #c3c3c3;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  padding-top: 7px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.26);
}
.form-datetimepicker td.oday {
  color: #bdbdbd;
  cursor: auto;
}
.form-datetimepicker td.disabled {
  color: #bdbdbd;
  cursor: auto;
}
.form-datetimepicker td.prevm {
  text-align: left;
}
.form-datetimepicker td.nextm {
  text-align: right;
}
.form-datetimepicker td i {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 0 none;
  background-repeat: no-repeat;
}
.form-datetimepicker td i.icon-datepicker-prev {
  background-image: url('../images/left-arrow.png');
}
.form-datetimepicker td i.icon-datepicker-next {
  background-image: url('../images/right-arrow.png');
}
.form-datetimepicker td i.icon-datepicker-plus {
  background-image: url('../images/arrow-up.png');
  margin-left: 10px;
}
.form-datetimepicker td i.icon-datepicker-minus {
  background-image: url('../images/arrow-down.png');
  margin-left: 10px;
}
.form-datetimepicker td table.tt {
  border: 0;
}
.form-datetimepicker table.tt {
  padding: 0 0 8px 0;
}
.form-datetimepicker table.tt td.hover {
  border: 0;
  background-color: transparent;
}
.form-datetimepicker table.tt td.common {
  width: 5px;
}
.form-datetimepicker table.tt tbody td {
  width: 40px;
  height: 14px;
  vertical-align: top;
}
.form-datetimepicker table.tt input {
  outline: none;
  margin: 0 6px;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.12);
  width: 38px;
  height: 24px;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
}
.form-datetimepicker table.tt input[type='number']::-webkit-inner-spin-button,
.form-datetimepicker table.tt input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-datetimepicker table.tt input[type='number'] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.form-datetimepicker .buttonpane {
  height: 28px;
}
.form-datetimepicker .buttonpane td {
  border-radius: 0;
  height: 28px;
}
.form-datetimepicker .buttonpane td .btn {
  margin: 0 8px 8px 0;
  padding: 6px 14px;
  color: #ffffff;
  font-size: 12px;
}
.form-datetimepicker .buttonpane td.today {
  width: 60%;
  border-radius: 0;
  border: 0 none;
  background-color: transparent;
  font-size: 11px;
}
.form-datetimepicker .buttonpane td.today.hover {
  color: #000000;
}
.form-datetimepicker .buttonpane td.hover {
  border-radius: 0;
  border: 0 none;
  background: 0 none;
  color: #000000;
}
.form-datetimepicker .buttonpane td.ok {
  text-align: right;
}
.form-datetimepicker .buttonpane td.ok .btn {
  background-color: #55a8fd;
}
.form-datetimepicker .buttonpane td.clear {
  text-align: left;
}
.form-datetimepicker .buttonpane td.clear .btn {
  background-color: #e6f2ff;
  color: #55a8fd;
}
.form-datetimepicker tbody td.today {
  border-radius: 50%;
  border: 1px solid #c3c3c3;
  background-color: #ffffff;
  font-size: 11px;
}
.form-datetimepicker tbody td.selected {
  border-radius: 50%;
  background-color: #c3c3c3;
  background-color: rgba(0, 0, 0, 0.12);
  font-size: 11px;
}
.form-datetimepicker tbody td.hover {
  border-radius: 50%;
  background-color: #55a8fd;
  color: #ffffff;
}
.form-datetimepicker thead td.hover {
  background-color: transparent;
}
.form-datetimepicker thead td.title {
  font-weight: bold;
  text-align: center;
  padding: 7px;
  font-size: 13px;
  line-height: 21px;
  color: #55a8fd;
}
.audio-container .uploader,
.audio-container .button,
.audio-container .static-text {
  float: left;
  margin: 0 1px;
}
.audio-container a {
  border: 0;
  float: left;
  margin: 3px 1px;
  padding: 0;
  background: none;
}
.audio-container button {
  border: none;
  background: none;
  color: #55a8fd;
  cursor: pointer;
}
.audio-container button i {
  padding-left: 0;
  vertical-align: middle;
}
.audio-container button:hover {
  border: none;
  background: none;
  color: #55a8fd;
}
.audio-container button:active {
  border: none;
  background: none;
  color: #55a8fd;
}
.audio-container span {
  border: 0;
  margin: 0;
  padding: 0;
  color: #0000008A;
}
.treenode-root {
  list-style: none;
}
.treenode-root ul {
  list-style: none;
  display: none;
  margin-left: 18px;
}
.treenode-root li {
  width: 100%;
}
.treenode-root li:after {
  content: "";
  display: table;
  clear: both;
}
.treenode-root a {
  text-decoration: none;
  font-size: 100%;
}
.treenode-root div.lineseparated {
  display: inline-block;
  overflow: visible;
  width: 100%;
  margin-top: 8px;
  padding-top: 10px;
}
.treenode-root div.lineseparated:not(.levelone) {
  border-top: 1px dashed rgba(18, 32, 62, 0.08);
}
.treenode-root div.levelone {
  width: 100%;
  margin-top: 20px;
}
.treenode-root div.levelone > div.controls-block.box-size-1 + div.tree-item {
  width: calc(100% - calc(80px + 15px));
}
.treenode-root div.levelone > div.controls-block.box-size-2 + div.tree-item {
  width: calc(100% - calc(128px + 15px));
}
.treenode-root div.levelone > div.controls-block.box-size-3 + div.tree-item {
  width: calc(100% - calc(176px + 15px));
}
.treenode-root div.levelone > div.controls-block.box-size-4 + div.tree-item {
  width: calc(100% - calc(224px + 15px));
}
.treenode-root div.leveltwo.box-size-1 {
  margin-left: calc(0px - calc(18px + calc(80px + 15px)));
  width: calc(100% + calc(18px + calc(80px + 15px)));
}
.treenode-root div.leveltwo.box-size-2 {
  margin-left: calc(0px - calc(18px + calc(128px + 15px)));
  width: calc(100% + calc(18px + calc(128px + 15px)));
}
.treenode-root div.leveltwo.box-size-3 {
  margin-left: calc(0px - calc(18px + calc(176px + 15px)));
  width: calc(100% + calc(18px + calc(176px + 15px)));
}
.treenode-root div.leveltwo.box-size-4 {
  margin-left: calc(0px - calc(18px + calc(224px + 15px)));
  width: calc(100% + calc(18px + calc(224px + 15px)));
}
.treenode-root div.leveltwo div.tree-item {
  margin-left: 18px;
}
.treenode-root div.leveltwo > div.controls-block.box-size-1 + div.tree-item {
  width: calc(100% - calc(18px + calc(80px + 15px)));
}
.treenode-root div.leveltwo > div.controls-block.box-size-2 + div.tree-item {
  width: calc(100% - calc(18px + calc(128px + 15px)));
}
.treenode-root div.leveltwo > div.controls-block.box-size-3 + div.tree-item {
  width: calc(100% - calc(18px + calc(176px + 15px)));
}
.treenode-root div.leveltwo > div.controls-block.box-size-4 + div.tree-item {
  width: calc(100% - calc(18px + calc(224px + 15px)));
}
.treenode-root div.levelthree.box-size-1 {
  margin-left: calc(0px - calc(2 * 18px + calc(80px + 15px)));
  width: calc(100% + calc(2 * 18px + calc(80px + 15px)));
}
.treenode-root div.levelthree.box-size-2 {
  margin-left: calc(0px - calc(2 * 18px + calc(128px + 15px)));
  width: calc(100% + calc(2 * 18px + calc(128px + 15px)));
}
.treenode-root div.levelthree.box-size-3 {
  margin-left: calc(0px - calc(2 * 18px + calc(176px + 15px)));
  width: calc(100% + calc(2 * 18px + calc(176px + 15px)));
}
.treenode-root div.levelthree.box-size-4 {
  margin-left: calc(0px - calc(2 * 18px + calc(224px + 15px)));
  width: calc(100% + calc(2 * 18px + calc(224px + 15px)));
}
.treenode-root div.levelthree div.tree-item {
  margin-left: calc(2 * 18px);
}
.treenode-root div.levelthree > div.controls-block.box-size-1 + div.tree-item {
  width: calc(100% - calc(2 * 18px + calc(80px + 15px)));
}
.treenode-root div.levelthree > div.controls-block.box-size-2 + div.tree-item {
  width: calc(100% - calc(2 * 18px + calc(128px + 15px)));
}
.treenode-root div.levelthree > div.controls-block.box-size-3 + div.tree-item {
  width: calc(100% - calc(2 * 18px + calc(176px + 15px)));
}
.treenode-root div.levelthree > div.controls-block.box-size-4 + div.tree-item {
  width: calc(100% - calc(2 * 18px + calc(224px + 15px)));
}
.treenode-root div.levelfour.box-size-1 {
  margin-left: calc(0px - calc(3 * 18px + calc(80px + 15px)));
  width: calc(100% + calc(3 * 18px + calc(80px + 15px)));
}
.treenode-root div.levelfour.box-size-2 {
  margin-left: calc(0px - calc(3 * 18px + calc(128px + 15px)));
  width: calc(100% + calc(3 * 18px + calc(128px + 15px)));
}
.treenode-root div.levelfour.box-size-3 {
  margin-left: calc(0px - calc(3 * 18px + calc(176px + 15px)));
  width: calc(100% + calc(3 * 18px + calc(176px + 15px)));
}
.treenode-root div.levelfour.box-size-4 {
  margin-left: calc(0px - calc(3 * 18px + calc(224px + 15px)));
  width: calc(100% + calc(3 * 18px + calc(224px + 15px)));
}
.treenode-root div.levelfour div.tree-item {
  margin-left: calc(3 * 18px);
}
.treenode-root div.levelfour > div.controls-block.box-size-1 + div.tree-item {
  width: calc(100% - calc(3 * 18px + calc(80px + 15px)));
}
.treenode-root div.levelfour > div.controls-block.box-size-2 + div.tree-item {
  width: calc(100% - calc(3 * 18px + calc(128px + 15px)));
}
.treenode-root div.levelfour > div.controls-block.box-size-3 + div.tree-item {
  width: calc(100% - calc(3 * 18px + calc(176px + 15px)));
}
.treenode-root div.levelfour > div.controls-block.box-size-4 + div.tree-item {
  width: calc(100% - calc(3 * 18px + calc(224px + 15px)));
}
.treenode-root div.levelfive.box-size-1 {
  margin-left: calc(0px - calc(4 * 18px + calc(80px + 15px)));
  width: calc(100% + calc(4 * 18px + calc(80px + 15px)));
}
.treenode-root div.levelfive.box-size-2 {
  margin-left: calc(0px - calc(4 * 18px + calc(128px + 15px)));
  width: calc(100% + calc(4 * 18px + calc(128px + 15px)));
}
.treenode-root div.levelfive.box-size-3 {
  margin-left: calc(0px - calc(4 * 18px + calc(176px + 15px)));
  width: calc(100% + calc(4 * 18px + calc(176px + 15px)));
}
.treenode-root div.levelfive.box-size-4 {
  margin-left: calc(0px - calc(4 * 18px + calc(224px + 15px)));
  width: calc(100% + calc(4 * 18px + calc(224px + 15px)));
}
.treenode-root div.levelfive div.tree-item {
  margin-left: calc(4 * 18px);
}
.treenode-root div.levelfive > div.controls-block.box-size-1 + div.tree-item {
  width: calc(100% - calc(4 * 18px + calc(80px + 15px)));
}
.treenode-root div.levelfive > div.controls-block.box-size-2 + div.tree-item {
  width: calc(100% - calc(4 * 18px + calc(128px + 15px)));
}
.treenode-root div.levelfive > div.controls-block.box-size-3 + div.tree-item {
  width: calc(100% - calc(4 * 18px + calc(176px + 15px)));
}
.treenode-root div.levelfive > div.controls-block.box-size-4 + div.tree-item {
  width: calc(100% - calc(4 * 18px + calc(224px + 15px)));
}
.treenode-root div.levelsix.box-size-1 {
  margin-left: calc(0px - calc(5 * 18px + calc(80px + 15px)));
  width: calc(100% + calc(5 * 18px + calc(80px + 15px)));
}
.treenode-root div.levelsix.box-size-2 {
  margin-left: calc(0px - calc(5 * 18px + calc(128px + 15px)));
  width: calc(100% + calc(5 * 18px + calc(128px + 15px)));
}
.treenode-root div.levelsix.box-size-3 {
  margin-left: calc(0px - calc(5 * 18px + calc(176px + 15px)));
  width: calc(100% + calc(5 * 18px + calc(176px + 15px)));
}
.treenode-root div.levelsix.box-size-4 {
  margin-left: calc(0px - calc(5 * 18px + calc(224px + 15px)));
  width: calc(100% + calc(5 * 18px + calc(224px + 15px)));
}
.treenode-root div.levelsix div.tree-item {
  margin-left: calc(5 * 18px);
}
.treenode-root div.levelsix > div.controls-block.box-size-1 + div.tree-item {
  width: calc(100% - calc(5 * 18px + calc(80px + 15px)));
}
.treenode-root div.levelsix > div.controls-block.box-size-2 + div.tree-item {
  width: calc(100% - calc(5 * 18px + calc(128px + 15px)));
}
.treenode-root div.levelsix > div.controls-block.box-size-3 + div.tree-item {
  width: calc(100% - calc(5 * 18px + calc(176px + 15px)));
}
.treenode-root div.levelsix > div.controls-block.box-size-4 + div.tree-item {
  width: calc(100% - calc(5 * 18px + calc(224px + 15px)));
}
.treenode-root div.controls-block {
  display: inline-block;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: 15px;
  vertical-align: top;
  padding-top: 8px;
  height: 35px;
  text-align: center;
  border-right: 2px dashed rgba(18, 32, 62, 0.08);
}
.treenode-root div.controls-block.box-size-1 {
  width: 80px;
}
.treenode-root div.controls-block.box-size-2 {
  width: 128px;
}
.treenode-root div.controls-block.box-size-3 {
  width: 176px;
}
.treenode-root div.controls-block.box-size-4 {
  width: 224px;
}
.treenode-root div.tree-item {
  display: inline-block;
  overflow: visible;
  margin-top: 5px;
}
.treenode-root label,
.treenode-root span {
  word-break: break-all;
}
.treenode-root label,
.treenode-root button,
.treenode-root a,
.treenode-root span {
  display: block;
  position: relative;
  color: #7f8797;
  color: rgba(18, 32, 62, 0.54);
}
.treenode-root label > div,
.treenode-root button > div,
.treenode-root a > div,
.treenode-root span > div {
  display: inline-block;
  height: 35px;
  border-left: 2px solid;
  border-color: #e3e4e8;
  border-color: rgba(18, 32, 62, 0.12);
  margin-left: 5px;
  margin-right: 16px;
  vertical-align: middle;
}
.treenode-root label > div::before,
.treenode-root button > div::before,
.treenode-root a > div::before,
.treenode-root span > div::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 11px;
}
.treenode-root a.btn-control {
  display: inline-block;
  height: 28px;
  width: 28px;
  padding: 0;
  line-height: 28px;
  background: inherit;
  border: none;
}
.treenode-root label > div.active::before {
  border-top: 5px solid #ffffff;
  border-left: 5px solid #55a8fd;
  border-bottom: 5px solid #ffffff;
  left: 4px;
}
.treenode-root label > div.inactive::before {
  border-top: 5px solid #ffffff;
  border-left: 5px solid rgba(18, 32, 62, 0.26);
  border-bottom: 5px solid #ffffff;
  left: 4px;
}
.treenode-root button,
.treenode-root a,
.treenode-root span {
  border: none;
  background: none;
  color: #7f8797;
  color: rgba(18, 32, 62, 0.54);
}
.treenode-root button > div.inactive::before,
.treenode-root a > div.inactive::before,
.treenode-root span > div.inactive::before {
  border: 4px solid #c1c5cd;
  border-radius: 50%;
  top: 14px;
  left: 2px;
}
.treenode-root button > div.active::before,
.treenode-root a > div.active::before,
.treenode-root span > div.active::before {
  border: 4px solid #55a8fd;
  border-radius: 50%;
  top: 14px;
  left: 2px;
}
.treenode-root button.tree-leaf-selected > div,
.treenode-root a.tree-leaf-selected > div,
.treenode-root span.tree-leaf-selected > div {
  border-color: #55a8fd;
}
.treenode-root button.tree-leaf-selected > div::before,
.treenode-root a.tree-leaf-selected > div::before,
.treenode-root span.tree-leaf-selected > div::before {
  border-color: #55a8fd;
}
.treenode-root input[type="checkbox"] {
  display: none;
}
.treenode-root input[type="checkbox"]:checked ~ ul {
  display: block;
}
.treenode-root input[type="checkbox"]:checked + label {
  color: #313d57;
  color: rgba(18, 32, 62, 0.87);
}
.treenode-root input[type="checkbox"]:checked + label > div.active::before {
  border-top-color: #55a8fd;
  border-left-color: #ffffff;
  border-right: 5px solid #ffffff;
  border-bottom-width: 2px;
  left: 1px;
  top: 15px;
}
.treenode-root input[type="checkbox"]:checked + label > div.inactive::before {
  border-top-color: #c1c5cd;
  border-left-color: #ffffff;
  border-right: 5px solid #ffffff;
  border-bottom-width: 2px;
  left: 1px;
  top: 15px;
}
.treenode-root input[type="checkbox"] + label {
  padding: 0;
}
.treenode-root input[type="checkbox"] + label::before,
.treenode-root input[type="checkbox"] + label::after {
  display: none;
}
.tree-root {
  list-style: none;
}
.tree-root ul {
  list-style: none;
  display: none;
  position: relative;
}
.tree-root li {
  width: 100%;
}
.tree-root li:after {
  content: "";
  display: table;
  clear: both;
}
.tree-root a {
  text-decoration: none;
  font-size: 100%;
}
.tree-root ul:not(.level-0) div.line-separated {
  display: inline-block;
  overflow: visible;
  width: 100%;
  margin-top: 8px;
  padding-top: 10px;
}
.tree-root div.tree-item {
  overflow: visible;
  position: relative;
  display: inline-block;
  width: 100%;
  padding-left: 18px;
}
.tree-root > li > div {
  width: 100%;
}
.tree-root > li > div > div.tree-item {
  padding-left: 0;
}
.tree-root.box-size-1 div.tree-item {
  width: calc(100% - calc(82px + 18px));
}
.tree-root.box-size-2 div.tree-item {
  width: calc(100% - calc(132px + 18px));
}
.tree-root.box-size-3 div.tree-item {
  width: calc(100% - calc(182px + 18px));
}
.tree-root.box-size-4 div.tree-item {
  width: calc(100% - calc(233px + 18px));
}
.tree-root ul.level-1 {
  position: relative;
}
.tree-root ul.level-1.box-size-1 {
  margin-left: calc(0px - calc(18px + 82px));
}
.tree-root ul.level-1.box-size-2 {
  margin-left: calc(0px - calc(18px + 132px));
}
.tree-root ul.level-1.box-size-3 {
  margin-left: calc(0px - calc(18px + 182px));
}
.tree-root ul.level-1.box-size-4 {
  margin-left: calc(0px - calc(18px + 233px));
}
.tree-root ul.level-1.box-size-1 > li > div > div.tree-item,
.tree-root ul.level-1.box-size-2 > li > div > div.tree-item,
.tree-root ul.level-1.box-size-3 > li > div > div.tree-item,
.tree-root ul.level-1.box-size-4 > li > div > div.tree-item {
  padding-left: 18px;
}
.tree-root ul.level-2 {
  position: relative;
}
.tree-root ul.level-2.box-size-1 {
  margin-left: calc(0px - calc(2 * 18px + 82px));
}
.tree-root ul.level-2.box-size-2 {
  margin-left: calc(0px - calc(2 * 18px + 132px));
}
.tree-root ul.level-2.box-size-3 {
  margin-left: calc(0px - calc(2 * 18px + 182px));
}
.tree-root ul.level-2.box-size-4 {
  margin-left: calc(0px - calc(2 * 18px + 233px));
}
.tree-root ul.level-2.box-size-1 > li > div > div.tree-item,
.tree-root ul.level-2.box-size-2 > li > div > div.tree-item,
.tree-root ul.level-2.box-size-3 > li > div > div.tree-item,
.tree-root ul.level-2.box-size-4 > li > div > div.tree-item {
  padding-left: calc(2 * 18px);
}
.tree-root ul.level-3 {
  position: relative;
}
.tree-root ul.level-3.box-size-1 {
  margin-left: calc(0px - calc(3 * 18px + 82px));
}
.tree-root ul.level-3.box-size-2 {
  margin-left: calc(0px - calc(3 * 18px + 132px));
}
.tree-root ul.level-3.box-size-3 {
  margin-left: calc(0px - calc(3 * 18px + 182px));
}
.tree-root ul.level-3.box-size-4 {
  margin-left: calc(0px - calc(3 * 18px + 233px));
}
.tree-root ul.level-3.box-size-1 > li > div > div.tree-item,
.tree-root ul.level-3.box-size-2 > li > div > div.tree-item,
.tree-root ul.level-3.box-size-3 > li > div > div.tree-item,
.tree-root ul.level-3.box-size-4 > li > div > div.tree-item {
  padding-left: calc(3 * 18px);
}
.tree-root ul.level-4 {
  position: relative;
}
.tree-root ul.level-4.box-size-1 {
  margin-left: calc(0px - calc(4 * 18px + 82px));
}
.tree-root ul.level-4.box-size-2 {
  margin-left: calc(0px - calc(4 * 18px + 132px));
}
.tree-root ul.level-4.box-size-3 {
  margin-left: calc(0px - calc(4 * 18px + 182px));
}
.tree-root ul.level-4.box-size-4 {
  margin-left: calc(0px - calc(4 * 18px + 233px));
}
.tree-root ul.level-4.box-size-1 > li > div > div.tree-item,
.tree-root ul.level-4.box-size-2 > li > div > div.tree-item,
.tree-root ul.level-4.box-size-3 > li > div > div.tree-item,
.tree-root ul.level-4.box-size-4 > li > div > div.tree-item {
  padding-left: calc(4 * 18px);
}
.tree-root ul.level-5 {
  position: relative;
}
.tree-root ul.level-5.box-size-1 {
  margin-left: calc(0px - calc(5 * 18px + 82px));
}
.tree-root ul.level-5.box-size-2 {
  margin-left: calc(0px - calc(5 * 18px + 132px));
}
.tree-root ul.level-5.box-size-3 {
  margin-left: calc(0px - calc(5 * 18px + 182px));
}
.tree-root ul.level-5.box-size-4 {
  margin-left: calc(0px - calc(5 * 18px + 233px));
}
.tree-root ul.level-5.box-size-1 > li > div > div.tree-item,
.tree-root ul.level-5.box-size-2 > li > div > div.tree-item,
.tree-root ul.level-5.box-size-3 > li > div > div.tree-item,
.tree-root ul.level-5.box-size-4 > li > div > div.tree-item {
  padding-left: calc(5 * 18px);
}
.tree-root ul.level-6 {
  position: relative;
}
.tree-root ul.level-6.box-size-1 {
  margin-left: calc(0px - calc(6 * 18px + 82px));
}
.tree-root ul.level-6.box-size-2 {
  margin-left: calc(0px - calc(6 * 18px + 132px));
}
.tree-root ul.level-6.box-size-3 {
  margin-left: calc(0px - calc(6 * 18px + 182px));
}
.tree-root ul.level-6.box-size-4 {
  margin-left: calc(0px - calc(6 * 18px + 233px));
}
.tree-root ul.level-6.box-size-1 > li > div > div.tree-item,
.tree-root ul.level-6.box-size-2 > li > div > div.tree-item,
.tree-root ul.level-6.box-size-3 > li > div > div.tree-item,
.tree-root ul.level-6.box-size-4 > li > div > div.tree-item {
  padding-left: calc(6 * 18px);
}
.tree-root div.controls-block {
  display: inline-block;
  margin-right: 15px;
  padding: 8px 15px 0px 15px;
  vertical-align: top;
  height: 35px;
  border-right: 2px dashed rgba(18, 32, 62, 0.08);
  text-align: center;
}
.tree-root div.controls-block.box-size-1 {
  width: 82px;
}
.tree-root div.controls-block.box-size-2 {
  width: 132px;
}
.tree-root div.controls-block.box-size-3 {
  width: 182px;
}
.tree-root div.controls-block.box-size-4 {
  width: 233px;
}
.tree-root label,
.tree-root span {
  word-break: break-all;
}
.tree-root label,
.tree-root a,
.tree-root span {
  display: inline-block;
  position: relative;
  color: #7f8797;
  color: rgba(18, 32, 62, 0.54);
}
.tree-root label > div,
.tree-root a > div,
.tree-root span > div {
  display: inline-block;
  height: 35px;
  border-left: 2px solid;
  border-color: #e3e4e8;
  border-color: rgba(18, 32, 62, 0.12);
  margin-left: 5px;
  padding-right: 18px;
  vertical-align: middle;
}
.tree-root label > div::before,
.tree-root a > div::before,
.tree-root span > div::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 11px;
}
.tree-root a.btn-control {
  display: inline-block;
  height: 28px;
  width: 28px;
  padding: 0;
  line-height: 28px;
  background: inherit;
  border: none;
}
.tree-root label > div.active::before {
  border-top: 5px solid #ffffff;
  border-left: 5px solid #55a8fd;
  border-bottom: 5px solid #ffffff;
  left: 4px;
}
.tree-root label > div.inactive::before {
  border-top: 5px solid #ffffff;
  border-left: 5px solid rgba(18, 32, 62, 0.26);
  border-bottom: 5px solid #ffffff;
  left: 4px;
}
.tree-root a,
.tree-root span {
  border: none;
  background: none;
  color: #7f8797;
  color: rgba(18, 32, 62, 0.54);
}
.tree-root a > div.inactive::before,
.tree-root span > div.inactive::before {
  border: 4px solid #c1c5cd;
  border-radius: 50%;
  top: 14px;
  left: 2px;
}
.tree-root a > div.active::before,
.tree-root span > div.active::before {
  border: 4px solid #55a8fd;
  border-radius: 50%;
  top: 14px;
  left: 2px;
}
.tree-root input[type="checkbox"] {
  display: none;
}
.tree-root input[type="checkbox"]:checked ~ ul {
  display: block;
}
.tree-root input[type="checkbox"]:checked + label {
  color: #313d57;
  color: rgba(18, 32, 62, 0.87);
}
.tree-root input[type="checkbox"]:checked + label > div {
  border-bottom: 2px solid;
  border-color: #e3e4e8;
  border-color: rgba(18, 32, 62, 0.12);
}
.tree-root input[type="checkbox"]:checked + label > div.active::before {
  border-top-color: #55a8fd;
  border-left-color: #ffffff;
  border-right: 5px solid #ffffff;
  border-bottom-width: 2px;
  left: 1px;
  top: 15px;
}
.tree-root input[type="checkbox"]:checked + label > div.inactive::before {
  border-top-color: #c1c5cd;
  border-left-color: #ffffff;
  border-right: 5px solid #ffffff;
  border-bottom-width: 2px;
  left: 1px;
  top: 15px;
}
.tree-root input[type="checkbox"] + label {
  padding: 0;
}
.tree-root input[type="checkbox"] + label::before,
.tree-root input[type="checkbox"] + label::after {
  display: none;
}
.operinfo-col12_size_min-limited {
  min-width: 1814px;
  min-height: 541px;
}
.design-panel {
  border: 1px solid lightskyblue;
  padding: 14px;
  height: 814px;
  overflow: auto;
}
.design-panel .design-container {
  width: 1824px;
  height: 800px;
}
.design-panel .design-control {
  margin: 3px;
}
.design-panel .design-control.design-selected {
  border: 1px dotted orangered !important;
}
.design-panel .design-control.dc-container-empty {
  width: 300px;
  height: 40px;
}
.design-panel .design-control.dc-container .design-control {
  margin: 8px;
}
.design-panel .design-control.dc-container-not-selected {
  border: 1px solid #55a8fd;
}
.design-panel .design-control.dc-container-not-selected .design-control {
  margin: 8px;
}
.design-panel .hidden-dc {
  background-image: url("../wwwroot/images/visibility.png");
}
.design-panel .design-table thead th.design-column {
  border: solid 1px black;
  width: 120px;
  overflow-wrap: break-word;
  text-align: center;
}
.design-panel .design-table thead th.design-column .design-hidden-column-label {
  color: orangered;
}
.design-panel .design-table .hidden-column-icon {
  display: inline-flex;
  justify-content: center;
}
.element-container.indicator-items {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.element-container button {
  border: none;
  background: none;
  color: #e0e0e0;
  cursor: pointer;
}
.element-container button i {
  padding-left: 0;
}
.default-container {
  display: block;
  padding: 10px;
  background-color: #ffffff;
}
.container_scrollable {
  padding: 8px;
  overflow: auto !important;
}
.fullscreen-container.full {
  position: absolute;
  top: -40px;
  left: -40px;
  z-index: 1000;
}
.fullscreen-container.full .button_expand {
  background-image: url(../images/collapse.png) !important;
}
.fullscreen-hide {
  display: none;
}
.fullscreen-nobg {
  background-color: transparent;
}
.content-container.fullscreen-nobg {
  left: 64px !important;
}
.table-wrapper {
  /*  назначение сего ограничения до конца не ясно нам...  
   min-height: 340px;
 */
}
.table-wrapper caption {
  background: #ffffff;
  box-shadow: 0px 2px 2px #d9d9d9;
  box-sizing: border-box;
  height: 56px;
  padding: 14px 18px;
  margin-bottom: 2px;
}
.table-wrapper table {
  width: 100%;
}
.table-wrapper table.table-no-border thead tr th {
  border: 0 !important;
}
.table-wrapper table.table-no-border tbody tr {
  border: 0 !important;
}
.table-wrapper table.table-no-border tbody tr td {
  border: 0 !important;
}
.table-wrapper table.table-no-header thead {
  display: none !important;
}
.table-wrapper table .table-hidden {
  display: none !important;
}
.table-wrapper table input[type="checkbox"] {
  width: 27px;
  min-width: 27px;
}
.table-wrapper table input[type="checkbox"]::before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  height: 100%;
}
.table-wrapper table input[type="checkbox"].error::before {
  content: "";
  background-color: #eb5757;
}
.table-wrapper table input[type="checkbox"].warning::before {
  content: "";
  background-color: #ffc702;
}
.table-wrapper table input[type="checkbox"] .label {
  padding: 0;
}
.table-wrapper table input[type="checkbox"] .label::after {
  content: ".";
  visibility: hidden;
}
.table-wrapper table .command {
  width: 27px;
  min-width: 27px;
}
.table-wrapper table .block {
  display: inline-block;
  margin-top: 6px;
}
.table-wrapper table .block button {
  background: none;
  border: none;
  cursor: pointer;
  color: #c1c5cd;
  color: rgba(18, 32, 62, 0.26);
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  width: 24px;
}
.table-wrapper table .block button:hover .material-icon {
  color: #55a8fd;
}
.table-wrapper table .block button.sort {
  background-image: url("../images/sort-default.png");
  background-repeat: no-repeat;
  position: relative;
}
.table-wrapper table .block button.sort.asc {
  background-image: url("../images/sort-asc.png");
}
.table-wrapper table .block button.sort.desc {
  background-image: url("../images/sort-desc.png");
}
.table-wrapper table .block button.action {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
  margin-right: 12px;
}
.table-wrapper table .block .title {
  vertical-align: middle;
}
.table-wrapper table .title {
  text-overflow: ellipsis;
  line-height: 34px;
  overflow: hidden;
  width: calc(100% - 24px);
  float: left;
}
.table-wrapper table .block_right {
  margin-top: 0 !important;
  float: right;
}
.table-wrapper table thead.bg-soft-medium {
  background-color: none;
}
.table-wrapper table thead.bg-soft-medium tr:first-child th,
.table-wrapper table thead tr:first-child th {
  background-color: #ebf5ff;
}
.table-wrapper table thead tr th {
  min-width: 90px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #ffffff;
  border: 1px solid #e3e4e8;
  border-left: none;
  color: rgba(0, 0, 0, 0.54);
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  height: 40px;
  position: relative;
  white-space: nowrap;
}
.table-wrapper table thead tr th .select-all-wrap {
  margin-left: 10px;
}
.table-wrapper table thead tr .not-title {
  min-width: 40px;
}
.table-wrapper table thead tr th:first-child {
  border-left: 1px solid #e3e4e8;
}
.table-wrapper table thead tr.table-filter th {
  padding-left: 0;
  padding-right: 0;
}
.table-wrapper table thead tr.table-filter th .filter-item .control-wrapper {
  margin-bottom: 0;
  width: calc(100% - 24px);
  float: right;
}
.table-wrapper table thead tr.table-filter th .filter-item .control-wrapper .control-box .control-element.number-input,
.table-wrapper table thead tr.table-filter th .filter-item .control-wrapper .control-box .control-element.date-input,
.table-wrapper table thead tr.table-filter th .filter-item .control-wrapper .control-box .control-elementselect {
  max-width: 100%;
  width: 100%;
}
.table-wrapper table thead tr.table-filter th .filter-item .control-wrapper .control-box .control-element:focus,
.table-wrapper table thead tr.table-filter th .filter-item .control-wrapper .control-box .control-element:hover {
  outline: none;
  border: none;
}
.table-wrapper table thead tr.table-filter th .filter-item .control-wrapper .control-box input,
.table-wrapper table thead tr.table-filter th .filter-item .control-wrapper .control-box select {
  outline: none;
  border: none;
}
.table-wrapper table thead tr.table-filter th .filter-item .remove-btn-wrap {
  margin-top: 6px;
  width: 24px;
  float: left;
}
.table-wrapper table thead tr.table-filter th .filter-item .remove-btn-wrap i {
  cursor: pointer;
  display: none;
  color: #bdbdbd;
}
.table-wrapper table thead tr.table-filter th .filter-item .remove-btn-wrap i:hover {
  color: #55a8fd;
}
.table-wrapper table thead tr.table-filter th .filter-item .remove-btn-wrap .unvisible {
  opacity: 0;
}
.table-wrapper table thead tr.table-filter th .filter-item .remove-btn-wrap .enable {
  display: block;
}
.table-wrapper table tbody tr {
  margin-bottom: 1px;
  background-color: #ffffff;
}
.table-wrapper table tbody tr:hover td {
  background-color: #fff8e1;
}
.table-wrapper table tbody tr.checked td {
  background-color: #e6f2ff;
}
.table-wrapper table tbody tr th {
  background-color: #ffffff;
  border: 1px solid #e3e4e8;
  border-left: none;
  color: rgba(0, 0, 0, 0.54);
  height: 40px;
  position: relative;
  min-width: 90px;
  border-top: none;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
}
.table-wrapper table tbody tr td {
  position: relative;
  height: 40px;
  padding-left: 6px;
  padding-right: 6px;
  color: #000000;
  font-size: 11px;
  line-height: 15px;
  border-bottom: 1px solid #e3e4e8;
  border-right: 1px solid #e3e4e8;
  background-color: #ffffff;
}
.table-wrapper table tbody tr td.font-info {
  color: #55a8fd;
}
.table-wrapper table tbody tr td.font-danger {
  color: #eb5757;
}
.table-wrapper table tbody tr td.font-primary {
  color: #24d17e;
}
.table-wrapper table tbody tr td.font-warning {
  color: #ffe177;
}
.table-wrapper table tbody tr td.bg-danger {
  background-color: #eb5757;
}
.table-wrapper table tbody tr td.bg-info {
  background-color: #55a8fd;
}
.table-wrapper table tbody tr td.bg-primary {
  background-color: #24d17e;
}
.table-wrapper table tbody tr td.bg-warning {
  background-color: #ffe177;
}
.table-wrapper table tbody tr td.checkbox {
  width: 20px;
}
.table-wrapper table tbody tr td.hidden {
  display: none;
}
.table-wrapper table tbody tr td .control-wrapper {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
}
.table-wrapper table tbody tr td .control-wrapper .control-box textarea.control-element {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
}
.table-wrapper table tbody tr td:first-child {
  border-left: 1px solid #e3e4e8;
}
.table-wrapper table tbody tr:nth-child(odd) td {
  background: #f5f8fb;
}
.table-wrapper table tbody tr:nth-child(odd):hover td {
  background-color: #fff8e1;
}
.table-wrapper table .select-all-wrap {
  margin-left: 15px;
}
.table-wrapper table button.checkbox {
  border: 2px solid #c1c5cd;
  background: none;
  height: 16px;
  width: 16px;
  border-radius: 2px;
}
.table-wrapper table button.checkbox.checked {
  border: 2px solid #55a8fd !important;
  background: #55a8fd !important;
  background-image: url(../images/checked.png) !important;
  background-position-y: center !important;
  height: 16px !important;
  width: 16px !important;
  border-radius: 2px !important;
  background-repeat: no-repeat !important;
}
.table-wrapper .control-box {
  width: 100%;
  margin: 8px 0 4px;
}
.table-wrapper_scrollable {
  overflow: auto !important;
}
.table-cell_content-centering {
  text-align: center;
}
.table-cell_kebab {
  width: 45px;
  position: relative;
}
.table-cell_kebab-head {
  display: inline-block;
  border-right: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.table-cell_kebab-head::before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.table-cell_kebab-body:hover,
.table-cell_kebab-body.table-cell_active {
  background-color: #d3e8fe !important;
  border-left: 1px solid #d3e8fe !important;
  border-right: 1px solid #d3e8fe;
  border-bottom: 1px solid #d3e8fe;
}
.table-cell_kebab-body:hover .kebab-btn,
.table-cell_kebab-body.table-cell_active .kebab-btn {
  color: #55a8fd;
}
.table-cell_active .kebab-menu_row {
  display: block;
  z-index: 2;
}
.table-cell_active .kebab-menu_head {
  display: inline-flex;
  z-index: 1;
}
.kebab-btn {
  border: none;
  background: none;
  color: #bdbdbd;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  z-index: 1;
}
.kebab-menu {
  position: absolute;
  box-shadow: 2px 2px 4px gray;
}
.table-actions {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 1;
}
.frequent-activities {
  display: inline-block;
}
.frequent-activities .kebab-menu__btn {
  border: none !important;
}
.kebab-menu_head {
  display: none;
  background-color: #ffffff;
  top: 120%;
  left: 1%;
  border-left: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.kebab-menu_head::before {
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(18, 32, 62, 0.12);
  top: -16%;
  left: 15px;
  position: absolute;
}
.kebab-menu_head::after {
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ffffff;
  top: -11%;
  left: 15px;
  position: absolute;
}
.kebab-menu_row {
  display: none;
  min-width: 118px;
  top: 0;
  left: 100%;
  background-color: #d3e8fe;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.25);
}
.kebab-menu__item {
  height: 40px;
  min-width: -webkit-fill-available;
  position: relative;
  display: block;
  text-align: left;
  background: inherit;
  border: none;
  font-family: inherit;
  cursor: pointer;
}
.kebab-menu__item:hover {
  background-color: #55a8fd;
}
.kebab-menu__item:active {
  background-color: #3a72b1;
}
.kebab-menu__item .material-icon {
  color: #55a8fd;
}
.kebab-menu__item:hover .material-icon {
  color: #ffffff;
}
.kebab-menu__item:active .material-icon {
  color: #ffffff;
}
.kebab-menu__btn {
  border: none !important;
  border-right: 1px solid rgba(0, 0, 0, 0.12) !important;
  min-height: 35px;
  min-width: 35px;
  background-color: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle;
}
.kebab-menu__btn i {
  color: rgba(0, 0, 0, 0.26);
}
.kebab-menu__btn i:hover {
  color: #55a8fd;
}
.kebab-menu__btn.first-btn {
  margin-left: 10px !important;
}
.kebab-menu__icon {
  vertical-align: middle;
}
.kebab-menu__label {
  position: static;
  top: 16px;
  margin-left: 12px;
  margin-right: 12px;
  color: #313d57 !important;
}
.kebab-menu__item:hover .kebab-menu__label,
.kebab-menu__item:active .kebab-menu__label {
  color: #ffffff !important;
}
.sort-index {
  color: #eb5757;
  font-weight: bold;
  font-size: 10px;
  position: absolute;
  top: -25%;
  right: 0;
}
.title_head {
  display: block;
  width: 100% !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.block_title {
  position: absolute;
  top: 0;
  left: 8px;
  width: calc(100% - 40px);
  margin-top: 0 !important;
  float: left;
}
.top-row {
  border-bottom: none !important;
}
.headings_vertical {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.context-menu {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  display: block;
  visibility: hidden;
  position: absolute;
  margin: 0;
  left: 0;
  top: -100vh;
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.25);
  z-index: 10;
  list-style-type: none;
  opacity: 0;
}
.context-menu.context-menu__visible {
  left: 100% !important;
  visibility: visible;
  opacity: 1;
}
.context-menu .context-menu_row {
  min-width: 118px;
  background-color: #d3e8fe;
  display: block;
}
.context-menu .context-menu__item {
  height: 40px;
  padding-left: 12px;
  padding-right: 12px;
  min-width: -webkit-fill-available;
  border: none;
  background: inherit;
  font-family: inherit;
  position: relative;
  display: block;
  text-align: left;
  color: black;
  cursor: pointer;
}
.context-menu .context-menu__item:hover {
  background-color: #55a8fd;
}
.context-menu .context-menu__item:active {
  background-color: #3a72b1;
}
.context-menu .context-menu__item .material-icon {
  margin-right: 4px;
  color: #55a8fd;
  vertical-align: middle;
}
.context-menu .context-menu__item:hover .material-icon {
  color: #ffffff;
}
.context-menu .context-menu__item:active .material-icon {
  color: #ffffff;
}
.context-menu .context-menu__label {
  line-height: 18px;
  color: #313d57 !important;
}
.context-menu .context-menu__item:hover .context-menu__label,
.context-menu .context-menu__item:active .context-menu__label {
  color: #ffffff !important;
}
.pagination {
  display: inline;
  vertical-align: middle;
  line-height: 24px;
  height: 24px;
  color: rgba(0, 0, 0, 0.26);
  font-size: 14px;
}
.pagination .left-arrow,
.pagination .right-arrow {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border: 1px solid transparent;
  background-color: transparent;
}
.pagination .left-arrow:hover,
.pagination .right-arrow:hover {
  border: 1px solid #ffffff;
}
.pagination .page-number,
.pagination .page-number-delimiter {
  display: inline-block;
  vertical-align: middle;
  min-width: 24px;
  height: 24px;
  border: 1px solid transparent;
  line-height: 24px;
  font-size: 14px;
  text-align: center;
  font-family: 'Roboto-Medium', sans-serif;
  background-color: transparent;
  color: #55A8FD;
}
.pagination .page-number a {
  text-decoration: none;
}
.pagination .page-number.current {
  background-color: #f9fcff;
  border: none;
  border-bottom: 2px solid #55a8fd;
  color: rgba(0, 0, 0, 0.26);
}
.pagination .page-number.current:hover {
  background-color: #f9fcff;
  border: none;
  border-bottom: 2px solid #55a8fd;
  color: rgba(0, 0, 0, 0.26);
}
.pagination .page-number:hover {
  border: 1px solid #ffffff;
}
.pagination .page-number-delimiter {
  color: #bdbdbd;
  color: rgba(0, 0, 0, 0.26);
}
.pagination-wrapper {
  line-height: 28px;
}
.pagination-wrapper.disabled .pagination-size-select .pagination-size-select-input {
  background: none;
  color: #e3e4e8;
  color: rgba(18, 32, 62, 0.12);
}
.pagination-wrapper.disabled .pagination-size-select .show-more {
  color: #e3e4e8;
  color: rgba(18, 32, 62, 0.12);
}
.pagination-wrapper.disabled .pagination .left-arrow:hover,
.pagination-wrapper.disabled .pagination .right-arrow:hover {
  border: 1px solid transparent;
}
.pagination-wrapper.disabled .pagination .page-number.current {
  border-color: #bdbdbd;
  border-color: rgba(0, 0, 0, 0.26);
  color: #757575;
  color: rgba(0, 0, 0, 0.54);
}
.pagination-wrapper.disabled .pagination .page-number.current:hover {
  border-color: #bdbdbd;
  border-color: rgba(0, 0, 0, 0.26);
  color: #757575;
  color: rgba(0, 0, 0, 0.54);
}
.pagination-wrapper.disabled .pagination .page-number:hover {
  border: 1px solid #ffffff;
}
.pagination-wrapper.disabled .move-to .move-to-page {
  border: none;
  background: none;
  color: #bdbdbd;
  color: rgba(0, 0, 0, 0.26);
}
.pagination-wrapper.disabled .move-to .move-to-page:focus {
  outline: none;
}
.pagination-wrapper.plate {
  padding: 5px 6px;
  background: #F9FCFF;
  width: auto;
  display: inline-block;
  box-shadow: 0px 2px 2px #d9d9d9;
}
.pagination-wrapper .pagination-size-select {
  width: auto;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
}
.pagination-wrapper .pagination-size-select .pagination-size-select-input {
  font-family: 'Roboto-Medium', sans-serif;
  color: #55a8fd;
  border: 1px solid rgba(0, 0, 0, 0.12);
  height: auto;
  padding: 4px 0 4px 8px;
  line-height: 16px;
  width: auto;
  font-size: 14px;
  cursor: pointer;
}
.pagination-wrapper .pagination-size-select .pagination-size-select-input ~ .dropdown-list {
  display: none;
}
.pagination-wrapper .pagination-size-select .pagination-size-select-input.opened {
  background-color: #f3f8ff;
  background-color: rgba(230, 242, 255, 0.5);
}
.pagination-wrapper .pagination-size-select .pagination-size-select-input.opened ~ .dropdown-list {
  display: block;
}
.pagination-wrapper .pagination-size-select .pagination-size-select-input.opened ~ .dropdown-list .popup-content {
  overflow: hidden;
}
.pagination-wrapper .pagination-size-select .pagination-size-select-input.disabled ~ .dropdown-list {
  display: none;
}
.pagination-wrapper .pagination-size-select .pagination-size-select-input:disabled ~ .dropdown-list {
  display: none;
}
.pagination-wrapper .pagination-size-select .show-more {
  position: absolute;
  top: 0;
  right: 0;
  color: #55a8fd;
}
.pagination-wrapper .pagination-size-select .dropdown-list {
  padding-left: 2px;
}
.pagination-wrapper .pagination-size-select .dropdown-list .popup-content {
  height: auto;
  width: auto;
  overflow: hidden;
  border: none;
}
.pagination-wrapper .pagination-size-select .dropdown-list .popup-content ul li {
  height: 20px;
  background-color: #ffffff;
  padding: 6px 12px 6px 10px;
  line-height: 20px;
  color: #212121;
  color: rgba(0, 0, 0, 0.87);
  width: 15px;
  font-size: 13px;
}
.pagination-wrapper .pagination-size-select .dropdown-list .popup-content ul li:hover {
  background-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.12);
}
.pagination-wrapper .results-count {
  color: #757575;
  color: rgba(0, 0, 0, 0.54);
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
}
.pagination-wrapper .move-to {
  color: #757575;
  color: rgba(0, 0, 0, 0.54);
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
  line-height: 28px;
}
.pagination-wrapper .move-to .move-to-page {
  height: 20px;
  width: 20px;
  padding: 3px 10px 3px 10px;
  margin-left: 4px;
  border: 1px solid #bdbdbd;
  vertical-align: middle;
  text-align: center;
}
.pagination-wrapper .move-to .move-to-page:hover {
  border-color: #55a8fd;
}
.pagination-wrapper .move-to .move-to-page:focus {
  border-color: #55a8fd;
  outline: 1px solid #55a8fd;
}
.pagination-wrapper .more {
  display: inline-block;
  vertical-align: middle;
  color: #55a8fd;
  border: none;
  background: none;
}
.pagination-wrapper .more .material-icon {
  display: inline-block;
  vertical-align: middle;
  color: #55a8fd;
}
.page-input {
  min-height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.26);
  text-align: center;
  display: inline-block;
}
.pagination-wrapper {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 16px;
}
.pagination__separator {
  vertical-align: middle;
  display: inline-block;
}
.pagination__separator_central {
  min-width: 24px;
  height: 24px;
  border: 1px solid transparent;
  background-color: transparent;
  text-align: center;
}
.pagination__separator_side {
  margin: -4px;
  width: 4px;
  line-height: normal;
}
.flex-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.flex-column {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.input__scroll,
.textarea__scroll,
.password__scroll,
.number__scroll,
.dropdown__scroll,
.multiselect__scroll,
.radiobutton__scroll,
.checkbox__scroll {
  width: 100%;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  scrollbar-width: thin;
  scrollbar-color: #e3e4e8;
}
.scroll,
.input__scroll,
.textarea__scroll,
.password__scroll,
.number__scroll,
.dropdown__scroll,
.multiselect__scroll,
.radiobutton__scroll,
.checkbox__scroll {
  scrollbar-width: thin;
  scrollbar-color: #e3e4e8;
  margin-right: 12px;
  cursor: pointer;
}
.scroll::-webkit-scrollbar,
.input__scroll::-webkit-scrollbar,
.textarea__scroll::-webkit-scrollbar,
.password__scroll::-webkit-scrollbar,
.number__scroll::-webkit-scrollbar,
.dropdown__scroll::-webkit-scrollbar,
.multiselect__scroll::-webkit-scrollbar,
.radiobutton__scroll::-webkit-scrollbar,
.checkbox__scroll::-webkit-scrollbar {
  width: 6px;
}
.scroll::-webkit-scrollbar-track,
.input__scroll::-webkit-scrollbar-track,
.textarea__scroll::-webkit-scrollbar-track,
.password__scroll::-webkit-scrollbar-track,
.number__scroll::-webkit-scrollbar-track,
.dropdown__scroll::-webkit-scrollbar-track,
.multiselect__scroll::-webkit-scrollbar-track,
.radiobutton__scroll::-webkit-scrollbar-track,
.checkbox__scroll::-webkit-scrollbar-track {
  background-color: #e3e4e8;
}
.multiselect .scroll::-webkit-scrollbar-track {
  border-radius: 6px;
}
.scroll::-webkit-scrollbar-thumb,
.input__scroll::-webkit-scrollbar-thumb,
.textarea__scroll::-webkit-scrollbar-thumb,
.password__scroll::-webkit-scrollbar-thumb,
.number__scroll::-webkit-scrollbar-thumb,
.dropdown__scroll::-webkit-scrollbar-thumb,
.multiselect__scroll::-webkit-scrollbar-thumb,
.radiobutton__scroll::-webkit-scrollbar-thumb,
.checkbox__scroll::-webkit-scrollbar-thumb {
  background-color: #a8a9ac;
}
.multiselect .scroll::-webkit-scrollbar-thumb {
  background-color: #a3d0fe;
  border-radius: 6px;
}
.multiselect .scroll::-webkit-scrollbar-thumb:hover {
  background-color: #55a8fd;
}
.scroll,
.input__scroll,
.textarea__scroll,
.password__scroll,
.number__scroll,
.dropdown__scroll,
.multiselect__scroll,
.radiobutton__scroll,
.checkbox__scroll {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.textarea .scroll {
  width: 100%;
  max-height: 100%;
  margin-right: 2px;
}
.help {
  position: relative;
  margin-right: 4px;
}
.help a {
  display: inline-block;
  cursor: pointer;
}
.help__message {
  opacity: 0;
  position: absolute;
  left: 30px;
  transform: translateY(-50%);
  top: 50%;
  padding-top: 8px;
  padding-left: 8px;
  padding-bottom: 8px;
  background: #e0e0e0;
  color: #757575;
  font-size: 10px;
  line-height: 12px;
  width: 144px;
  height: auto;
  transition: all 0.9s;
  z-index: 0;
}
.help__message::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -9px;
  border: 5px solid transparent;
  border-right: 4px solid #e0e0e0;
}
.help-icon:hover + .help__message {
  opacity: 1;
  transition: all 0.9s;
  z-index: 999;
}
.blue i {
  color: #55a8fd;
}
.red i {
  color: #ee6d6d;
}
.green i {
  color: #24d17e;
}
.red-circle,
.success.required .red-circle,
.none.required .red-circle,
.password .error .red-circle {
  opacity: 0;
}
.required .red-circle {
  opacity: 1;
}
.textarea .red-circle {
  margin-top: -6px;
}
.multiselect__icon {
  display: none;
}
.success .input__icon,
.measure .input__icon,
.success .textarea__icon,
.measure .textarea__icon,
.success .dropdown__icon,
.measure .dropdown__icon,
.success .multiselect__icon_1,
.measure .multiselect__icon_1 {
  display: flex;
  flex: 0 0 10%;
  align-items: center;
}
.success .multiselect__icon_2,
.measure .multiselect__icon_2 {
  display: none;
}
.green-circle {
  display: none;
  flex: 0 0 50%;
  justify-content: center;
  order: 2;
}
.success .green-circle {
  display: flex;
}
.unit {
  display: none;
  flex: 0 0 50%;
  justify-content: center;
  order: 1;
  font-size: 11px;
  color: #bdbdbd;
}
.measure .unit {
  display: flex;
}
.multiselect__icon_2 {
  margin-top: 9px;
}
.lk .multiselect__icon_1,
.document .multiselect__icon_1 {
  display: none;
}
.lk .multiselect__icon_2,
.document .multiselect__icon_2 {
  display: flex;
  flex: 0 0 10%;
  align-items: center;
}
.user {
  display: none;
  flex: 0 0 50%;
  justify-content: center;
}
.lk .user {
  display: flex;
}
.list {
  display: none;
  flex: 0 0 50%;
  justify-content: center;
}
.document .list {
  display: flex;
}
.clear {
  opacity: 0;
  display: block;
}
.textarea .clear {
  opacity: 1;
  display: none;
  margin-top: -6px;
  margin-right: -6px;
}
.input__enter:focus-within .clear,
.textarea__field:focus-within .clear,
.password__enter:focus-within .clear,
.number__field:focus-within .clear {
  opacity: 1;
  cursor: pointer;
}
.input__enter:focus-within .textarea__enter .clear,
.textarea__field:focus-within .textarea__enter .clear,
.password__enter:focus-within .textarea__enter .clear,
.number__field:focus-within .textarea__enter .clear {
  display: block;
}
.clear i:hover {
  color: #55a8fd;
}
.none .input__count,
.error .input__count,
.error__small .input__count,
.none .textarea__count,
.error .textarea__count,
.error__small .textarea__count {
  display: none;
}
.input__count,
.textarea__count {
  position: absolute;
  top: 100%;
  left: 0;
  width: 90%;
  height: 24px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 11px;
  text-align: right;
  color: #bdbdbd;
}
.input__enter,
.textarea__enter,
.password__enter,
.number__field {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}
.red-circle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input__enter:hover,
.textarea__enter:hover,
.password__enter:hover,
.number__field:hover,
.dropdown__enter:hover,
.multiselect__enter:hover,
.input__enter:focus-within,
.textarea__enter:focus-within,
.password__enter:focus-within,
.number__field:focus-within,
.dropdown__enter.active,
.multiselect__enter.active {
  border: 1px solid #55a8fd;
}
.error .input__enter:hover,
.error__small .input__enter:hover,
.error .textarea__enter:hover,
.error__small .textarea__enter:hover,
.error .number__field:hover,
.error__small .number__field:hover,
.error .dropdown__enter:hover,
.error__small .dropdown__enter:hover,
.error .multiselect__enter:hover,
.error__small .multiselect__enter:hover,
.error .input__enter:focus-within,
.error__small .input__enter:focus-within,
.error .textarea__enter:focus-within,
.error__small .textarea__enter:focus-within,
.error .number__field:focus-within,
.error__small .number__field:focus-within,
.error .dropdown__enter:focus-within,
.error__small .dropdown__enter:focus-within,
.error .multiselect__enter:focus-within,
.error__small .multiselect__enter:focus-within {
  border: 1px solid #eb5757;
}
.error__small .input__error .long-error,
.error__small .textarea__error .long-error,
.error__small .password__error .long-error,
.error__small .number__error .long-error,
.error__small .dropdown__error .long-error,
.error__small .multiselect__error .long-error {
  display: none;
}
.input__error:hover .long-error,
.textarea__error:hover .long-error,
.password__error:hover .long-error,
.number__error:hover .long-error,
.dropdown__error:hover .long-error,
.multiselect__error:hover .long-error {
  display: none;
}
.input__error,
.textarea__error,
.password__error,
.number__error,
.dropdown__error,
.multiselect__error,
.radiobutton__sign,
.checkbox__sign,
.input__sign,
.textarea__sign,
.password__sign,
.number__sign,
.dropdown__sign,
.multiselect__sign {
  height: auto;
  max-height: 24px;
  transition: max-height 0.3s;
  z-index: 2;
}
.input__error:hover,
.textarea__error:hover,
.password__error:hover,
.number__error:hover,
.dropdown__error:hover,
.multiselect__error:hover,
.radiobutton__sign:hover,
.checkbox__sign:hover,
.input__sign:hover,
.textarea__sign:hover,
.password__sign:hover,
.number__sign:hover,
.dropdown__sign:hover,
.multiselect__sign:hover {
  max-height: max-content;
  z-index: 4;
}
.input__error,
.textarea__error,
.password__error,
.number__error,
.dropdown__error,
.multiselect__error {
  display: none;
  flex: 0 1 100%;
  font-size: 11px;
  line-height: 13px;
  color: #ee6d6d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.error .input__error,
.error__small .input__error,
.error .textarea__error,
.error__small .textarea__error,
.error .password__error,
.error__small .password__error,
.error .number__error,
.error__small .number__error,
.error .dropdown__error,
.error__small .dropdown__error,
.error .multiselect__error,
.error__small .multiselect__error {
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
  align-items: center;
  width: 90%;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
}
.error__small .input__error,
.error__small .textarea__error,
.error__small .password__error,
.error__small .number__error,
.error__small .dropdown__error,
.error__small .multiselect__error {
  padding-top: 5px;
  cursor: default;
}
.error .input__error:hover,
.error .textarea__error:hover,
.error .password__error:hover,
.error .number__error:hover,
.error .dropdown__error:hover,
.error .multiselect__error:hover {
  align-items: flex-start;
  width: 90%;
  max-height: 50px;
  padding-top: 5px;
  padding-left: 3px;
  background: #fdebeb;
  border: 1px solid #e0e0e0;
}
.error .input__error:hover .input__text,
.error .textarea__error:hover .input__text,
.error .password__error:hover .input__text,
.error .number__error:hover .input__text,
.error .dropdown__error:hover .input__text,
.error .multiselect__error:hover .input__text,
.error .input__error:hover .textarea__text,
.error .textarea__error:hover .textarea__text,
.error .password__error:hover .textarea__text,
.error .number__error:hover .textarea__text,
.error .dropdown__error:hover .textarea__text,
.error .multiselect__error:hover .textarea__text,
.error .input__error:hover .password__text,
.error .textarea__error:hover .password__text,
.error .password__error:hover .password__text,
.error .number__error:hover .password__text,
.error .dropdown__error:hover .password__text,
.error .multiselect__error:hover .password__text,
.error .input__error:hover .number__text,
.error .textarea__error:hover .number__text,
.error .password__error:hover .number__text,
.error .number__error:hover .number__text,
.error .dropdown__error:hover .number__text,
.error .multiselect__error:hover .number__text,
.error .input__error:hover .dropdown__text,
.error .textarea__error:hover .dropdown__text,
.error .password__error:hover .dropdown__text,
.error .number__error:hover .dropdown__text,
.error .dropdown__error:hover .dropdown__text,
.error .multiselect__error:hover .dropdown__text,
.error .input__error:hover .multiselect__text,
.error .textarea__error:hover .multiselect__text,
.error .password__error:hover .multiselect__text,
.error .number__error:hover .multiselect__text,
.error .dropdown__error:hover .multiselect__text,
.error .multiselect__error:hover .multiselect__text {
  padding-right: 6px;
  overflow: auto;
  text-overflow: clip;
  white-space: normal;
}
.error .number__error,
.error__small .number__error,
.error .number__error:hover,
.error__small .number__error:hover {
  width: 90%;
}
.input__container,
.textarea__container,
.password__container,
.number__container,
.dropdown__container,
.multiselect__container {
  position: relative;
}
.input__name,
.textarea__name,
.password__name,
.number__name,
.dropdown__name,
.multiselect__name {
  align-items: center;
}
.input__container,
.number__container {
  z-index: 3;
}
.label-left,
.label-left .textarea__field {
  display: flex;
  flex: 0 0 100%;
  flex-direction: row;
  align-items: center;
}
.label-left .input__nominal,
.label-left .textarea__nominal,
.label-left .password__nominal,
.label-left .number__nominal,
.label-left .dropdown__nominal,
.label-left .multiselect__nominal {
  position: relative;
  flex: 0 0 200px;
}
.label-left .input__container,
.label-left .textarea__container,
.label-left .password__container,
.label-left .number__container,
.label-left .dropdown__container,
.label-left .multiselect__container {
  display: flex;
  flex-direction: column;
  flex: 0 1 100%;
}
.label-left .input__name,
.label-left .textarea__name,
.label-left .password__name,
.label-left .number__name,
.label-left .dropdown__name,
.label-left .multiselect__name {
  justify-content: flex-end;
  height: 24px;
  margin: 0;
  width: auto;
}
.label-left .input__name {
  height: 32px;
}
.label-left.error .input__error:hover,
.label-left.error .number__error:hover {
  padding-top: 4px;
}
.input__nominal,
.textarea__nominal,
.password__nominal,
.number__nominal,
.dropdown__nominal,
.multiselect__nominal {
  font-size: 12px;
  color: #757575;
  cursor: pointer;
}
.input__name,
.textarea__name,
.password__name,
.number__name,
.dropdown__name,
.multiselect__name {
  display: flex;
  align-items: center;
  max-width: 90%;
  height: 16px;
  margin-bottom: 8px;
}
.input__sign,
.textarea__sign,
.password__sign,
.number__sign,
.dropdown__sign,
.multiselect__sign {
  max-width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.label-left .input__sign,
.long-name .input__sign,
.label-left.long-name .input__sign,
.label-left .textarea__sign,
.long-name .textarea__sign,
.label-left.long-name .textarea__sign,
.label-left .password__sign,
.long-name .password__sign,
.label-left.long-name .password__sign,
.label-left .number__sign,
.long-name .number__sign,
.label-left.long-name .number__sign,
.label-left .dropdown__sign,
.long-name .dropdown__sign,
.label-left.long-name .dropdown__sign,
.label-left .multiselect__sign,
.long-name .multiselect__sign,
.label-left.long-name .multiselect__sign {
  display: flex;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  background: #ffffff;
}
.label-left .input__sign,
.label-left .textarea__sign,
.label-left .password__sign,
.label-left .number__sign,
.label-left .dropdown__sign,
.label-left .multiselect__sign {
  width: 176px;
  text-align: right;
}
.long-name .input__sign:hover,
.long-name .textarea__sign:hover,
.long-name .password__sign:hover,
.long-name .number__sign:hover,
.long-name .dropdown__sign:hover,
.long-name .multiselect__sign:hover {
  align-items: flex-start;
  width: auto;
  max-height: 50px;
  margin-bottom: 24px;
  padding-top: 2px;
  padding-left: 2px;
  border: 2px solid #e0e0e0;
  z-index: 10;
}
.long-name .input__sign:hover .input__text,
.long-name .textarea__sign:hover .input__text,
.long-name .password__sign:hover .input__text,
.long-name .number__sign:hover .input__text,
.long-name .dropdown__sign:hover .input__text,
.long-name .multiselect__sign:hover .input__text,
.long-name .input__sign:hover .textarea__text,
.long-name .textarea__sign:hover .textarea__text,
.long-name .password__sign:hover .textarea__text,
.long-name .number__sign:hover .textarea__text,
.long-name .dropdown__sign:hover .textarea__text,
.long-name .multiselect__sign:hover .textarea__text,
.long-name .input__sign:hover .password__text,
.long-name .textarea__sign:hover .password__text,
.long-name .password__sign:hover .password__text,
.long-name .number__sign:hover .password__text,
.long-name .dropdown__sign:hover .password__text,
.long-name .multiselect__sign:hover .password__text,
.long-name .input__sign:hover .number__text,
.long-name .textarea__sign:hover .number__text,
.long-name .password__sign:hover .number__text,
.long-name .number__sign:hover .number__text,
.long-name .dropdown__sign:hover .number__text,
.long-name .multiselect__sign:hover .number__text,
.long-name .input__sign:hover .dropdown__text,
.long-name .textarea__sign:hover .dropdown__text,
.long-name .password__sign:hover .dropdown__text,
.long-name .number__sign:hover .dropdown__text,
.long-name .dropdown__sign:hover .dropdown__text,
.long-name .multiselect__sign:hover .dropdown__text,
.long-name .input__sign:hover .multiselect__text,
.long-name .textarea__sign:hover .multiselect__text,
.long-name .password__sign:hover .multiselect__text,
.long-name .number__sign:hover .multiselect__text,
.long-name .dropdown__sign:hover .multiselect__text,
.long-name .multiselect__sign:hover .multiselect__text {
  padding-right: 20px;
  overflow: auto;
  text-overflow: clip;
  white-space: normal;
  text-align: left;
}
.long-name.label-left .input__sign:hover,
.long-name.label-left .textarea__sign:hover,
.long-name.label-left .password__sign:hover,
.long-name.label-left .number__sign:hover,
.long-name.label-left .dropdown__sign:hover,
.long-name.label-left .multiselect__sign:hover {
  align-items: flex-start;
  width: 176px;
  max-height: 50px;
  padding-top: 2px;
  padding-left: 2px;
  border: 2px solid #e0e0e0;
}
.long-name.label-left .input__sign:hover .input__text,
.long-name.label-left .textarea__sign:hover .input__text,
.long-name.label-left .password__sign:hover .input__text,
.long-name.label-left .number__sign:hover .input__text,
.long-name.label-left .dropdown__sign:hover .input__text,
.long-name.label-left .multiselect__sign:hover .input__text,
.long-name.label-left .input__sign:hover .textarea__text,
.long-name.label-left .textarea__sign:hover .textarea__text,
.long-name.label-left .password__sign:hover .textarea__text,
.long-name.label-left .number__sign:hover .textarea__text,
.long-name.label-left .dropdown__sign:hover .textarea__text,
.long-name.label-left .multiselect__sign:hover .textarea__text,
.long-name.label-left .input__sign:hover .password__text,
.long-name.label-left .textarea__sign:hover .password__text,
.long-name.label-left .password__sign:hover .password__text,
.long-name.label-left .number__sign:hover .password__text,
.long-name.label-left .dropdown__sign:hover .password__text,
.long-name.label-left .multiselect__sign:hover .password__text,
.long-name.label-left .input__sign:hover .number__text,
.long-name.label-left .textarea__sign:hover .number__text,
.long-name.label-left .password__sign:hover .number__text,
.long-name.label-left .number__sign:hover .number__text,
.long-name.label-left .dropdown__sign:hover .number__text,
.long-name.label-left .multiselect__sign:hover .number__text,
.long-name.label-left .input__sign:hover .dropdown__text,
.long-name.label-left .textarea__sign:hover .dropdown__text,
.long-name.label-left .password__sign:hover .dropdown__text,
.long-name.label-left .number__sign:hover .dropdown__text,
.long-name.label-left .dropdown__sign:hover .dropdown__text,
.long-name.label-left .multiselect__sign:hover .dropdown__text,
.long-name.label-left .input__sign:hover .multiselect__text,
.long-name.label-left .textarea__sign:hover .multiselect__text,
.long-name.label-left .password__sign:hover .multiselect__text,
.long-name.label-left .number__sign:hover .multiselect__text,
.long-name.label-left .dropdown__sign:hover .multiselect__text,
.long-name.label-left .multiselect__sign:hover .multiselect__text {
  padding-right: 20px;
  overflow: auto;
  text-overflow: clip;
  white-space: normal;
  text-align: left;
}
.multiselect .multiselect__form {
  margin-top: 65px;
  margin-bottom: 65px;
}
.multiselect .multiselect__block {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  margin-bottom: 50px;
}
.multiselect .multiselect__field {
  height: 100%;
  display: flex;
  align-items: flex-start;
}
.multiselect .multiselect__caption {
  width: 100%;
  margin-right: auto;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiselect .multiselect__label {
  width: 0;
  justify-content: flex-end;
}
.multiselect .error .multiselect__enter {
  border: 1px solid #ee6d6d;
}
.multiselect .height-5 .multiselect__enter.active .multiselect__select {
  max-height: 172px;
}
.multiselect .height-5 .multiselect__enter.active .multiselect__label {
  max-height: 220px;
}
.multiselect .height-10 .multiselect__enter.active .multiselect__select {
  max-height: 260px;
}
.multiselect .height-10 .multiselect__enter.active .multiselect__label {
  max-height: 308px;
}
.multiselect .none .multiselect__enter,
.multiselect .none .multiselect__enter:hover,
.multiselect .none .multiselect__enter:focus,
.multiselect .none .multiselect__enter.active {
  border: 1px solid #e0e0e0;
  opacity: 0.5;
  cursor: auto;
  caret-color: transparent;
}
.multiselect .multiselect__select {
  height: auto;
  margin-top: 8px;
  margin-bottom: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ffffff;
  /*.multiselect__option:hover {
      background: @hover;
    }*/
}
.multiselect .multiselect__select .multiselect__option.multiselect__option_selected {
  background: rgba(211, 232, 254, 0.3);
}
.multiselect .multiselect__select .multiselect__subtitle:hover,
.multiselect .multiselect__select .multiselect__option:hover {
  background: rgba(211, 232, 254, 0.3);
}
.multiselect .multiselect__select .multiselect__subtitle {
  display: none;
  padding-left: 24px;
  padding-bottom: 10px;
  padding-top: 10px;
  cursor: pointer;
}
.multiselect .multiselect__select .multiselect__subtitle.multiselect__option_selected {
  background: rgba(211, 232, 254, 0.3);
}
.multiselect .multiselect__select .multiselect__subtitle.active,
.multiselect .multiselect__select .multiselect__subtitle.active + .multiselect__group .multiselect__option,
.multiselect .multiselect__select .multiselect__option.active {
  color: #55a8fd;
}
.multiselect .multiselect__select .multiselect__subtitle.active:hover,
.multiselect .multiselect__select .multiselect__subtitle.active + .multiselect__group .multiselect__option:hover,
.multiselect .multiselect__select .multiselect__option.active:hover {
  background: inherit;
  cursor: default;
}
.multiselect .multiselect__option {
  padding-top: 6px;
  padding-right: 24px;
  padding-bottom: 6px;
  padding-left: 32px;
  display: none;
  font-size: 12px;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.multiselect .multiselect__option .multiselect__option_text {
  font-size: 13px;
  line-height: 16px;
}
.multiselect .multiselect__option .clear {
  display: none;
}
.multiselect .multiselect__option::-ms-expand {
  display: none;
}
.multiselect .multiselect__search {
  display: none;
}
.multiselect .multiselect__enter.active {
  /* .multiselect__subtitle {
      display: block;
      font-weight: 500;
      font-size: 14px;
      cursor: pointer;

      &:hover {
        color: @dark-blue
      }

      &.multiselect__option_selected {
        color: @dark-blue
      }
    }*/
}
.multiselect .multiselect__enter.active .multiselect__search {
  display: block;
  height: 32px;
  border: none;
  border-bottom: 1px solid #e0e0e0;
  padding-left: 24px;
  padding-right: 38px;
  cursor: auto;
}
.multiselect .multiselect__enter.active .multiselect__label {
  position: absolute;
  top: 100%;
  left: -1px;
  margin-top: 1px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-top: none;
  opacity: 5;
  z-index: 5;
  overflow: hidden;
  box-sizing: content-box;
}
.multiselect .multiselect__enter.active .multiselect__select {
  display: block;
  overflow-y: auto;
  padding-right: 12px;
}
.multiselect .multiselect__enter.active .multiselect__subtitle {
  display: block;
  font-weight: 500;
  font-size: 14px;
}
.multiselect .multiselect__enter.active .multiselect__option {
  display: flex;
  align-items: center;
  opacity: 999;
  z-index: 10;
  line-height: 14px;
  color: #212121;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.multiselect .multiselect__enter.active.select-wrapper .multiselect__option {
  justify-content: center;
}
.multiselect .multiselect__enter.active .down {
  display: none;
}
.multiselect .multiselect__enter.active .up {
  display: block;
}
.multiselect .none .multiselect__enter.active i,
.multiselect .none .multiselect__enter i {
  cursor: default;
}
.multiselect .none .multiselect__enter.active .multiselect__label,
.multiselect .none .multiselect__enter .multiselect__label {
  display: none;
}
.multiselect .none .multiselect__enter.active .down,
.multiselect .none .multiselect__enter .down {
  display: block;
}
.multiselect .none .multiselect__enter.active .down:hover i,
.multiselect .none .multiselect__enter .down:hover i {
  color: #bdbdbd;
}
.multiselect .none .multiselect__enter.active .up,
.multiselect .none .multiselect__enter .up {
  display: none;
}
.multiselect .multiselect__enter {
  position: relative;
  min-height: 53px;
  display: flex;
  width: 90%;
  align-items: flex-start;
  justify-content: space-between;
  color: #212121;
  cursor: auto;
  border: 1px solid #e0e0e0;
}
.multiselect .multiselect__enter .multiselect__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}
.multiselect .multiselect__enter .multiselect__info .multiselect__info_disabled {
  opacity: 0;
  margin-top: auto;
  margin-bottom: 6px;
}
.multiselect .multiselect__enter .multiselect__info .multiselect__info_disabled.visible {
  opacity: 1;
}
.multiselect .multiselect__enter .down,
.multiselect .multiselect__enter .up {
  margin-top: 5px;
  margin-right: 4px;
  margin-left: 0;
}
.multiselect .multiselect__enter .up {
  display: none;
}
.multiselect .multiselect__enter .down:hover i {
  color: #55a8fd;
}
.multiselect .multiselect__enter .up:hover i {
  color: #55a8fd;
}
.multiselect .multiselect__enter.hide {
  align-items: center;
  padding: 0;
}
.multiselect .multiselect__enter.hide .multiselect__multi {
  display: none;
}
.multiselect .multiselect__multi.line-1 {
  max-height: 39px;
}
.multiselect .multiselect__multi.line-2 {
  max-height: 78px;
}
.multiselect .multiselect__multi.line-3 {
  max-height: 117px;
}
.multiselect .multiselect__multi.line-4 {
  max-height: 156px;
}
.multiselect .multiselect__multi.line-5 {
  max-height: 195px;
}
.multiselect .multiselect__multi {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  height: 100%;
  margin-top: 6px;
  margin-right: 5px;
  margin-bottom: 6px;
  padding-right: 38px;
  overflow-y: auto;
  overflow-x: hidden;
}
.multiselect .multiselect__multi.column .multiselect__option {
  flex: 0 0 30%;
  width: 100%;
}
.multiselect .multiselect__multi .multiselect__option,
.multiselect .multiselect__multi.content .multiselect__option {
  flex: 0 1 auto;
  max-width: calc(50% + 24px);
  width: auto;
}
.multiselect .multiselect__multi .multiselect__option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  padding-left: 6px;
  padding-right: 6px;
  margin-top: 3px;
  margin-right: 10px;
  margin-bottom: 4px;
  background: #ebf5ff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.multiselect .multiselect__multi .multiselect__option .clear {
  display: flex;
  align-items: center;
}
.multiselect .multiselect__multi .multiselect__option:hover,
.multiselect .multiselect__multi .multiselect__option:focus,
.multiselect .multiselect__multi .multiselect__option:active {
  background: #6bb3fd;
}
.multiselect .multiselect__multi .multiselect__option:hover span,
.multiselect .multiselect__multi .multiselect__option:focus span,
.multiselect .multiselect__multi .multiselect__option:active span,
.multiselect .multiselect__multi .multiselect__option:hover .clear i,
.multiselect .multiselect__multi .multiselect__option:focus .clear i,
.multiselect .multiselect__multi .multiselect__option:active .clear i {
  color: #ffffff;
}
.multiselect .multiselect__multi .multiselect__option:hover .multiselect__option_text,
.multiselect .multiselect__multi .multiselect__option:focus .multiselect__option_text,
.multiselect .multiselect__multi .multiselect__option:active .multiselect__option_text {
  color: #ffffff;
}
.multiselect .multiselect__multi .multiselect__option .multiselect__option_text {
  width: 100%;
  padding-right: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiselect .multiselect__multi .multiselect__option .clear:hover i,
.multiselect .multiselect__multi .multiselect__option .clear:focus i,
.multiselect .multiselect__multi .multiselect__option .clear:active i {
  color: #ffffff;
}
.multiselect .clear {
  opacity: 1;
  display: none;
}
.multiselect .clear-multi {
  position: absolute;
  top: 9px;
  right: 52px;
  display: flex;
  cursor: pointer;
}
.multiselect .clear-multi:hover,
.multiselect .clear-multi:focus,
.multiselect .clear-multi:active {
  background: #6bb3fd;
  transition: all 0.1s;
}
.multiselect .clear-multi:hover i,
.multiselect .clear-multi:focus i,
.multiselect .clear-multi:active i {
  color: #ffffff;
  transition: all 0.1s;
}
.multiselect .fs24 {
  height: 24px;
  width: 24px;
}
.multiselect .fs24 i {
  font-size: 24px;
}
.multiselect .fs16 {
  height: 16px;
  width: 16px;
}
.multiselect .fs16 i {
  font-size: 16px;
}
.loader {
  display: none;
  position: relative;
  width: 16px;
  height: 16px;
}
.loader.loading {
  display: inline-block;
}
.loader div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  border: 2px solid #55a8fd;
  border-radius: 50%;
  animation: loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #55a8fd transparent transparent transparent;
}
.loader div:nth-child(1) {
  animation-delay: -0.45s;
}
.loader div:nth-child(2) {
  animation-delay: -0.3s;
}
.loader div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}