@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local(''),
  url(fonts/roboto-v20-latin-ext_cyrillic-500.woff2) format('woff2'), 
  url(fonts/roboto-v20-latin-ext_cyrillic-500.woff) format('woff'); 
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
  url(fonts/roboto-v20-latin-ext_cyrillic-700.woff2) format('woff2'), 
  url(fonts/roboto-v20-latin-ext_cyrillic-700.woff) format('woff'); 
}
@font-face {
  font-family: 'icons';
  src: url(fonts/icons.ttf?a84r0l) format('truetype');
  font-weight: normal;
  font-style: normal;
}
.icon {
  font-family: 'icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-languages:before {
    content: "\e600";
}
.icon-timezone:before {
    content: "\e601";
}
.icon-bottomFrame:before {
    content: "\e602";
}
.icon-merge-cells:before {
    content: "\e603";
}
.icon-allFrame:before {
    content: "\e604";
}
.icon-leftFrame:before {
    content: "\e605";
}
.icon-save:before {
    content: "\e606";
}
.icon-left:before {
    content: "\e607";
}
.icon-tree:before {
    content: "\e608";
}
.icon-find:before {
    content: "\e609";
}
.icon-plus:before {
    content: "\e60a";
}
.icon-enlarge-horiz:before {
    content: "\e60b";
}
.icon-shrink-horiz:before {
    content: "\e60c";
}
.icon-upload:before {
    content: "\e60d";
}
.icon-edit:before {
    content: "\e60e";
}
.icon-move:before {
    content: "\e60f";
}
.icon-open:before {
    content: "\e610";
}
.icon-align-left:before {
    content: "\e611";
}
.icon-align-center:before {
    content: "\e612";
}
.icon-align-right:before {
    content: "\e613";
}
.icon-trash:before {
    content: "\e614";
}
.icon-layout-1:before {
    content: "\e615";
}
.icon-layout-2:before {
    content: "\e616";
}
.icon-layout-12:before {
    content: "\e617";
}
.icon-layout-21:before {
    content: "\e618";
}
.icon-layout-22:before {
    content: "\e619";
}
.icon-layout-3:before {
    content: "\e61a";
}
.icon-layout-13:before {
    content: "\e61b";
}
.icon-layout-31:before {
    content: "\e61c";
}
.icon-layout-121:before {
    content: "\e61d";
}
.icon-layout-4:before {
    content: "\e61e";
}
.icon-leftFrameDouble:before {
    content: "\e61f";
}
.icon-leftFrameBold:before {
    content: "\e620";
}
.icon-noFrame:before {
    content: "\e621";
}
.icon-frameFrame:before {
    content: "\e622";
}
.icon-frameFrameBold:before {
    content: "\e623";
}
.icon-rightFrame:before {
    content: "\e624";
}
.icon-topFrame:before {
    content: "\e625";
}
.icon-topFrameDouble:before {
    content: "\e626";
}
.icon-topFrameBold:before {
    content: "\e627";
}
.icon-paste:before {
    content: "\e628";
}
.icon-new:before {
    content: "\e629";
}
.icon-split-cells:before {
    content: "\e62a";
}
.icon-enlarge:before {
    content: "\e62b";
}
.icon-reload-trend:before {
    content: "\e800";
}
.icon-clock:before {
    content: "\e801";
}
.icon-stopwatch:before {
    content: "\e802";
}
.icon-home:before {
    content: "\e901";
}
.icon-connection:before {
    content: "\e902";
}
.icon-podcast:before {
    content: "\e903";
}
.icon-feed:before {
    content: "\e904";
}
.icon-copy:before {
    content: "\e92c";
}
.icon-undo:before {
    content: "\e965";
}
.icon-redo:before {
    content: "\e966";
}
.icon-user:before {
    content: "\e971";
}
.icon-reload:before {
    content: "\e984";
}
.icon-enlarge-old:before {
    content: "\e98b";
}
.icon-shrink:before {
    content: "\e98c";
}
.icon-lock:before {
    content: "\e98f";
}
.icon-unlock:before {
    content: "\e990";
}
.icon-gear:before {
    content: "\e994";
}
.icon-power:before {
    content: "\e9b6";
}
.icon-download:before {
    content: "\e9c5";
}
.icon-close:before {
    content: "\ea0f";
}
.icon-check:before {
    content: "\ea10";
}
.icon-play:before {
    content: "\ea1c";
}
.icon-pause:before {
    content: "\ea1d";
}
.icon-next:before {
    content: "\ea24";
}
.icon-cut:before {
    content: "\ea5a";
}
.icon-bold:before {
    content: "\ea62";
}
.icon-underline:before {
    content: "\ea63";
}
.icon-italic:before {
    content: "\ea64";
}
.icon-share:before {
    content: "\ea7d";
}
.icon-printer:before {
    content: "\e954";
}
.icon-menu:before {
    content: "\e900";
}
.icon-pushpin:before {
  content: "\e946";
}
.icon-star-full:before {
  content: "\e9d9";
}
.icon-star-empty:before {
  content: "\e9d7";
}
.icon-email:before {
  content: "✉";
}
.icon-xy:before {
  content: "XY";
}
.icon-function:before {
  content: "f(x)";
}
.icon-trend:before {
  content: '\e99b'
}
.icon-droplet:before {
  content: "\e90b";
}
.icon-cross:before {
    content: "\ea11";
}
.icon-checkmark:before {
    content: "\ea12";
}
.icon-eye:before {
  content: "\e9ce";
}
.loading {
  color: transparent !important;
  min-height: .8rem;
  pointer-events: none;
  position: relative;
}
.loading::after {
  animation: loading .5s infinite linear;
  border: .1rem solid black;
  border-radius: 50%;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: .8rem;
  left: 50%;
  margin-left: -.4rem;
  margin-top: -.4rem;
  position: absolute;
  top: 50%;
  width: .8rem;
  z-index: 1;
}
body.dark .loading::after {
  border-color: white;
  border-right-color: transparent;
  border-top-color: transparent;
}
@keyframes loading {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.clearfix:after { content:""; display:block; clear:both; }
.debug { position: absolute; bottom: 0; right: 0; border-collapse: collapse; z-index: 999; }
.debug td { padding: 0 4px; font-size: 12px; white-space: nowrap; }
.debug td.time { width: 42px; padding-left: 0; text-align: right; }
#ui-datepicker-div .show-timepicker-label { display: flex; align-items: center; padding: 3px 0 4px 5px; }
#ui-datepicker-div .show-timepicker-label input { margin-left: 5px; }
.custom-timepicker dl { text-align: left; }
.custom-timepicker dl dt { float: left; clear: left; padding: 0 0 0 5px; }
.custom-timepicker dl dd { margin: 0 10px 10px 40%; }
.custom-timepicker .custom-timepicker--time {
  background: none;
  color: inherit;
  border: none;
  outline: none;
  border-bottom: solid 1px #555;
  width: 95%;
}
body { text-align:center; color:#2a2c36; background:#dcdedf; }
#logo { margin-top:6.25em; }
.login-page-info { margin-left: 2.30em; }
#supported-browsers-table { margin-bottom: 10px; }
ul.errorlist { list-style:none; font-size:0.88em; line-height:1.5em; color:#fff; background:#e42130; }
form { width:26em; padding:1.25em; margin:4em auto 0 auto; color:#2a2c36; }
table { width:100%; }
td { padding:0.35em 0; }
tr.border-bottom td { border-bottom:1px solid #bcbebf; padding-bottom:1.25em; }
tr.padding-top td { padding-top:1.25em; }
td.label { padding-right:1em; }
input, select { width:94%; height:2.6em; padding:0 0.62em; font-size:0.88em; color:#2a2c36; }
select { width:100%; }
.icon { font-size:1.88em; }
#button-login { width:100%; margin-top:2.5rem; padding:0.5em 0; cursor:pointer; color:#fff; background:#2a2c36; border:0; }
#button-login:hover, #button-login:focus, #button-login:active { background:#484a54; }
#button-login:disabled { cursor: not-allowed; color: #686868; background-color: #cacaca; }
@media(max-width:900px) {
  input, select, .login-page-info, #supported-browsers-table { font-size: 1.4em; }
  #logo { margin-top:2em; }
  form { margin-top:2em; }
}