/* roboto-100 - latin_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v15-latin_cyrillic-100.eot');
  src: url('../fonts/roboto-v15-latin_cyrillic-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v15-latin_cyrillic-100.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v15-latin_cyrillic-100.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v15-latin_cyrillic-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v15-latin_cyrillic-100.svg#Roboto') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* roboto-300 - latin_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v15-latin_cyrillic-300.eot');
  src: url('../fonts/roboto-v15-latin_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v15-latin_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v15-latin_cyrillic-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v15-latin_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v15-latin_cyrillic-300.svg#Roboto') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* roboto-regular - latin_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v15-latin_cyrillic-regular.eot');
  src: url('../fonts/roboto-v15-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v15-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v15-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v15-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v15-latin_cyrillic-regular.svg#Roboto') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -khtml-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -khtml-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -khtml-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -khtml-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -khtml-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -khtml-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -khtml-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -khtml-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -khtml-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -khtml-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -khtml-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -khtml-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -khtml-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #dddddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: #25a7df;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #25a7df;
  border-color: #25a7df;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #25a7df;
}
.panel-primary > .panel-heading .badge {
  color: #25a7df;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #25a7df;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
/* @helveticaNCLightFontFamily:	 'helveticaneuecyrlight', Arial, sans-serif;
@helveticaNCMediumFontFamily:	 'helveticaneuecyrmedium', Arial, sans-serif; */
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
/* LEGACY
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
*/
/* #grid {

  .core (@gridColumnWidth, @gridGutterWidth) {

    .spanX (@index) when (@index > 0) {
      .span@{index} { .span(@index); }
      .spanX(@index - 1);
    }
    .spanX (0) {}

    .offsetX (@index) when (@index > 0) {
      .offset@{index} { .offset(@index); }
      .offsetX(@index - 1);
    }
    .offsetX (0) {}

    .offset (@columns) {
      margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns + 1));
    }

    .span (@columns) {
      width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
    }

    .row {
      margin-left: @gridGutterWidth * -1;
      .clearfix();
    }

    [class*="span"] {
      float: left;
      min-height: 1px; // prevent collapsing columns
      margin-left: @gridGutterWidth;
    }

    // Set the container width, and override it for fixed navbars in media queries
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container { .span(@gridColumns); }

    // generate .spanX and .offsetX
    .spanX (@gridColumns);
    .offsetX (@gridColumns);

  }

  .fluid (@fluidGridColumnWidth, @fluidGridGutterWidth) {

    .spanX (@index) when (@index > 0) {
      .span@{index} { .span(@index); }
      .spanX(@index - 1);
    }
    .spanX (0) {}

    .offsetX (@index) when (@index > 0) {
      .offset@{index} { .offset(@index); }
      .offset@{index}:first-child { .offsetFirstChild(@index); }
      .offsetX(@index - 1);
    }
    .offsetX (0) {}

    .offset (@columns) {
      margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth*2);
  	  *margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + (@fluidGridGutterWidth*2) - (.5 / @gridRowWidth * 100 * 1%);
    }

    .offsetFirstChild (@columns) {
      margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth);
      *margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
    }

    .span (@columns) {
      width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));
      *width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%);
    }

    .row-fluid {
      width: 100%;
      .clearfix();
      [class*="span"] {
        .input-block-level();
        float: left;
        margin-left: @fluidGridGutterWidth;
        *margin-left: @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
      }
      [class*="span"]:first-child {
        margin-left: 0;
      }

      // Space grid-sized controls properly if multiple per line
      .controls-row [class*="span"] + [class*="span"] {
        margin-left: @fluidGridGutterWidth;
      }

      // generate .spanX and .offsetX
      .spanX (@gridColumns);
      .offsetX (@gridColumns);
    }

  }

  .input(@gridColumnWidth, @gridGutterWidth) {

    .spanX (@index) when (@index > 0) {
      input.span@{index}, textarea.span@{index}, .uneditable-input.span@{index} { .span(@index); }
      .spanX(@index - 1);
    }
    .spanX (0) {}

    .span(@columns) {
      width: ((@gridColumnWidth) * @columns) + (@gridGutterWidth * (@columns - 1)) - 14;
    }

    input,
    textarea,
    .uneditable-input {
      margin-left: 0; // override margin-left from core grid system
    }

    // Space grid-sized controls properly if multiple per line
    .controls-row [class*="span"] + [class*="span"] {
      margin-left: @gridGutterWidth;
    }

    // generate .spanX
    .spanX (@gridColumns);

  }
} */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline: thin dotted #333;
  outline: 0.25em auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  /* Responsive images (ensure images don't scale beyond their parents) */
  width: auto\9;
  /* IE7-8 need help adjusting responsive images */
  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
#map_canvas img,
.google-maps img {
  max-width: none;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* =============================================================================
List of all icons, as less variables
========================================================================== */
/* =============================================================================
Icomoon styles
========================================================================== */
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot');
  src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff?v3') format('woff'), url('../fonts/icomoon.ttf?v6') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'icomoon';
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.icon-circle-arr-down:before {
  content: "\e600";
}
.icon-circle-arr-up:before {
  content: "\e61c";
}
.icon-arr-down:before {
  content: "\e611";
}
.icon-arr-up:before {
  content: "\e61d";
}
.icon-arr-long-right:before {
  content: "\e612";
}
.icon-arr-long-left:before {
  content: "\e63b";
}
.icon-arr-mid-down:before {
  content: "\e620";
}
.icon-arr-thin-right:before {
  content: "\e61b";
}
.icon-round-arr-left:before {
  content: "\e601";
}
.icon-round-arr2-right:before {
  content: "\e604";
}
.icon-round-arr2-left:before {
  content: "\e605";
}
.icon-message:before {
  content: "\e602";
}
.icon-guard:before {
  content: "\e603";
}
.icon-settings:before {
  content: "\e606";
}
.icon-settings2:before {
  content: "\e63d";
}
.icon-r-check:before {
  content: "\e607";
}
.icon-r-x:before {
  content: "\e608";
}
.icon-r-line:before {
  content: "\e609";
}
.icon-r-circle:before {
  content: "\e60a";
}
.icon-r-minus:before {
  content: "\e613";
}
.icon-r-plus:before {
  content: "\e614";
}
.icon-r-settings:before {
  content: "\e615";
}
.icon-r-arr-down:before {
  content: "\e617";
}
.icon-r-arr-up:before {
  content: "\e618";
}
.icon-r-pause:before {
  content: "\e616";
}
.icon-blind:before {
  content: "\e60b";
}
.icon-therm:before {
  content: "\e60c";
}
.icon-bulb:before {
  content: "\e60d";
}
.icon-sun:before {
  content: "\e60e";
}
.icon-flag:before {
  content: "\e60f";
}
.icon-drop:before {
  content: "\e610";
}
.icon-pencil:before {
  content: "\e619";
}
.icon-menu:before {
  content: "\e61a";
}
.icon-rect-link:before {
  content: "\e61f";
}
.icon-checkbox:before {
  content: "\e61e";
}
.icon-exclamation:before {
  content: "\e621";
}
.icon-trash:before {
  content: "\e622";
}
.icon-download:before {
  content: "\e623";
}
.icon-c-bell:before {
  content: "\e625";
}
.icon-c-off:before {
  content: "\e626";
}
.icon-c-on:before {
  content: "\e624";
}
.icon-c-graph:before {
  content: "\e630";
}
.icon-c-grid2-w:before {
  content: "\e631";
}
.icon-status:before {
  content: "\e627";
}
.icon-camera:before {
  content: "\e639";
}
.icon-x:before {
  content: "\e628";
}
.icon-fx:before {
  content: "\e63e";
}
.icon-grid:before {
  content: "\e629";
}
.icon-grid2:before {
  content: "\e62b";
}
.icon-pin:before {
  content: "\e62a";
}
.icon-man:before {
  content: "\e62c";
}
.icon-graph:before {
  content: "\e62d";
}
.icon-step:before {
  content: "\e63d";
}
.icon-bar:before {
  content: "\e63c";
}
.icon-check:before {
  content: "\e62e";
}
.icon-pause:before {
  content: "\e62f";
}
.icon-table:before {
  content: "\e632";
}
.icon-layers:before {
  content: "\e633";
}
.icon-mute:before {
  content: "\e634";
}
.icon-reload:before {
  content: "\e635";
}
.icon-c-grid2:before {
  content: "\e637";
}
.icon-c-table:before {
  content: "\e638";
}
.icon-c-layers:before {
  content: "\e636";
}
.icon-magnify:before {
  content: "\e63a";
}
.icon-folder:before {
  content: "\e63f";
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.wrapper {
  max-width: 1266px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.cp {
  cursor: pointer;
}
/*
.video-frame {
  overflow: hidden !important;
  html {
    overflow: hidden !important;
  }
}
 */
.row {
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
.row:before,
.row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
.col {
  float: left;
}
.col.pull-right {
  float: right;
}
.col-r {
  float: right;
}
p {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
ul.simple {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*
ul.inline {
  .clearfix();

  li {
    float: left;
  }
}

// ������ � emdash
ul.list {
  margin: 0;
  padding: 0;

  li {
    color: @textColor;
    list-style: none;
    position: relative;
    padding-left: 35*@X;
  }


  li:before {
    content: "\2014";
    color: #4faad5;
    font-size: 1.5em;
  //  padding-right: 8*@X;
    position: absolute;
    top: 0;
    left: 0;
  }

  ul {
    margin: 0;
    padding-left: 22*@X;
  }
}


// ������
// ----------------------
a {
  font-family: @hcRegFontFamily;
  font-size: 18*@X;
  line-height: 26*@X;
  color: #00a96c;
  text-decoration: underline;

  &:hover {
    text-decoration: none;
  }
}
*/
.red {
  background: red;
}
.green {
  background: green;
}
.hide {
  display: none;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.clr {
  clear: both;
}
.center {
  text-align: center;
}
.bb {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.table {
  width: 100%;
  display: table;
  margin: 0 auto;
}
.table.w-auto {
  width: auto;
}
.table-row {
  display: table-row;
}
.table-cell {
  display: table-cell;
  vertical-align: top;
}
.table-cell.middle {
  vertical-align: top;
  padding-top: 8px;
}
.table-cell.big-text {
  text-align: right;
  line-height: 25px;
  font-size: 18px;
  padding: 10px;
}
.table-cell.big-text .bt-title,
.table-cell.big-text .bt-value {
  display: inline-block;
  vertical-align: middle;
}
.table-cell.big-text .bt-title {
  max-width: 220px;
}
.table-cell.big-text .bt-value {
  opacity: 0.5;
}
.table-cell.bottom {
  vertical-align: bottom;
}
.mr50 {
  margin-right: 50px;
}
.ml65 {
  margin-left: 65px;
}
.ml85 {
  margin-left: 85px;
}
.mt10 {
  margin-top: 10px;
}
.cp {
  cursor: pointer;
}
.table-link {
  cursor: pointer;
}
.table-link:hover {
  color: #2ba1e3;
}
/*  
@import "structure/jquery.mobile.structure.less";
@import "jquery.mobile.theme.variables.less";
@import "jquery.mobile.theme.less";
@import "jquery.mobile.theme.mediaqueries.less";
*/
/* Multipliers: Use to scale sizes as desired */
/*Type*/
/* @sansFontFamily: "Open Sans", Helvetica, Arial, sans-serif;
@serifFontFamily: Georgia, "Times New Roman", Times, serif;
@monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace;
 */
/*Grid*/
/* Basic measurements */
/* Transitions*/
/* =============================================================================
Colours
========================================================================== */
/* =============================================================================
CSS3 PIE settings
========================================================================== */
/* =============================================================================
shadow
========================================================================== */
/* Transitions */
/* =============================================================================
Borders
========================================================================== */
/*------------------------------------------------------------------------------------------------------------------------

    Author: Sean Goresht
    www: https://seangoresht.com/
    github: https://github.com/srsgores

    twitter: http://twitter.com/S.Goresht

    Licensed under the GPL License
    Date: August 10, 2012

    ======================================
    File:  mixins.less
    ======================================
    This file will allows for more readable code.  Use these by placing the . operator with the selected class you would like to apply.
    Also, make sure to include this file: @include "mixins.less"

--------------------------------------------------------------------------------------------------------------------- */
/* =============================================================================
Site-wide rules
========================================================================== */
.box-shadow,
.border-radius,
.border-top-left-radius,
.border-top-right-radius,
.border-bottom-left-radius,
.border-bottom-right-radius,
.border-radius-top,
.border-radius-bottom,
.border-radius-right,
.border-radius-left,
#gradient,
.padding-fix {
  background: url("PIE.htc");
}
.padding-fix {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.border-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix,
.panel-body {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after,
.panel-body:before,
.panel-body:after {
  display: table;
  content: "";
}
.clearfix:after,
.panel-body:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
.centred {
  text-align: center;
}
/*------------------------------------------------------------------------------------------------------------------------
	Author: Sean Goresht
	www: http://seangoresht.com/
	github: https://github.com/srsgores
	twitter: http://twitter.com/S.Goresht
	
	Licensed under the GNU Public License
	
	=============================================================================
	Filename:  icomoon
	=============================================================================
	
--------------------------------------------------------------------------------------------------------------------- */
/* =============================================================================
List of all icons, as less variables
========================================================================== */
/* =============================================================================
Icomoon styles
========================================================================== */
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot');
  src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
/*[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}*/
/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'icomoon';
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.icon-circle-arr-down:before {
  content: "\e600";
}
.ui-panel-dismiss {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1002;
  display: none;
}
.ui-panel-dismiss-open {
  display: block;
}
.ui-panel-animate {
  -webkit-transition: 350ms;
  -moz-transition: 350ms;
  -ms-transition: 350ms;
  -khtml-transition: 350ms;
  -o-transition: 350ms;
  transition: 350ms;
}
.ui-select {
  display: block;
  position: relative;
}
.ui-select .ui-btn-icon-right .ui-btn-inner,
.ui-select .ui-li-has-count .ui-btn-inner {
  padding-right: 1.3em;
}
.ui-select select {
  position: absolute;
  left: -9999px;
  top: -9999px;
}
.ui-select .ui-btn {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ui-select .ui-btn select {
  cursor: pointer;
  -webkit-appearance: none;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 1.5em;
  min-height: 100%;
  height: 3em;
  max-height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 2;
}
.ui-select .ui-disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.ui-select .ui-disabled select {
  display: none;
}
.ui-select .ui-btn.ui-select-nativeonly {
  border-radius: 0;
  border: 0;
}
.ui-select .ui-btn.ui-select-nativeonly select {
  opacity: 1;
  filter: alpha(opacity=100);
  text-indent: 0;
  display: block;
}
.ui-select .ui-disabled.ui-select-nativeonly .ui-btn-inner {
  opacity: 0;
  filter: alpha(opacity=0);
}
.ui-select .ui-mini.ui-btn-icon-right .ui-btn-inner {
  padding-right: 32px;
}
.ui-select .ui-mini.ui-btn-icon-right .ui-icon {
  right: 7px;
}
.ui-select .ui-btn-icon-right.ui-li-has-count .ui-btn-inner {
  padding-right: 80px;
}
.ui-select .ui-btn-icon-right.ui-li-has-count .ui-li-count {
  right: 45px;
}
.ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-btn-inner {
  padding-right: 67px;
}
.ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-li-count {
  right: 32px;
}
.ui-select .ui-btn-icon-right .ui-icon {
  right: 1em;
}
.ui-select .ui-btn-text {
  display: block;
  min-height: 1em;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.ui-field-contain .ui-select .ui-btn {
  margin: 0;
}
label.ui-select {
  font-size: 1em;
  line-height: 1.4;
  font-weight: normal;
  margin: 0 0 0.36630037em;
  display: block;
}
.ui-selectmenu {
  padding: 0.36630037em;
  min-width: 10em;
}
.ui-selectmenu .ui-btn-text {
  display: block;
  min-height: 1em;
  overflow: hidden !important;
}
.ui-selectmenu .ui-listview {
  margin: 0;
}
.ui-selectmenu .ui-btn.ui-li-divider {
  cursor: default;
}
.ui-selectmenu .ui-header {
  margin: 0;
  padding: 0;
}
.ui-selectmenu .ui-header .ui-title {
  margin: 0.36630037em 2.8em 0.8em;
}
.ui-selectmenu .ui-header h1:after {
  content: '.';
  visibility: hidden;
}
.ui-screen-hidden {
  display: none;
}
.ui-selectmenu-list .ui-li .ui-icon {
  display: none;
  display: block;
}
.ui-li.ui-selectmenu-placeholder {
  display: none;
}
.ui-selectmenu.ui-popup .ui-header {
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
@-moz-document url-prefix() {
  .ui-select .ui-btn select {
    opacity: 0.0001;
  }
}
.ui-popup-open .ui-header-fixed,
.ui-popup-open .ui-footer-fixed {
  position: absolute !important;
}
.ui-popup-screen {
  background: rgba(0, 0, 0, 0.55);
  top: 0;
  left: 0;
  right: 0;
  bottom: 1px;
  position: fixed;
  opacity: 0;
  z-index: 1099;
}
.ui-popup-screen.white-screen {
  background: #fff;
}
.ui-popup-screen.in {
  opacity: .5;
}
.ui-popup-screen.out {
  opacity: 0;
}
.ui-popup-container {
  z-index: 1100;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: auto;
  /* IE7 inline-block hack */
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  stop: being-broken;
  position: absolute;
  padding: 0;
  outline: 0;
}
.ui-popup-container .ui-content > p,
.ui-popup-container .ui-content > h1,
.ui-popup-container .ui-content > h2,
.ui-popup-container .ui-content > h3,
.ui-popup-container .ui-content > h4,
.ui-popup-container .ui-content > h5,
.ui-popup-container .ui-content > h6 {
  margin: 0.76923077em 0;
}
.ui-popup-container .ui-content > p:first-child,
.ui-popup-container .ui-content > h1:first-child,
.ui-popup-container .ui-content > h2:first-child,
.ui-popup-container .ui-content > h3:first-child,
.ui-popup-container .ui-content > h4:first-child,
.ui-popup-container .ui-content > h5:first-child,
.ui-popup-container .ui-content > h6:first-child {
  margin-top: 0;
}
.ui-popup-container .ui-content > p:last-child,
.ui-popup-container .ui-content > h1:last-child,
.ui-popup-container .ui-content > h2:last-child,
.ui-popup-container .ui-content > h3:last-child,
.ui-popup-container .ui-content > h4:last-child,
.ui-popup-container .ui-content > h5:last-child,
.ui-popup-container .ui-content > h6:last-child {
  margin-bottom: 0;
}
.ui-popup-container .ui-content > span {
  margin: 0;
}
.ui-popup {
  position: relative;
}
.ui-popup > p,
.ui-popup > h1,
.ui-popup > h2,
.ui-popup > h3,
.ui-popup > h4,
.ui-popup > h5,
.ui-popup > h6 {
  margin: 0.76923077em;
}
.ui-popup > span {
  display: block;
  margin: 0.76923077em;
}
.ui-popup .ui-title {
  font-size: 1em;
  font-weight: bold;
  margin-top: 0.76923077em;
  margin-bottom: 0.76923077em;
}
.ui-popup > img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.ui-popup iframe {
  vertical-align: middle;
}
.ui-popup > .ui-btn-left {
  position: absolute;
  top: -9px;
  margin: 0;
  z-index: 1101;
  left: -9px;
}
.ui-popup > .ui-btn-right {
  position: absolute;
  top: -9px;
  margin: 0;
  z-index: 1101;
  right: -9px;
}
.ui-popup.ui-content,
.ui-popup .ui-content {
  overflow: visible;
}
.ui-popup:not(.ui-content) > img:only-child,
.ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
.ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
  -webkit-border-radius: inherit;
  -khtml-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
}
.ui-popup-hidden {
  top: -99999px;
  left: -9999px;
}
@media all and (min-width: 28em) {
  .ui-popup .ui-field-contain label.ui-submit,
  .ui-popup .ui-field-contain .ui-controlgroup-label,
  .ui-popup .ui-field-contain label.ui-select,
  .ui-popup .ui-field-contain label.ui-input-text {
    font-size: 1em;
    line-height: 1.4;
    display: block;
    font-weight: normal;
    margin: 0 0 0.36630037em;
  }
  .ui-popup .ui-field-contain .ui-btn.ui-submit,
  .ui-popup .ui-field-contain .ui-controlgroup-controls,
  .ui-popup .ui-field-contain .ui-select,
  .ui-popup .ui-field-contain input.ui-input-text,
  .ui-popup .ui-field-contain textarea.ui-input-text,
  .ui-popup .ui-field-contain .ui-input-search {
    width: 100%;
    display: block;
  }
}
label.ui-slider {
  font-size: 1em;
  line-height: 1.4;
  font-weight: normal;
  margin: 0;
  display: block;
}
.ui-field-contain div.ui-slider,
.ui-field-contain div.ui-slider.ui-mini {
  margin: 0;
}
.ui-field-contain .ui-slider-switch,
.ui-field-contain .ui-slider-switch.ui-mini {
  margin: 0;
}
.ui-field-contain label.ui-slider {
  margin-bottom: 0.76923077em;
}
div.ui-slider {
  height: 1.25em;
  margin: 0.76923077em 0;
  zoom: 1;
}
div.ui-slider.ui-mini {
  margin: 0.36630037em 0;
}
div.ui-slider:before {
  content: "";
  display: table;
}
div.ui-slider:after {
  content: "";
  display: table;
  clear: both;
}
input.ui-input-text.ui-slider-input {
  display: block;
  float: left;
  margin: 0;
  padding: 4px;
  width: 40px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  border: none;
  background-image: none;
  font-weight: bold;
  text-align: center;
  vertical-align: text-bottom;
  outline: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
.ui-slider-input::-webkit-outer-spin-button,
.ui-slider-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ui-slider-track,
.ui-slider-switch {
  position: relative;
  overflow: visible;
  height: 1em;
  margin: 0 1em 0 4.25em;
  top: 6px;
}
.ui-slider-track.ui-mini {
  height: 12px;
  top: 8px;
}
.ui-slider-track.ui-mini .ui-slider-handle {
  height: 14px;
  width: 14px;
  margin: -8px 0 0 -7px;
}
.ui-slider-track.ui-mini .ui-slider-handle .ui-btn-inner {
  height: 30px;
  width: 30px;
  padding: 0;
  margin: -9px 0 0 -9px;
  border-top: none;
}
.ui-slider-bg {
  border: none;
  height: 100%;
}
.ui-slider-track .ui-btn.ui-slider-handle {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 28px;
  height: 28px;
  margin: -1em 0 0 -1em;
  outline: 0;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.ui-slider-switch .ui-btn.ui-slider-handle {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 28px;
  height: 28px;
  margin: -1em 0 0 -1em;
  margin: 1px 0 0 -1em;
  outline: 0;
}
.ui-slider-switch .ui-slider-label {
  position: absolute;
  text-align: center;
  width: 100%;
  overflow: hidden;
  font-size: 1em;
  top: 0;
  line-height: 2;
  min-height: 100%;
  border-width: 0;
  white-space: nowrap;
  cursor: pointer;
}
.ui-slider-switch .ui-slider-label-a {
  z-index: 1;
  left: 0;
  text-indent: -1.5em;
}
.ui-slider-switch .ui-slider-label-b {
  z-index: 0;
  right: 0;
  text-indent: 1.5em;
}
.ui-slider-handle .ui-btn-inner {
  padding: 0;
  height: 100%;
}
select.ui-slider-switch {
  display: none;
}
div.ui-slider-switch {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: auto;
  /* IE7 inline-block hack */
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  stop: being-broken;
  height: 32px;
  width: 5.8em;
  margin: .5em 0;
  top: 0;
}
div.ui-slider-switch.ui-mini {
  width: 5em;
  height: 29px;
  margin: .25em 0;
  top: 0;
}
.ui-slider-inneroffset {
  margin: 0 1em;
  position: relative;
  z-index: 1;
}
.ui-slider-switch.ui-mini .ui-slider-inneroffset {
  margin: 0 1em 0 14px;
}
.ui-slider-switch.ui-mini .ui-slider-handle {
  width: 25px;
  height: 25px;
  margin: 1px 0 0 -13px;
  padding: 0;
}
.ui-slider-switch.ui-mini .ui-slider-handle .ui-btn-inner {
  height: 1.3em;
  width: 1.3em;
  padding: 0;
  margin: 0;
  border-top: none;
}
.ui-slider-switch.ui-mini .ui-slider-label {
  font-size: 0.5em;
}
.ui-slider-handle-snapping {
  -webkit-transition: left 70ms linear;
  -moz-transition: left 70ms linear;
  -ms-transition: left 70ms linear;
  -khtml-transition: left 70ms linear;
  -o-transition: left 70ms linear;
  transition: left 70ms linear;
}
@media all and (min-width: 28em) {
  .ui-field-contain label.ui-slider {
    vertical-align: top;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: auto;
    /* IE7 inline-block hack */
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    stop: being-broken;
    width: 20%;
    margin: 0 2% 0 0;
  }
  .ui-field-contain div.ui-slider {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: auto;
    /* IE7 inline-block hack */
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    stop: being-broken;
    width: 78%;
  }
  .ui-field-contain.ui-hide-label div.ui-slider {
    display: block;
    width: auto;
  }
  .ui-field-contain div.ui-slider-switch,
  .ui-field-contain.ui-hide-label div.ui-slider-switch {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: auto;
    /* IE7 inline-block hack */
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    stop: being-broken;
    width: 5.8em;
  }
  .ui-field-contain div.ui-slider-switch.ui-mini {
    width: 5em;
  }
}
.ui-collapsible-inset {
  margin: 0.76923077em 0;
}
.ui-collapsible-inset .ui-collapsible-heading {
  margin: 0;
}
.ui-collapsible-inset .ui-collapsible-heading .ui-btn {
  border-right-width: 1px;
  border-left-width: 1px;
}
.ui-collapsible-inset .ui-collapsible-content {
  margin: 0;
  border-right-width: 1px;
  border-left-width: 1px;
}
.ui-collapsible-heading {
  font-size: 1em;
  display: block;
  margin: 0 -1em;
  padding: 0;
  position: relative;
  -webkit-border-radius: inherit;
  -khtml-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
}
.ui-collapsible-heading .ui-btn-icon-top .ui-btn-inner,
.ui-collapsible-heading .ui-btn-icon-bottom .ui-btn-inner {
  text-align: center;
}
.ui-collapsible-heading .ui-btn {
  text-align: left;
  margin: 0;
  border-left-width: 0;
  border-right-width: 0;
}
.ui-collapsible-heading .ui-btn span.ui-btn {
  position: absolute;
  left: 6px;
  top: 50%;
  margin: -12px 0 0 0;
  width: 20px;
  height: 20px;
  padding: 1px 0 1px 2px;
  text-indent: -9999px;
}
.ui-collapsible-heading .ui-btn span.ui-btn .ui-btn-inner {
  padding: 10px 0;
}
.ui-collapsible-heading .ui-btn span.ui-btn .ui-icon {
  left: 0;
  margin-top: -10px;
}
.ui-collapsible-heading .ui-btn-inner {
  padding-left: 12px;
  padding-right: 12px;
}
.ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner {
  padding-left: 40px;
}
.ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner {
  padding-right: 40px;
}
.ui-collapsible-heading .ui-btn-icon-left.ui-mini .ui-btn-inner {
  padding-left: 30px;
}
.ui-collapsible-heading .ui-btn-icon-right.ui-mini .ui-btn-inner {
  padding-right: 30px;
}
.ui-collapsible-heading > .ui-btn {
  -webkit-border-radius: inherit;
  -khtml-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
}
.ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn {
  border-top-width: 0;
}
.ui-collapsible-set {
  margin: 0.76923077em 0;
}
.ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn {
  border-top-width: 1px;
}
.ui-collapsible-set > .ui-collapsible.ui-corner-all {
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ui-collapsible-set .ui-collapsible.ui-first-child {
  -webkit-border-top-right-radius: inherit;
  -moz-border-radius-topright: inherit;
  -khtml-border-radius-topright: inherit;
  border-top-right-radius: inherit;
  -webkit-border-top-left-radius: inherit;
  -moz-border-radius-topleft: inherit;
  -khtml-border-radius-topleft: inherit;
  border-top-left-radius: inherit;
  margin-top: 0;
}
.ui-collapsible-set .ui-collapsible.ui-last-child {
  -webkit-border-bottom-right-radius: inherit;
  -moz-border-radius-bottomright: inherit;
  -khtml-border-radius-bottomright: inherit;
  border-bottom-right-radius: inherit;
  -webkit-border-bottom-left-radius: inherit;
  -moz-border-radius-bottomleft: inherit;
  -khtml-border-radius-bottomleft: inherit;
  border-bottom-left-radius: inherit;
}
.ui-collapsible-set .ui-collapsible {
  margin: -1px 0 0;
}
.ui-collapsible-heading-status {
  position: absolute;
  top: -9999px;
  left: 0;
}
.ui-collapsible-content {
  display: block;
  margin: 0 -1em;
  padding: 10px 1em;
  border-left-width: 0;
  border-right-width: 0;
  border-top: none;
  background-image: none;
  -webkit-border-bottom-right-radius: inherit;
  -moz-border-radius-bottomright: inherit;
  -khtml-border-radius-bottomright: inherit;
  border-bottom-right-radius: inherit;
  -webkit-border-bottom-left-radius: inherit;
  -moz-border-radius-bottomleft: inherit;
  -khtml-border-radius-bottomleft: inherit;
  border-bottom-left-radius: inherit;
}
.ui-collapsible-content-collapsed {
  display: none;
}
.ui-collapsible-themed-content:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -khtml-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -khtml-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.ui-controlgroup,
fieldset.ui-controlgroup {
  padding: 0;
  margin: 0.76923077em 0;
  zoom: 1;
}
.ui-controlgroup.ui-mini,
fieldset.ui-controlgroup.ui-mini {
  margin: 0.36630037em 0;
}
.ui-field-contain .ui-controlgroup,
.ui-field-contain fieldset.ui-controlgroup {
  margin: 0;
}
.ui-bar .ui-controlgroup {
  margin: 0 0.25em;
}
.ui-controlgroup-label {
  font-size: 1em;
  line-height: 1.4;
  font-weight: normal;
  margin: 0 0 0.36630037em;
}
.ui-controlgroup-controls label.ui-select,
.ui-controlgroup-controls label.ui-submit {
  position: absolute;
  left: -9999px;
}
.ui-controlgroup .ui-checkbox label,
.ui-controlgroup .ui-radio label {
  font-size: 1em;
}
.ui-controlgroup .ui-controlgroup-controls,
.ui-controlgroup .ui-radio,
.ui-controlgroup .ui-checkbox,
.ui-controlgroup .ui-select {
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.ui-controlgroup li {
  list-style: none;
  -webkit-border-radius: inherit;
  -khtml-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
}
.ui-controlgroup .ui-btn {
  margin: 0;
}
.ui-controlgroup .ui-btn-icon-notext {
  width: auto;
  height: auto;
  top: auto;
}
.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner {
  height: 20px;
  padding: .6em 20px .9em 20px;
}
.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner .ui-icon {
  position: absolute;
  top: 50%;
  right: 50%;
  margin: -9px -9px 0 0;
}
.ui-controlgroup .ui-btn-corner-all {
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ui-controlgroup .ui-shadow:not(.ui-focus) {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -khtml-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls > .ui-btn,
.ui-controlgroup-horizontal .ui-controlgroup-controls li > .ui-btn,
.ui-controlgroup-horizontal .ui-checkbox,
.ui-controlgroup-horizontal .ui-radio,
.ui-controlgroup-horizontal .ui-select {
  float: left;
  clear: none;
  margin: 0;
}
.ui-controlgroup-horizontal .ui-btn-icon-notext .ui-btn-inner {
  width: 18px;
}
.ui-controlgroup-horizontal .ui-btn-inner {
  text-align: center;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls:before {
  content: "";
  display: table;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls:after {
  content: "";
  display: table;
  clear: both;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
}
.ui-controlgroup-horizontal .ui-select .ui-btn-text {
  width: auto;
}
.ui-controlgroup-horizontal .ui-btn {
  border-right-width: 0;
}
.ui-controlgroup-horizontal .ui-btn.ui-last-child {
  border-right-width: 1px;
  -webkit-border-top-right-radius: inherit;
  -moz-border-radius-topright: inherit;
  -khtml-border-radius-topright: inherit;
  border-top-right-radius: inherit;
  -webkit-border-bottom-right-radius: inherit;
  -moz-border-radius-bottomright: inherit;
  -khtml-border-radius-bottomright: inherit;
  border-bottom-right-radius: inherit;
}
.ui-controlgroup-horizontal .ui-btn.ui-first-child {
  -webkit-border-top-left-radius: inherit;
  -moz-border-radius-topleft: inherit;
  -khtml-border-radius-topleft: inherit;
  border-top-left-radius: inherit;
  -webkit-border-bottom-left-radius: inherit;
  -moz-border-radius-bottomleft: inherit;
  -khtml-border-radius-bottomleft: inherit;
  border-bottom-left-radius: inherit;
}
.ui-controlgroup.ui-mini .ui-btn-icon-notext .ui-btn-inner,
.ui-header .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner,
.ui-footer .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner {
  height: 1em;
  padding: 0.76923077em 0.5em;
}
.ui-controlgroup-horizontal.ui-mini .ui-btn-inner {
  height: 1em;
  line-height: 1em;
}
.ui-controlgroup-vertical .ui-btn {
  border-bottom-width: 0;
}
.ui-controlgroup-vertical .ui-btn.ui-last-child {
  border-bottom-width: 1px;
  -webkit-border-bottom-right-radius: inherit;
  -moz-border-radius-bottomright: inherit;
  -khtml-border-radius-bottomright: inherit;
  border-bottom-right-radius: inherit;
  -webkit-border-bottom-left-radius: inherit;
  -moz-border-radius-bottomleft: inherit;
  -khtml-border-radius-bottomleft: inherit;
  border-bottom-left-radius: inherit;
}
.ui-controlgroup-vertical .ui-btn.ui-first-child {
  -webkit-border-top-right-radius: inherit;
  -moz-border-radius-topright: inherit;
  -khtml-border-radius-topright: inherit;
  border-top-right-radius: inherit;
  -webkit-border-top-left-radius: inherit;
  -moz-border-radius-topleft: inherit;
  -khtml-border-radius-topleft: inherit;
  border-top-left-radius: inherit;
}
.ui-checkbox,
.ui-radio {
  position: relative;
  clear: both;
  margin: 0;
  z-index: 1;
}
.ui-checkbox .ui-btn,
.ui-radio .ui-btn {
  text-align: left;
  z-index: 2;
}
.ui-controlgroup .ui-checkbox .ui-btn,
.ui-controlgroup .ui-radio .ui-btn {
  margin: 0;
}
.ui-checkbox .ui-btn-inner,
.ui-radio .ui-btn-inner {
  white-space: normal;
}
.ui-checkbox .ui-btn-icon-left .ui-btn-inner,
.ui-radio .ui-btn-icon-left .ui-btn-inner {
  padding-left: 45px;
}
.ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn-inner,
.ui-radio .ui-mini.ui-btn-icon-left .ui-btn-inner {
  padding-left: 36px;
}
.ui-checkbox .ui-btn-icon-right .ui-btn-inner,
.ui-radio .ui-btn-icon-right .ui-btn-inner {
  padding-right: 45px;
}
.ui-checkbox .ui-mini.ui-btn-icon-right .ui-btn-inner,
.ui-radio .ui-mini.ui-btn-icon-right .ui-btn-inner {
  padding-right: 36px;
}
.ui-checkbox .ui-btn-icon-top .ui-btn-inner,
.ui-radio .ui-btn-icon-top .ui-btn-inner {
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}
.ui-checkbox .ui-btn-icon-bottom .ui-btn-inner,
.ui-radio .ui-btn-icon-bottom .ui-btn-inner {
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}
.ui-checkbox .ui-icon,
.ui-radio .ui-icon {
  top: 1.1em;
}
.ui-checkbox .ui-btn-icon-left .ui-icon,
.ui-radio .ui-btn-icon-left .ui-icon {
  left: 1em;
}
.ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon,
.ui-radio .ui-mini.ui-btn-icon-left .ui-icon {
  left: 9px;
}
.ui-checkbox .ui-btn-icon-right .ui-icon,
.ui-radio .ui-btn-icon-right .ui-icon {
  right: 1em;
}
.ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon,
.ui-radio .ui-mini.ui-btn-icon-right .ui-icon {
  right: 9px;
}
.ui-checkbox .ui-btn-icon-top .ui-icon,
.ui-radio .ui-btn-icon-top .ui-icon {
  top: 10px;
}
.ui-checkbox .ui-btn-icon-bottom .ui-icon,
.ui-radio .ui-btn-icon-bottom .ui-icon {
  top: auto;
  bottom: 10px;
}
.ui-controlgroup-horizontal .ui-checkbox .ui-icon,
.ui-controlgroup-horizontal .ui-radio .ui-icon {
  display: none;
}
.ui-controlgroup-horizontal .ui-checkbox .ui-btn-inner,
.ui-controlgroup-horizontal .ui-radio .ui-btn-inner {
  padding: .6em 20px;
}
.ui-controlgroup-horizontal .ui-checkbox .ui-mini .ui-btn-inner,
.ui-controlgroup-horizontal .ui-radio .ui-mini .ui-btn-inner {
  padding: .55em 11px .5em;
}
.ui-checkbox input,
.ui-radio input {
  position: absolute;
  left: 20px;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 0;
  outline: 0 !important;
  z-index: 1;
}
/*
@import "jquery.mobile.core.less";
@import "jquery.mobile.transition.less";
@import "jquery.mobile.transition.fade.less";
@import "jquery.mobile.transition.pop.less";
@import "jquery.mobile.transition.slide.less";
@import "jquery.mobile.transition.slidefade.less";
@import "jquery.mobile.transition.slidedown.less";
@import "jquery.mobile.transition.slideup.less";
@import "jquery.mobile.transition.flip.less";
@import "jquery.mobile.transition.turn.less";
@import "jquery.mobile.transition.flow.less";
@import "jquery.mobile.grid.less";
@import "jquery.mobile.fixedToolbar.less";
@import "jquery.mobile.navbar.less";
@import "jquery.mobile.button.less";


@import "jquery.mobile.dialog.less";


@import "jquery.mobile.forms.fieldcontain.less";

@import "jquery.mobile.forms.textinput.less";
@import "jquery.mobile.forms.rangeslider.less";
@import "jquery.mobile.listview.less";

@import "jquery.mobile.table.less";
@import "jquery.mobile.table.columntoggle.less";
@import "jquery.mobile.table.reflow.less";

@import "jquery.mobile.mediaqueries.less";
@import "loaders.less";  */
/* =============================================================================
Global
========================================================================== */
/* Active state colours */
/* =============================================================================
Icons
========================================================================== */
/* =============================================================================
Header/Footer bar
========================================================================== */
/* =============================================================================
Theme main colours
========================================================================== */
/* =============================================================================
Content Body
========================================================================== */
/* =============================================================================
Button States
========================================================================== */
/* normal */
/* hover */
/* active */
/* .ui-icon {
	background: #666666;
	background: rgba(0, 0, 0, 0.4);
	.border-radius(@borderRadiusLarge);
	font-size: @em; //.icon-;
	color: @iconColour;
}
 */
.ui-icon {
  position: relative;
}
.ui-icon-circle-arr-down:before {
  content: "\e600";
  font-family: "IcoMoon";
}
.ui-icon-circle-arr-up:before {
  content: "\e61c";
  font-family: "IcoMoon";
}
/*.ui-icon-arrow-d {
	&:before {
		.just-icon(@icon-arrow-down);
	}
}*/
.ui-icon-checkbox-on:before {
  content: "\e61e";
  font-family: "IcoMoon";
}
.ui-collapsible-content.ui-body-a {
  background: #f1f1f1;
  -webkit-box-shadow: 0 2px 6px rgba(117,123,127,.75);
  -moz-box-shadow: 0 2px 6px rgba(117,123,127,.75);
  -khtml-box-shadow: 0 2px 6px rgba(117,123,127,.75);
  -o-box-shadow: 0 2px 6px rgba(117,123,127,.75);
  box-shadow: 0 2px 6px rgba(117,123,127,.75);
  padding: 0;
}
.ui-collapsible-content.ui-body-a li {
  border-bottom: 1px solid #c2c2c2;
}
.ui-collapsible-content.ui-body-a li:last-child {
  bottom: 0;
}
.ui-collapsible-content.ui-body-a li a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 49px;
  color: #000;
  text-decoration: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  display: block;
}
.ui-collapsible-content.ui-body-a li a:hover {
  background: #dcdedf;
}
.user-menu .ui-collapsible-content {
  margin-top: -3px;
}
.simple-select {
  width: 150px;
}
.simple-select .ui-select .ui-btn {
  font-size: 17px;
  line-height: 46px;
  color: #fff;
  text-align: left;
  width: 100%;
  height: 46px;
  border-radius: 2px;
  display: block;
  background: #2ba1e3;
  text-decoration: none;
  outline: none;
  /*.ui-btn-text {
        padding-left: 18px;
        padding-right: 40px;
        .text-overflow();
      }*/
  /*.ui-icon {
        font-size: 24px;
        position: absolute;
        right: 18px;
        top: 0;
      }*/
}
.simple-select .ui-select .ui-btn .js-makescroll {
  padding-left: 18px;
  /* padding-right: 40px; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.simple-select .ui-select .ui-btn .js-makescroll:after {
  font-size: 27px;
  line-height: 0px;
  float: right;
  text-align: right;
  top: 22px;
  padding-right: 0px;
  position: relative;
  content: "\e611";
  font-family: "IcoMoon";
}
.simple-select .ui-select .ui-btn .ui-btn-inner {
  padding: 0;
}
.simple-select.long {
  min-width: 273px;
  width: 100%;
  max-width: 450px;
  margin-right: 0 !important;
}
@-moz-document url-prefix() {
  .simple-select .ui-select .ui-btn .js-makescroll::after {
    top: -24px;
  }
}
.widget-data .simple-select.long {
  max-width: 1024px!important;
}
.action-cell .simple-select.long {
  width: 273px;
}
.ui-select .ui-btn-text {
  padding-right: 15px;
}
.ui-selectmenu {
  width: 150px;
  background: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 6px rgba(117,123,127,.75);
  -moz-box-shadow: 0 2px 6px rgba(117,123,127,.75);
  -khtml-box-shadow: 0 2px 6px rgba(117,123,127,.75);
  -o-box-shadow: 0 2px 6px rgba(117,123,127,.75);
  box-shadow: 0 2px 6px rgba(117,123,127,.75);
  margin: 0;
  padding: 0;
  overflow: hidden;
  /*
  .ui-header {
    display: none;
  }
   */
}
.ui-selectmenu .ui-listview {
  margin: 0;
  padding: 0;
}
.ui-selectmenu .ui-listview li {
  height: 46px;
  border-bottom: 1px solid #c2c8d1;
  position: relative;
}
.ui-selectmenu .ui-listview li:last-chid {
  border: 0;
}
.ui-selectmenu .ui-listview li a {
  font-size: 17px;
  line-height: 46px;
  height: 46px;
  color: #000;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 14px;
  display: block;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-selectmenu .ui-listview .ui-btn-active a {
  color: #fff;
  background: #2ba2e4;
}
.ui-selectmenu.long {
  width: 470px;
  max-height: 234px;
  overflow: hidden;
}
@media screen and (max-width: 500px) {
  .ui-selectmenu.long {
    width: auto;
    max-width: 300px;
  }
}
.ui-slider-track {
  width: 90%;
  height: 5px;
  background: #d4d4d4;
  margin: 23px auto 0 7px;
}
@media screen and (max-width: 1024px) {
  .ui-slider-track {
    margin-top: 16px!important;
  }
}
.ui-slider-track .ui-slider-handle {
  top: -7px !important;
  width: 48px!important;
  height: 48px!important;
  margin-top: -4.5px;
  margin-left: -25px !important;
  text-decoration: none;
}
@media screen and (max-width: 1024px) {
  .ui-slider-track .ui-slider-handle {
    top: -4px !important;
    width: 38px!important;
    height: 38px!important;
  }
}
.ui-slider-track .ui-slider-handle:before {
  content: attr(aria-valuenow);
  font-size: 20px;
  line-height: 51px;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 100%;
  float: left;
  border-radius: 100%;
  background: #2ba1e3;
}
@media screen and (max-width: 1024px) {
  .ui-slider-track .ui-slider-handle:before {
    line-height: 41px;
    font-size: 16px;
  }
}
.widget-switcher .ui-slider-track.ui-bar-a {
  margin-top: 10px;
}
.ui-slider-switch {
  width: 125px!important;
  height: 50px!important;
  border-radius: 32px;
  background: #2ba1e3;
  overflow: hidden;
  position: relative;
  outline: none;
  margin: 0.76923077em 0!important;
}
@media screen and (max-width: 1024px) {
  .ui-slider-switch {
    width: 100px!important;
    height: 42px!important;
  }
}
.ui-slider-switch .ui-slider-label {
  border-radius: 23px;
  line-height: 200px;
  width: 100%;
  height: 100%;
  display: block;
}
.ui-slider-switch .ui-slider-label-b {
  background: #979ca3;
}
.ui-slider-switch .ui-slider-handle {
  width: 40px!important;
  height: 40px!important;
  border-radius: 100%;
  border: 5px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 5px 0px 0px -2px !important;
  top: 6px;
  color: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1024px) {
  .ui-slider-switch .ui-slider-handle {
    width: 32px!important;
    height: 32px!important;
  }
}
.ui-slider-switch .ui-slider-handle:before {
  color: transparent;
  background: transparent;
}
.ui-slider-switch .ui-slider-handle[aria-valuetext="On"] {
  width: 6px!important;
  height: 30px!important;
  background: #fff;
  border-radius: 3px;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 0 -8px !important;
  top: 10px;
}
@media screen and (max-width: 1024px) {
  .ui-slider-switch .ui-slider-handle[aria-valuetext="On"] {
    width: 4px!important;
    height: 26px!important;
  }
}
.ui-slider-input.ui-body-a {
  display: none !important;
}
.color-slider {
  width: 100%;
  height: 40px;
  margin-left: -10px;
  position: relative;
}
.color-slider .limit {
  font-size: 15px;
  line-height: 15px;
  position: absolute;
  bottom: 0;
}
.color-slider .limit.to {
  right: -14px;
}
.ui-slider-track.ui-bar-b {
  max-width: 488px;
  height: 26px;
  margin: 10px auto 0 auto;
  background: url('../img/slider_scale.png') no-repeat 50% 50%;
  background-size: 100% auto;
}
.ui-slider-track.ui-bar-b .ui-slider-handle {
  width: 55px !important;
  height: 55px !important;
  border-radius: 100%;
  background: #404044;
  margin-top: -27.5px !important;
  text-decoration: none;
}
.ui-slider-track.ui-bar-b .ui-slider-handle:before {
  content: attr(aria-valuenow);
  font-size: 22px;
  line-height: 55px;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 100%;
  float: left;
}
.ui-slider-input.ui-body-b {
  display: none !important;
}
/*
.ui-popup-container.ui-popup-active {
  position: fixed;
}
 */
.ui-popup-active .ui-popup {
  background: #fff;
}
.ui-popup-container .ui-header {
  display: none;
}
.ui-popup-container .ui-selectmenu-list li a:active {
  background: #2ba2e4;
  color: #fff !important;
}
.ui-popup-container.ui-popup-active .ui-selectmenu-list {
  max-height: 1000%;
  min-height: 47px;
  margin: 0;
  padding: 0;
}
.ui-popup-active .timer-modal.ui-body-a {
  font-family: Arial, Helvetica, sans-serif;
  width: 700px;
  height: 550px;
  border-radius: 1px;
  -webkit-box-shadow: 0 3px 182px rgba(0,0,0,.3);
  -moz-box-shadow: 0 3px 182px rgba(0,0,0,.3);
  -khtml-box-shadow: 0 3px 182px rgba(0,0,0,.3);
  -o-box-shadow: 0 3px 182px rgba(0,0,0,.3);
  box-shadow: 0 3px 182px rgba(0,0,0,.3);
  padding: 10px 45px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /*
  .timer-block {
    &:before {
      content: '';
      width: 100%;
      height: 49px;
      //background: red;
      position: absolute;
      top: 51px;
      left: 0;
    }
  }
   */
}
.ui-popup-active .timer-modal.ui-body-a > .ps-scrollbar-y-rail {
  opacity: 0;
}
.ui-popup-active .timer-modal.ui-body-a form {
  position: static;
}
.ui-popup-active .timer-modal.ui-body-a h3 {
  font-size: 38px;
  line-height: 50px;
  font-weight: bold;
  color: #373737;
  border-bottom: 2px solid #373737;
  margin: 0 0 19px 0;
}
.ui-popup-active .timer-modal.ui-body-a h3 span {
  font-size: 32px;
  font-weight: normal;
}
.ui-popup-active .timer-modal.ui-body-a .label-cell {
  width: 119px;
  height: 47px;
}
.ui-popup-active .timer-modal.ui-body-a .m-label,
.ui-popup-active .timer-modal.ui-body-a .toggle-title {
  font-size: 17px;
  line-height: 20px;
  font-weight: bold;
}
.ui-popup-active .timer-modal.ui-body-a .m-label.disabled,
.ui-popup-active .timer-modal.ui-body-a .toggle-title.disabled {
  color: #b9b9b9;
}
.ui-popup-active .timer-modal.ui-body-a .m-label.timer-label,
.ui-popup-active .timer-modal.ui-body-a .toggle-title.timer-label {
  height: 32px;
}
.ui-popup-active .timer-modal.ui-body-a .m-label.s-label,
.ui-popup-active .timer-modal.ui-body-a .toggle-title.s-label {
  font-size: 13px;
  line-height: 14px;
  text-align: center;
}
.ui-popup-active .timer-modal.ui-body-a .toggle-title {
  display: none;
}
.ui-popup-active .timer-modal.ui-body-a .spacer {
  height: 27px;
}
.ui-popup-active .timer-modal.ui-body-a .timer-row {
  margin-top: 25px;
}
.ui-popup-active .timer-modal.ui-body-a .timer-row .time-col,
.ui-popup-active .timer-modal.ui-body-a .timer-row .date-col {
  width: 79px;
  text-align: center;
}
.ui-popup-active .timer-modal.ui-body-a .timer-row .year-col {
  width: 106px;
}
.ui-popup-active .timer-modal.ui-body-a .timer-row .colon {
  font-size: 24px;
  line-height: 24px;
  width: 14px;
  vertical-align: middle;
}
.ui-popup-active .timer-modal.ui-body-a .timer-row .colon > div {
  margin-top: 32px;
}
.ui-popup-active .timer-modal.ui-body-a .timer-row .spacer-col {
  width: 50px;
}
.ui-popup-active .timer-modal.ui-body-a .btns-row {
  width: 100%;
  height: 107px;
  padding: 24px 40px;
  border-top: 2px solid #404044;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ui-popup-active .timer-modal.ui-body-a .blue-controlgroup {
  display: none;
}
.ui-popup-active .interval-timer.ui-body-a {
  width: 498px;
  height: 515px;
  padding: 36px 40px 0 40px;
}
.ui-popup-active .interval-timer.ui-body-a h3 {
  font-size: 30px;
  line-height: 50px;
  font-weight: normal;
}
.ui-popup-active .interval-timer.ui-body-a .m-label {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
}
.ui-popup-active .interval-timer.ui-body-a .m-label.timer-label {
  margin-bottom: 5px;
}
.ui-popup-active .interval-timer.ui-body-a .timer-row {
  margin-top: 60px;
}
.ui-popup-active .interval-timer.ui-body-a .timer-row .table-cell {
  width: 69px;
}
.ui-popup-active .interval-timer.ui-body-a .timer-row .colon {
  width: auto;
  text-align: center;
}
.ui-popup-active .interval-timer.ui-body-a .btns-row {
  height: 117px;
  padding: 29px 40px;
}
.ui-popup-active .interval-timer.ui-body-a .btns-row .btn-simple {
  font-size: 18px;
  width: 198px;
}
.ui-popup-active .aa-input.ui-body-a {
  width: 736px;
  height: 630px;
  padding: 47px 65px 0 65px;
}
.ui-popup-active .aa-input.ui-body-a h3 {
  font-size: 25px;
  line-height: 25px;
  font-weight: normal;
  padding-bottom: 10px;
}
.ui-popup-active .aa-input.ui-body-a h3 .icon {
  font-size: 23px;
  margin-right: 10px;
}
.ui-popup-active .aa-input.ui-body-a .days-select {
  display: none;
}
.ui-popup-active .aa-input.ui-body-a .grey-controlgroup .ui-controlgroup-controls {
  width: 322px;
  height: 40px;
}
.ui-popup-active .aa-input.ui-body-a .grey-controlgroup .ui-checkbox {
  width: 46px;
}
.ui-popup-active .aa-input.ui-body-a .grey-controlgroup .ui-checkbox label {
  font-size: 13px;
  line-height: 40px;
}
.ui-popup-active .aa-input.ui-body-a .header-row {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
}
.ui-popup-active .aa-input.ui-body-a .header-row .table-cell {
  padding-top: 36px;
  padding-bottom: 20px;
}
.ui-popup-active .aa-input.ui-body-a .temp-row {
  font-size: 18px;
  line-height: 46px;
}
.ui-popup-active .aa-input.ui-body-a .temp-row > .table-cell:first-child {
  width: 294px;
  padding-bottom: 30px;
}
.ui-popup-active .aa-input.ui-body-a .temp-row .input {
  font-size: 24px;
  color: #303030;
  text-align: center;
  width: 114px;
  height: 46px;
  background: #f7f7f7;
  border: 1px solid  #a3a3a3;
  margin-left: -1px;
}
.ui-popup-active .aa-input.ui-body-a .temp-row .input.temp-input {
  width: 118px;
}
.ui-popup-active .aa-input.ui-body-a .temp-row .input.interval-input {
  margin: 0 16px;
}
.ui-popup-active .aa-input.ui-body-a .temp-row .input.interval-input.to {
  margin-right: 0;
}
.ui-popup-active .aa-input.ui-body-a .temp-row .input.interval-input:focus {
  border-color: #25a7df;
  background-color: #fafbfc;
  -webkit-box-shadow: 0 0 6px 0 rgba(59, 148, 186, 0.4);
  -moz-box-shadow: 0 0 6px 0 rgba(59, 148, 186, 0.4);
  -khtml-box-shadow: 0 0 6px 0 rgba(59, 148, 186, 0.4);
  -o-box-shadow: 0 0 6px 0 rgba(59, 148, 186, 0.4);
  box-shadow: 0 0 6px 0 rgba(59, 148, 186, 0.4);
}
.ui-popup-active .aa-input.ui-body-a .temp-row .input.interval-input[readonly="readonly"]:focus,
.ui-popup-active .aa-input.ui-body-a .temp-row .input.interval-input[readonly]:focus {
  border-color: #a3a3a3;
  background-color: #f7f7f7;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -khtml-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.ui-popup-active .aa-input.ui-body-a .temp-row .number {
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 49px;
  height: 46px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid  #a3a3a3;
}
.ui-popup-active .aa-input.ui-body-a .temp-row .number.number-yellow {
  background: #fbc761;
}
.ui-popup-active .aa-input.ui-body-a .temp-row .number.number-orange {
  background: #f58b66;
}
.ui-popup-active .aa-input.ui-body-a .temp-row .number.number-green {
  background: #44d5a3;
}
.ui-popup-active .aa-input.ui-body-a .temp-row .number.number-blue {
  background: #4e92d7;
}
.language-modal {
  display: none;
}
.ui-popup-active .language-modal.ui-body-a {
  width: 600px;
  height: 320px;
  display: block;
}
.ui-popup-active .language-modal.ui-body-a .btns-row .btn-simple {
  font-size: 18px;
  width: 198px;
}
.ui-popup-active .language-modal.ui-body-a .dark-grey-controlgroup .ui-radio .ui-btn-active {
  background: #2ba1e3;
  color: #fff;
}
.password-modal {
  display: none;
}
.ui-popup-active .password-modal.ui-body-a {
  width: 600px;
  height: 280px;
  display: block;
}
.ui-popup-active .password-modal.ui-body-a .input {
  line-height: 37px;
  width: 100%;
  border: 1px solid #bdbdbd;
  padding: 0 10px;
}
.ui-popup-active .password-modal.ui-body-a .btns-row .btn-simple {
  font-size: 18px;
  width: 198px;
}
.ui-simpledialog-container .password-modal {
  width: 100%;
  height: 490px;
  display: block;
  background: #fff;
  padding: 47px 65px 0 65px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ui-simpledialog-container .password-modal h3 {
  font-size: 25px;
  line-height: 25px;
  font-weight: normal;
  color: #373737;
  border-bottom: 2px solid #373737;
  margin: 0 0 19px 0;
  padding-bottom: 10px;
}
.ui-simpledialog-container .password-modal .input {
  line-height: 37px;
  width: 100%;
  border: 1px solid #bdbdbd;
  padding: 0 10px;
}
.ui-simpledialog-container .password-modal .btns-row {
  width: 100%;
  height: 107px;
  padding: 24px 40px;
  border-top: 2px solid #404044;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ui-simpledialog-container .password-modal .btns-row .btn-simple {
  font-size: 18px;
  width: 114px;
}
.ui-simpledialog-container .password-modal .pinpad {
  margin-top: 10px;
}
.ui-simpledialog-container .password-modal .pinpad .btn-simple {
  width: 50px;
  height: 50px;
}
.ui-simpledialog-container .password-modal .pinpad .btn-simple + .btn-simple {
  margin-left: 6px;
}
.ui-simpledialog-container .password-modal .pinpad .row {
  margin: 0 auto;
  width: 162px;
}
.ui-simpledialog-container .password-modal .pinpad .row + .row {
  margin-top: 6px;
}
.ui-popup-active .group-modal.ui-body-a {
  width: 720px;
  height: auto;
  padding: 20px 5px 115px 5px;
}
.ui-popup-active .group-modal.ui-body-a .group-wrapper {
  max-height: 400px;
  padding: 0 10px;
  overflow: hidden;
  position: relative;
}
.ui-popup-active .group-modal.ui-body-a .grid-block {
  margin-left: 0;
}
.ui-popup-active .group-modal.ui-body-a .cancel {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 830px) {
  .ui-popup-active .group-modal.ui-body-a {
    width: 100% !important;
  }
  .ui-popup-active .group-modal.ui-body-a .ps-container .ps-scrollbar-x-rail {
    display: block  !important;
  }
}
.ui-popup-active .base-popup {
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  width: 374px;
}
.ui-popup-active .base-popup .header {
  width: 100%;
  height: 85px;
  background: #f02b2f;
}
.ui-popup-active .base-popup h3 {
  font-size: 25px;
  line-height: 85px;
  color: #fff;
  font-weight: bold;
}
.ui-popup-active .base-popup .msg {
  padding: 32px 40px;
}
.ui-popup-active .base-popup .msg p {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 22px;
}
.ui-popup-active .base-popup .desc-title {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
}
.ui-popup-active .base-popup .btn-close {
  font-size: 17px;
  line-height: 50px;
  width: 165px;
  height: 50px;
  margin: 5px auto 0 auto;
  display: block;
}
.socket-modal {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 112px;
  text-align: center;
  color: #DDE4EA;
  width: 308px;
  height: 112px;
  background: #434c56;
  border-radius: 4px 0 0 0;
  border: 1px solid #1A232E;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1100;
}
[data-role="popup"] {
  display: none;
}
.ui-popup-active [data-role="popup"] {
  display: block;
}
.grey-controlgroup {
  border: 0;
  margin: 0 !important;
}
.grey-controlgroup .ui-controlgroup-controls {
  width: 497px;
  height: 47px;
  background: #f6f6f6;
  -webkit-box-shadow: inset 0 1px 3px rgba(111,116,125,.37), inset 0 0 18px rgba(201,201,201,.22);
  -moz-box-shadow: inset 0 1px 3px rgba(111,116,125,.37), inset 0 0 18px rgba(201,201,201,.22);
  -khtml-box-shadow: inset 0 1px 3px rgba(111,116,125,.37), inset 0 0 18px rgba(201,201,201,.22);
  -o-box-shadow: inset 0 1px 3px rgba(111,116,125,.37), inset 0 0 18px rgba(201,201,201,.22);
  box-shadow: inset 0 1px 3px rgba(111,116,125,.37), inset 0 0 18px rgba(201,201,201,.22);
  position: relative;
}
.grey-controlgroup .ui-checkbox {
  width: 71px;
}
.grey-controlgroup .ui-checkbox input {
  display: none;
}
.grey-controlgroup .ui-checkbox label {
  font-size: 19px;
  line-height: 47px;
  font-weight: normal;
  width: 100%;
  display: block;
  text-align: center;
}
.grey-controlgroup .ui-checkbox label .ui-btn-inner {
  padding: 0;
}
.grey-controlgroup .ui-checkbox label .ui-icon {
  display: none;
}
.grey-controlgroup .ui-checkbox .ui-btn-active {
  color: #fff;
  background: #2ba1e3;
}
.dark-grey-controlgroup {
  border: 0;
  margin: 0 !important;
}
.dark-grey-controlgroup .ui-controlgroup-controls {
  width: 216px;
  height: 40px;
  background: #e0e1e1;
  -webkit-box-shadow: inset 1px 1px 0 rgba(111,116,125,.36);
  -moz-box-shadow: inset 1px 1px 0 rgba(111,116,125,.36);
  -khtml-box-shadow: inset 1px 1px 0 rgba(111,116,125,.36);
  -o-box-shadow: inset 1px 1px 0 rgba(111,116,125,.36);
  box-shadow: inset 1px 1px 0 rgba(111,116,125,.36);
  position: relative;
}
.dark-grey-controlgroup .ui-radio {
  width: 50%;
}
.dark-grey-controlgroup .ui-radio input {
  display: none;
}
.dark-grey-controlgroup .ui-radio label {
  font-size: 13px;
  line-height: 40px;
  font-weight: normal;
  width: 100%;
  display: block;
  text-align: center;
}
.dark-grey-controlgroup .ui-radio label .ui-btn-inner {
  padding: 0;
}
.dark-grey-controlgroup .ui-radio label .ui-icon {
  display: none;
}
.dark-grey-controlgroup .ui-radio .ui-btn-active {
  background: #d5d5d5;
}
.mobile-controlgroup-disabled.grey-controlgroup .ui-controlgroup-controls {
  background: #98a6b1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -khtml-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.mobile-controlgroup-disabled.grey-controlgroup .ui-controlgroup-controls:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
}
.mobile-controlgroup-disabled.grey-controlgroup .ui-checkbox label {
  color: #fff;
}
.simple-radio-controlgroup {
  border: 0;
  margin: 0 !important;
}
.simple-radio-controlgroup .ui-radio {
  margin-right: 15px;
}
.simple-radio-controlgroup .ui-radio:last-child {
  margin-right: 0;
}
.simple-radio-controlgroup .ui-radio input {
  display: none;
}
.simple-radio-controlgroup .ui-radio label {
  font-size: 18px;
  line-height: 34px;
  color: #787878;
  font-weight: normal;
  display: block;
  padding-left: 40px;
  position: relative;
}
.simple-radio-controlgroup .ui-radio label .ui-btn-inner {
  padding: 0;
}
.simple-radio-controlgroup .ui-radio label .ui-icon {
  width: 34px;
  height: 34px;
  display: block;
  border-radius: 100%;
  border: 7px solid #d7dbdd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
}
.simple-radio-controlgroup .ui-radio label .ui-icon:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #d7dbdd;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -5px 0 0 -5px;
  display: none;
}
.simple-radio-controlgroup .ui-radio label:hover .ui-icon:before {
  display: block;
}
.simple-radio-controlgroup .ui-radio .ui-btn-active {
  color: #2ba2e4;
}
.simple-radio-controlgroup .ui-radio .ui-btn-active .ui-icon {
  border-color: #2ba2e4;
}
.simple-radio-controlgroup .ui-radio .ui-btn-active .ui-icon:before {
  background: #2ba2e4;
  display: block;
}
/**/
/*
 * jQuery Mobile Framework : plugin to provide a simple Dialog widget.
 * Copyright (c) JTSage
 * CC 3.0 Attribution.  May be relicensed without permission/notifcation.
 * https://github.com/jtsage/jquery-mobile-simpledialog
 */
/* Shared Styles */
.ui-simpledialog-screen {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ui-simpledialog-hidden {
  display: none;
}
.ui-simpledialog-screen-modal {
  background: rgba(0, 0, 0, 0.55);
}
form {
  position: relative;
}
input[type="text"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="email"],
textarea {
  font-family: Arial, Helvetica, sans-serif;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
input[type="text"]::-ms-clear,
input[type="password"]::-ms-clear,
input[type="search"]::-ms-clear,
input[type="url"]::-ms-clear,
input[type="email"]::-ms-clear,
textarea::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
textarea {
  resize: none;
}
.input-simple {
  font-size: 14px;
  line-height: 100%;
  font-weight: bold;
  height: 29px;
  color: #34495e;
  padding: 0 12px;
}
.input-simple:focus,
.input-simple:hover {
  -webkit-box-shadow: 0 0 0 1px #26b9e7;
  -moz-box-shadow: 0 0 0 1px #26b9e7;
  -khtml-box-shadow: 0 0 0 1px #26b9e7;
  -o-box-shadow: 0 0 0 1px #26b9e7;
  box-shadow: 0 0 0 1px #26b9e7;
}
.input-simple-gb {
  font-size: 11px;
  line-height: 32px;
  height: 32px;
  width: 100%;
  color: #35383e;
  padding: 0 12px;
  border: 1px solid #b9b9b9 !important;
  border-radius: 2px;
}
/* 
// ��������� ����
// --------------------------------------------------
.parsley-error {
  border: 1px solid #e85c5c !important;
}

.parsley-error-list {
  font-family: @arialFontFamily;
  font-size: 10px;
  line-height: 12px;
  //height: 12px;
  color: #e85c5c;
  background: #fff;
  list-style: none;
  padding: 5px;
  margin: 2px 0 0 0;
  .box-shadow(0 0 10px rgba(0,0,0,.3));
  border-radius: 3px;
  position: absolute;
} */
.btn {
  font-family: Arial, Helvetica, sans-serif;
  display: inline-block;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
}
.btn-login {
  font-size: 14px;
  line-height: 31px;
  color: #fff;
  font-weight: bold;
  height: 31px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 0 #223345, inset 1px 2px 0 rgba(100,213,255,.49), inset 0 0 6px rgba(53,167,220,.55);
  -moz-box-shadow: 0 1px 0 #223345, inset 1px 2px 0 rgba(100,213,255,.49), inset 0 0 6px rgba(53,167,220,.55);
  -khtml-box-shadow: 0 1px 0 #223345, inset 1px 2px 0 rgba(100,213,255,.49), inset 0 0 6px rgba(53,167,220,.55);
  -o-box-shadow: 0 1px 0 #223345, inset 1px 2px 0 rgba(100,213,255,.49), inset 0 0 6px rgba(53,167,220,.55);
  box-shadow: 0 1px 0 #223345, inset 1px 2px 0 rgba(100,213,255,.49), inset 0 0 6px rgba(53,167,220,.55);
  background-color: #1c9ed1;
  background-image: -moz-linear-gradient(top, #19a8d5, #208fcc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#19a8d5), to(#208fcc));
  background-image: -webkit-linear-gradient(top, #19a8d5, #208fcc);
  background-image: -o-linear-gradient(top, #19a8d5, #208fcc);
  background-image: linear-gradient(to bottom, #19a8d5, #208fcc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff19a8d5', endColorstr='#ff208fcc', GradientType=0);
}
.btn-login:hover {
  background-color: #1d99d0;
  background-image: -moz-linear-gradient(top, #208fcc, #19a8d5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#208fcc), to(#19a8d5));
  background-image: -webkit-linear-gradient(top, #208fcc, #19a8d5);
  background-image: -o-linear-gradient(top, #208fcc, #19a8d5);
  background-image: linear-gradient(to bottom, #208fcc, #19a8d5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff208fcc', endColorstr='#ff19a8d5', GradientType=0);
}
.btn-login:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -khtml-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.btn-login:disabled {
  background: #19a8d5;
  cursor: default;
  opacity: .6;
}
.btn-simple {
  font-size: 14px;
  line-height: 46px;
  width: 104px;
  border-radius: 2px;
  background: #2ba1e3;
  color: #fff;
  height: 46px;
  text-align: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-simple.red {
  background: #f74145;
}
.btn-simple.grey {
  background: #c5cacf;
}
.btn-simple.big {
  font-size: 22px;
  line-height: 54px;
  width: 288px;
  height: 54px;
}
.btn-simple.rounded {
  border-radius: 5px;
}
.btn-period,
.btn-charts-type {
  font-size: 11px;
  line-height: 32px;
  color: #fff;
  width: 62px;
  height: 32px;
  border: 1px solid #131418;
  border-radius: 2px;
  background: #434b59;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
  -khtml-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
.btn-period.active,
.btn-charts-type.active,
.btn-period:hover,
.btn-charts-type:hover {
  background: #1f2a31;
}
.btn-period.btn-s,
.btn-charts-type.btn-s {
  line-height: 27px;
  height: 27px;
}
.btn-period.disabled,
.btn-charts-type.disabled,
.btn-period.disabled:hover,
.btn-charts-type.disabled:hover {
  background: #3aace7;
  cursor: default;
}
.btn-period,
.btn-period-type {
  font-size: 11px;
  line-height: 32px;
  color: #fff;
  width: 62px;
  height: 32px;
  border: 1px solid #131418;
  border-radius: 2px;
  background: #434b59;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
  -khtml-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
.btn-period.active,
.btn-period-type.active,
.btn-period:hover,
.btn-period-type:hover {
  background: #1f2a31;
}
.btn-period.btn-s,
.btn-period-type.btn-s {
  line-height: 27px;
  height: 27px;
}
.btn-period.disabled,
.btn-period-type.disabled,
.btn-period.disabled:hover,
.btn-period-type.disabled:hover {
  background: #3aace7;
  cursor: default;
}
.btn-period-blue,
.btn-period-grey {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  -khtml-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.btn-period-blue {
  width: 49%;
  background-color: #30a2e3;
  background-image: -moz-linear-gradient(top, #3aace7, #2294de);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3aace7), to(#2294de));
  background-image: -webkit-linear-gradient(top, #3aace7, #2294de);
  background-image: -o-linear-gradient(top, #3aace7, #2294de);
  background-image: linear-gradient(to bottom, #3aace7, #2294de);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3aace7', endColorstr='#ff2294de', GradientType=0);
}
.btn-period-blue.active,
.btn-period-blue:hover {
  background-color: #2c9ee2;
  background-image: -moz-linear-gradient(top, #2294de, #3aace7);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2294de), to(#3aace7));
  background-image: -webkit-linear-gradient(top, #2294de, #3aace7);
  background-image: -o-linear-gradient(top, #2294de, #3aace7);
  background-image: linear-gradient(to bottom, #2294de, #3aace7);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2294de', endColorstr='#ff3aace7', GradientType=0);
}
.btn-period-grey {
  background-color: #8a8e97;
  background-image: -moz-linear-gradient(top, #9599a1, #7a7e87);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9599a1), to(#7a7e87));
  background-image: -webkit-linear-gradient(top, #9599a1, #7a7e87);
  background-image: -o-linear-gradient(top, #9599a1, #7a7e87);
  background-image: linear-gradient(to bottom, #9599a1, #7a7e87);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9599a1', endColorstr='#ff7a7e87', GradientType=0);
}
.btn-period-grey.active,
.btn-period-grey:hover {
  background-color: #858991;
  background-image: -moz-linear-gradient(top, #7a7e87, #9599a1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7a7e87), to(#9599a1));
  background-image: -webkit-linear-gradient(top, #7a7e87, #9599a1);
  background-image: -o-linear-gradient(top, #7a7e87, #9599a1);
  background-image: linear-gradient(to bottom, #7a7e87, #9599a1);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7a7e87', endColorstr='#ff9599a1', GradientType=0);
}
/* 
.ps-container .ps-scrollbar-x-rail {
    position: absolute; // please don't change 'position' 
    bottom: 3px; // there must be 'bottom' for ps-scrollbar-x-rail 
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    //filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color.2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    opacity: 0.6;
    //filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    //filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    opacity: 0.9;
    //filter: alpha(opacity = 90);
}
*/
.ps-container .ps-scrollbar-x-rail {
  display: none !important;
}
.ps-container .ps-scrollbar-y-rail {
  position: absolute;
  right: 2px;
  width: 4px;
  border-radius: 4px;
  opacity: 10;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  -ms-transition: background-color .2s linear, opacity .2s linear;
  -khtml-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  z-index: 1;
}
.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
  opacity: 0.6;
}
.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container .ps-scrollbar-y-rail.in-scrolling {
  opacity: 0.9;
}
.ps-container .ps-scrollbar-x {
  position: absolute;
  bottom: 0;
  height: 8px;
  background-color: #aaa;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -khtml-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
  background-color: #999;
}
.ps-container .ps-scrollbar-y {
  position: absolute;
  right: 0;
  width: 4px;
  background-color: #aaa;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -khtml-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.ps-container.ie .ps-scrollbar-y {
  font-size: 0;
}
.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
  background-color: #999;
}
/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/
.slick-header.ui-state-default,
.slick-headerrow.ui-state-default {
  width: 100%;
  overflow: hidden;
  border-left: 0px;
}
.slick-header-columns,
.slick-headerrow-columns {
  position: relative;
  white-space: nowrap;
  cursor: default;
  overflow: hidden;
}
.slick-header-column.ui-state-default {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin: 0;
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  float: left;
}
.slick-headerrow-column.ui-state-default {
  padding: 4px;
}
.slick-header-column-sorted {
  font-style: italic;
}
.slick-sort-indicator {
  /* 
  display: inline-block;
  width: 8px;
  height: 5px;
  margin-left: 4px;
  margin-top: 6px;
  float: left;
   */
  display: none;
}
/* 
.slick-sort-indicator-desc {
  background: url(images/sort-desc.gif);
}

.slick-sort-indicator-asc {
  background: url(images/sort-asc.gif);
}
 */
.slick-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  cursor: col-resize;
  width: 4px;
  right: 0px;
  top: 0;
  height: 100%;
}
.slick-sortable-placeholder {
  background: silver;
}
.grid-canvas {
  position: relative;
  outline: 0;
}
.slick-row.ui-widget-content,
.slick-row.ui-state-active {
  position: absolute;
  border: 0;
  width: 100%;
}
.slick-cell,
.slick-headerrow-column {
  position: absolute;
  border: 1px solid transparent;
  border-right: 1px dotted #d2d2d2;
  border-bottom-color: #5a5a5a;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle;
  z-index: 1;
  padding: 1px 2px 2px 1px;
  margin: 0;
  white-space: nowrap;
  cursor: default;
}
.slick-group-toggle {
  display: inline-block;
}
.slick-cell.highlighted {
  background: lightskyblue;
  background: rgba(0, 0, 255, 0.2);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.slick-cell.flashing {
  border: 1px solid red !important;
}
.slick-cell.editable {
  z-index: 11;
  overflow: visible;
  background: white;
  border-color: black;
  border-style: solid;
}
.slick-cell:focus {
  outline: none;
}
.slick-reorder-proxy {
  display: inline-block;
  background: blue;
  opacity: 0.15;
  cursor: move;
}
.slick-reorder-guide {
  display: inline-block;
  height: 2px;
  background: blue;
  opacity: 0.7;
}
.slick-selection {
  z-index: 10;
  position: absolute;
  border: 2px dashed black;
}
.slick-table-icon img {
  height: 20px;
  opacity: 0.5;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.slick-table-icon img:hover {
  opacity: 0.8;
}
/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/
.slick-header-columns {
  font-size: 14px;
  line-height: 48px;
  color: #dcf0f9;
  background: #25a7df;
  -webkit-box-shadow: inset 0 -1px 5px #0072a3;
  -moz-box-shadow: inset 0 -1px 5px #0072a3;
  -khtml-box-shadow: inset 0 -1px 5px #0072a3;
  -o-box-shadow: inset 0 -1px 5px #0072a3;
  box-shadow: inset 0 -1px 5px #0072a3;
}
.slick-header-column-active {
  background: #1892c7;
}
.slick-header-column {
  border-right: 1px solid #168fc3;
}
.slick-header-column .slick-column-name {
  padding-left: 15px;
  padding-right: 10px;
}
.slick-header-column.double-string {
  line-height: 16px;
}
.slick-header-column.double-string .slick-column-name {
  white-space: normal;
  padding-top: 8px;
  display: inline-block;
}
.slick-header-column.double-string .slick-header-menubutton {
  line-height: 48px;
}
/*
.gridStyle *, *:before, *.after {
box-sizing: content-box;
.bb;
} */
/*
#grid, #grid div {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
 */
.slick-row {
  font-size: 16px;
  line-height: 67px;
  color: #404044;
  background: #fff;
}
.slick-cell {
  padding: 0 10px 0 15px;
  border-top: 0;
  border-left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.slick-cell.nopadding {
  padding: 0 5px;
}
.slick-cell.selected {
  background: #eff0f0;
}
.slick-cell.status-cell {
  padding-left: 80px;
}
.slick-cell .alert {
  width: 62px;
  height: 100%;
  text-align: center;
  position: absolute;
  left: 0;
}
.slick-cell .alert i {
  font-size: 28px;
  line-height: 67px;
  color: #fff;
}
.slick-cell .alert.critical-state,
.slick-cell .alert.red-state {
  background: #ff4e4e;
}
.slick-cell .alert.yellow-state {
  background: #ffa22b;
}
.slick-cell .alert.inactive-state,
.slick-cell .alert.grey-state {
  background: #cecece;
}
.slick-cell .alert.active-state,
.slick-cell .alert.green-state {
  background: #c0d84e;
}
.grid-block .checkbox-label {
  line-height: 17px;
  width: 18px;
  height: 17px;
  background: #f7f7f7;
  border: 1px solid  #a3a3a3;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8.5px 0 0 -9px;
  display: block;
}
.grid-block .checkbox-label i {
  font-size: 9px;
  color: #637388;
  position: absolute;
  top: 0;
  left: 2px;
  display: block;
  text-shadow: 1px 1px 0px #637388, -1px 1px 0px #637388, 0 1px 1px #637388;
}
.grid-block .checkbox-sq {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
}
.checkboxsel-grid .slick-header-column:first-child {
  padding-left: 0;
  padding-right: 0;
  width: 48px;
  border-right-color: transparent;
}
.checkboxsel-grid .slick-header-column:first-child .slick-column-name {
  height: 48px;
  display: block;
}
.checkboxsel-grid .slick-header-column:first-child .checkbox-label {
  background: #fff;
  border-color: #3999c3;
}
.slick-cell-checkboxsel {
  padding-left: 0;
  padding-right: 0;
  border-right-color: transparent;
}
.table-tabs-wrapper {
  padding-top: 80px;
  min-height: 250px;
  position: relative;
  /*   .reload-btns {
    //width: 100%;
    //background: #e5e5e5;
    //padding: 11px 0 0 25px;
    position: absolute;
    bottom: 0;
    right: 12px;
    z-index: 10;
  }
   */
}
.table-tabs-wrapper .command-btns {
  width: 100%;
  background: #e5e5e5;
  padding: 11px 0 0 25px;
  position: fixed;
  top: 175px;
  z-index: 10;
}
.table-tabs-wrapper .command-btns a {
  font-size: 15px;
  line-height: 39px;
  color: #262626;
  height: 39px;
  border-radius: 2px;
  background: #f4f4f4;
  -webkit-box-shadow: 0 1px 2px rgba(127,127,127,.79), inset 0 1px 0 #fff;
  -moz-box-shadow: 0 1px 2px rgba(127,127,127,.79), inset 0 1px 0 #fff;
  -khtml-box-shadow: 0 1px 2px rgba(127,127,127,.79), inset 0 1px 0 #fff;
  -o-box-shadow: 0 1px 2px rgba(127,127,127,.79), inset 0 1px 0 #fff;
  box-shadow: 0 1px 2px rgba(127,127,127,.79), inset 0 1px 0 #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-align: center;
  text-decoration: none;
  margin-right: 10px;
  padding: 0 20px 0 45px;
  position: relative;
}
.table-tabs-wrapper .command-btns a i {
  font-size: 19px;
  line-height: 39px;
  position: absolute;
  left: 15px;
}
.table-tabs-wrapper .command-btns a.wTooltip:before {
  content: attr(data-title);
  font-size: 13px;
  line-height: 14px;
  color: #fff;
  width: 130px;
  border-radius: 2px;
  background: #2f3543;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 1;
  margin-left: -65px;
  margin-top: 5px;
  display: none;
}
.table-tabs-wrapper .command-btns a.wTooltip:after {
  content: '';
  display: inline-block;
  border-bottom: 8px solid #2f3543;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 2;
  margin-left: -10px;
  margin-top: -2px;
  display: none;
}
.table-tabs-wrapper .command-btns a.wTooltip:hover:before,
.table-tabs-wrapper .command-btns a.wTooltip:hover:after {
  display: block;
}
.table-tabs-wrapper .command-btns a.disabled {
  /*
      background: #cdcdcd;
      .box-shadow(~"1px 1px 0 rgba(252,252,252,.29), inset 1px 1px 0 rgba(140,140,140,.5), inset 0 0 3px rgba(196,196,196,.79)");

      i {
        color: #656565;
        text-shadow: 1px 1px 0 rgba(255,255,255,.38);
      }*/
  display: none;
}
.table-tabs-wrapper .command-btns.disabled {
  display: none;
}
.table-tabs-wrapper .command-btns.disabled ~ .grid-block {
  padding-top: 0;
}
.table-tabs-wrapper .grid-block {
  margin-left: 25px;
  margin-right: 25px;
  padding-top: 50px;
}
.tabs-filter-wrapper {
  width: 100%;
  position: fixed;
  top: 109px;
  z-index: 10;
}
.tabs-filter-wrapper:before,
.tabs-filter-wrapper:after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
}
.tabs-filter-wrapper:before {
  background-color: #9c9c9c;
  background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(#e5e5e5), color-stop(15%, #9c9c9c), color-stop(85%, #9c9c9c), to(#e5e5e5));
  background-image: -webkit-linear-gradient(left, #e5e5e5, #9c9c9c 15%, #9c9c9c 85%, #e5e5e5);
  background-image: -moz-linear-gradient(left, #e5e5e5, #9c9c9c 15%, #9c9c9c 85%, #e5e5e5);
  background-image: -o-linear-gradient(left, #e5e5e5, #9c9c9c 15%, #9c9c9c 85%, #e5e5e5);
  background-image: linear-gradient(to right, #e5e5e5, #9c9c9c 15%, #9c9c9c 85%, #e5e5e5);
  background-repeat: no-repeat;
  bottom: 0;
}
.tabs-filter-wrapper:after {
  background-color: #f0f0f0;
  background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(#e5e5e5), color-stop(15%, #f0f0f0), color-stop(85%, #f0f0f0), to(#e5e5e5));
  background-image: -webkit-linear-gradient(left, #e5e5e5, #f0f0f0 15%, #f0f0f0 85%, #e5e5e5);
  background-image: -moz-linear-gradient(left, #e5e5e5, #f0f0f0 15%, #f0f0f0 85%, #e5e5e5);
  background-image: -o-linear-gradient(left, #e5e5e5, #f0f0f0 15%, #f0f0f0 85%, #e5e5e5);
  background-image: linear-gradient(to right, #e5e5e5, #f0f0f0 15%, #f0f0f0 85%, #e5e5e5);
  background-repeat: no-repeat;
  bottom: -1px;
}
.tabs-filter {
  padding-top: 22px;
  padding-left: 25px;
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #e5e5e5, #f4f4f4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#f4f4f4));
  background-image: -webkit-linear-gradient(top, #e5e5e5, #f4f4f4);
  background-image: -o-linear-gradient(top, #e5e5e5, #f4f4f4);
  background-image: linear-gradient(to bottom, #e5e5e5, #f4f4f4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#fff4f4f4', GradientType=0);
}
.tabs-filter .tab-filter {
  font-size: 15px;
  line-height: 44px;
  color: #3c3c3c;
  text-decoration: none;
  height: 44px;
  background: #f9f9f9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  border-right: 1px solid  #d0d0d0;
  border-top: 1px solid  #fff;
  /*
    &:first-child {
      //.box-shadow(~"2px 1px 2px rgba(0,0,0,.44)");
    }
     */
}
.tabs-filter .tab-filter.margin {
  margin-left: 11px;
  border-left: 1px solid  #d0d0d0;
  border-radius: 2px 2px 0 0;
}
.tabs-filter .tab-filter.bdrtl {
  border-left: 1px solid  #d0d0d0;
  border-radius: 2px 0 0 0;
}
.tabs-filter .tab-filter.bdrtr {
  border-radius: 0 2px 0 0;
}
.tabs-filter .tab-filter.mr {
  margin-right: 25px;
}
.tabs-filter .tab-filter span {
  font-size: 14px;
  line-height: 18px;
  color: #484848;
  text-align: center;
  font-weight: bold;
  width: 18px;
  height: 18px;
  display: inline-block;
  border-width: 2px;
  border-style: solid;
  border-radius: 100%;
  margin-left: 10px;
}
.tabs-filter .tab-filter em {
  font-style: normal;
}
.tabs-filter .tab-filter.critical-state span {
  border-color: #ff4e4e;
}
.tabs-filter .tab-filter.inactive-state span {
  border-color: #cecece;
}
.tabs-filter .tab-filter.active-state span {
  border-color: #c0d84e;
}
.tabs-filter .tab-filter.active {
  background: #e5e5e5;
  -webkit-box-shadow: inset 0 2px 0 #25a7df;
  -moz-box-shadow: inset 0 2px 0 #25a7df;
  -khtml-box-shadow: inset 0 2px 0 #25a7df;
  -o-box-shadow: inset 0 2px 0 #25a7df;
  box-shadow: inset 0 2px 0 #25a7df;
  border-top-color: #25a7df;
}
/* Menu button */
.slick-header-menubutton {
  position: absolute;
  right: 13px;
  top: 0;
  bottom: 0;
  width: 18px;
  cursor: pointer;
  font-family: 'icomoon';
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  display: block;
}
.slick-header-menubutton:before {
  content: "\e600";
  font-size: 18px;
  position: relative;
  z-index: 2;
}
.slick-header-column.isFiltered .slick-header-menubutton:before {
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 100%;
  color: #25a7df;
}
.slick-header-column.isFiltered .slick-header-menubutton:after {
  content: '';
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -9px;
}
.slick-header-column-active .slick-header-menubutton {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -khtml-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* 
.slick-header-column:hover > .slick-header-menubutton,
.slick-header-column-active .slick-header-menubutton {
  display: inline-block;
}
 */
/* Menu */
.slick-header-menu {
  width: 217px;
  -webkit-border-radius: 0 0 5px 5px;
  -khtml-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  background: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0,6,6,.31);
  -moz-box-shadow: 0 3px 6px rgba(0,6,6,.31);
  -khtml-box-shadow: 0 3px 6px rgba(0,6,6,.31);
  -o-box-shadow: 0 3px 6px rgba(0,6,6,.31);
  box-shadow: 0 3px 6px rgba(0,6,6,.31);
  position: absolute;
  display: inline-block;
  margin: 0;
  padding: 10px 0;
  cursor: default;
  z-index: 20;
}
/* Menu items */
.slick-header-menuitem {
  font-size: 16px;
  line-height: 26px;
  list-style: none;
  margin: 0;
  padding: 0 12px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.slick-header-menuitem:hover {
  background: #e6f3f9;
}
.slick-header-menuicon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-position: center center;
}
.slick-header-menuicon.sort-icon {
  width: 21px;
  height: 17px;
}
.slick-header-menuicon.sort-icon ~ span {
  font-weight: bold;
  font-size: 15px;
}
.slick-header-menucontent {
  display: inline-block;
  vertical-align: middle;
}
.slick-header-menuicon.selected ~ .slick-header-menucontent {
  font-weight: bold;
}
.slick-header-menuicon.reset-filter ~ .slick-header-menucontent {
  font-style: italic;
  color: #228bb8;
}
/* Disabled */
.slick-header-menuitem-disabled {
  font-size: 14px;
  line-height: 14px;
  color: #228bb8;
  cursor: default;
  margin-bottom: 9px;
}
.slick-header-menuitem-disabled:hover {
  background: transparent;
}
.slick-header-menuitem-disabled:nth-child(4) {
  border-top: 1px solid  #1892c7;
  padding-top: 12px;
}
/*
.slick-header-menu {
      border: 1px solid #718BB7;
      background: #f0f0f0;
      padding: 2px;
      -moz-box-shadow: 2px 2px 2px silver;
      -webkit-box-shadow: 2px 2px 2px silver;
      min-width: 100px;
      z-index: 20;
}

.slick-header-menuitem {
      padding: 2px 4px;
      border: 1px solid transparent;
      border-radius: 3px;
}

.slick-header-menuitem:hover {
      border-color: silver;
      background: white;
}

.slick-header-menuitem-disabled {
      border-color: transparent !important;
      background: inherit !important;
}
 */
/*


.slick-headerrow {
  background: #fafafa;
}

.slick-headerrow-column {
  background: #fafafa;
  border-bottom: 0;
  height: 100%;
}

.slick-row.ui-state-active {
  background: #F5F7D7;
}



.slick-row.selected {
  z-index: 10;
  background: #DFE8F6;
}



.slick-group {
  border-bottom: 2px solid silver;
}

.slick-group-toggle {
  width: 9px;
  height: 9px;
  margin-right: 5px;
}

.slick-group-toggle.expanded {
  background: url(images/collapse.gif) no-repeat center center;
}

.slick-group-toggle.collapsed {
  background: url(images/expand.gif) no-repeat center center;
}

.slick-group-totals {
  color: gray;
  background: white;
}


.slick-cell.active {
  border-color: gray;
  border-style: solid;
}

.slick-sortable-placeholder {
  background: silver !important;
}

.slick-row.odd {
  background: #fafafa;
}

.slick-row.ui-state-active {
  background: #F5F7D7;
}

.slick-row.loading {
  opacity: 0.5;
  //filter: alpha(opacity = 50);
}

.slick-cell.invalid {
  border-color: red;
  -moz-animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
  -moz-animation-name: slickgrid-invalid-hilite;
  -webkit-animation-name: slickgrid-invalid-hilite;
}

@-moz-keyframes slickgrid-invalid-hilite {
  from { box-shadow: 0 0 6px red; }
  to { box-shadow: none; }
}

@-webkit-keyframes slickgrid-invalid-hilite {
  from { box-shadow: 0 0 6px red; }
  to { box-shadow: none; }
} */
.jchartfx {
  font-family: Arial;
  font-size: 8pt;
}
.jchartfxToolTip {
  background-color: #282828;
  color: #F0F0F0;
  padding: 3px;
  font-size: 9pt;
  font-family: Arial;
  font-weight: bold;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
  -webkit-font-smoothing: antialiased;
  pointer-events: none;
}
.jchartfxToolTipVisible {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.jchartfxToolTipHidden {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.jchartfxToolTip2 {
  pointer-events: none;
}
.jchartfxToolTipBorder {
  fill: #FFFFFF;
  stroke: #000000;
}
.jchartfxToolTip2Visible {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.jchartfxToolTip2Hidden {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.jchartfx .Attribute0 {
  fill: #57ACDA;
  stroke: #4281A4;
  stroke-width: 1;
}
.jchartfx .Attribute0Line {
  stroke: #4281A4;
  stroke-width: 3;
}
.jchartfx .Attribute0Alt {
  fill: #4281A4;
}
.jchartfx .Attribute1 {
  fill: #93E24E;
  stroke: #6FAA3B;
  stroke-width: 1;
}
.jchartfx .Attribute1Line {
  stroke: #6FAA3B;
  stroke-width: 3;
}
.jchartfx .Attribute1Alt {
  fill: #6FAA3B;
}
.jchartfx .Attribute2 {
  fill: #F26C5B;
  stroke: #B65145;
  stroke-width: 1;
}
.jchartfx .Attribute2Line {
  stroke: #B65145;
  stroke-width: 3;
}
.jchartfx .Attribute2Alt {
  fill: #B65145;
}
.jchartfx .Attribute3 {
  fill: #F5D34A;
  stroke: #B89F38;
  stroke-width: 1;
}
.jchartfx .Attribute3Line {
  stroke: #B89F38;
  stroke-width: 3;
}
.jchartfx .Attribute3Alt {
  fill: #B89F38;
}
.jchartfx .Attribute4 {
  fill: #F89553;
  stroke: #BA703F;
  stroke-width: 1;
}
.jchartfx .Attribute4Line {
  stroke: #BA703F;
  stroke-width: 3;
}
.jchartfx .Attribute4Alt {
  fill: #BA703F;
}
.jchartfx .Attribute5 {
  fill: #65C773;
  stroke: #4C9657;
  stroke-width: 1;
}
.jchartfx .Attribute5Line {
  stroke: #4C9657;
  stroke-width: 3;
}
.jchartfx .Attribute5Alt {
  fill: #4C9657;
}
.jchartfx .Attribute6 {
  fill: #5ABEC7;
  stroke: #448F96;
  stroke-width: 1;
}
.jchartfx .Attribute6Line {
  stroke: #448F96;
  stroke-width: 3;
}
.jchartfx .Attribute6Alt {
  fill: #448F96;
}
.jchartfx .Attribute7 {
  fill: #CE9884;
  stroke: #9B7263;
  stroke-width: 1;
}
.jchartfx .Attribute7Line {
  stroke: #9B7263;
  stroke-width: 3;
}
.jchartfx .Attribute7Alt {
  fill: #9B7263;
}
.jchartfx .Attribute8 {
  fill: #5F6775;
  stroke: #484E58;
  stroke-width: 1;
}
.jchartfx .Attribute8Line {
  stroke: #484E58;
  stroke-width: 3;
}
.jchartfx .Attribute8Alt {
  fill: #768092;
}
.jchartfx .Attribute9 {
  fill: #E9EA52;
  stroke: #AFB03E;
  stroke-width: 1;
}
.jchartfx .Attribute9Line {
  stroke: #AFB03E;
  stroke-width: 3;
}
.jchartfx .Attribute9Alt {
  fill: #AFB03E;
}
.jchartfx .Attribute10 {
  fill: #E04E61;
  stroke: #A83B49;
  stroke-width: 1;
}
.jchartfx .Attribute10Line {
  stroke: #A83B49;
  stroke-width: 3;
}
.jchartfx .Attribute10Alt {
  fill: #A83B49;
}
.jchartfx .Attribute11 {
  fill: #6FE4C8;
  stroke: #54AB96;
  stroke-width: 1;
}
.jchartfx .Attribute11Line {
  stroke: #54AB96;
  stroke-width: 3;
}
.jchartfx .Attribute11Alt {
  fill: #54AB96;
}
.jchartfx .Attribute12 {
  fill: #ECA63F;
  stroke: #B17D30;
  stroke-width: 1;
}
.jchartfx .Attribute12Line {
  stroke: #B17D30;
  stroke-width: 3;
}
.jchartfx .Attribute12Alt {
  fill: #B17D30;
}
.jchartfx .Attribute13 {
  fill: #99D0A0;
  stroke: #739C78;
  stroke-width: 1;
}
.jchartfx .Attribute13Line {
  stroke: #739C78;
  stroke-width: 3;
}
.jchartfx .Attribute13Alt {
  fill: #739C78;
}
.jchartfx .Attribute14 {
  fill: #CE8FBE;
  stroke: #9B6C8F;
  stroke-width: 1;
}
.jchartfx .Attribute14Line {
  stroke: #9B6C8F;
  stroke-width: 3;
}
.jchartfx .Attribute14Alt {
  fill: #9B6C8F;
}
.jchartfx .Attribute15 {
  fill: #8DC3E0;
  stroke: #6A93A8;
  stroke-width: 1;
}
.jchartfx .Attribute15Line {
  stroke: #6A93A8;
  stroke-width: 3;
}
.jchartfx .Attribute15Alt {
  fill: #6A93A8;
}
.jchartfx .MarkerHollow {
  fill: #FFFFFF;
  stroke-width: 2;
}
.jchartfx .Marker {
  stroke-width: 2;
}
.jchartfx .Border {
  fill: #F5F5EE;
  stroke: #DBDBD9;
  stroke-width: 1;
}
.jchartfx .PlotArea {
  fill: transparent;
  stroke: #DBDBD9;
  stroke-width: 1;
}
.jchartfx .PlotArea3D {
  fill: #F5F5F2;
  stroke: #DBDBD9;
  stroke-width: 1;
}
.jchartfx .Title {
  fill: #666666;
  stroke-width: 1;
}
.jchartfx .CustomGridLine {
  stroke: #FC4B35;
}
.jchartfx .CustomGridLineLabel {
  fill: #666666;
}
.jchartfx .AxisText {
  fill: #666666;
}
.jchartfx .AxisMajor {
  stroke: #DBDBD9;
}
.jchartfx .AxisMinor {
  stroke: #DBDBD9;
}
.jchartfx .AxisInterlaced {
  fill: #F5F5EE;
}
.jchartfx .AxisLine {
  stroke: #DBDBD9;
  stroke-width: 2;
}
.jchartfx .AxisSection {
  fill: #FFFFFF;
  stroke: #FFFFFF;
}
.jchartfx .PointLabel {
  fill: #666666;
}
.jchartfx .PointLabelBorder {
  fill: #D0D0D0;
}
.jchartfx .Title {
  fill: #0296B1;
  font-size: 11pt;
}
.jchartfx .LegendBox {
  fill: transparent;
  stroke: #DBDBD9;
  stroke-width: 1;
}
.jchartfx .LegendItem {
  fill: #666666;
}
.jchartfx .ScrollBar {
  fill: #F5F5F2;
  stroke: #DBDBD9;
  stroke-width: 1;
}
.jchartfx .ScrollThumb {
  fill: #DBDBD9;
}
.jchartfx .ScrollArrow {
  fill: #DBDBD9;
}
.jchartfx .LoopMarker {
  stroke: #F00000;
  stroke-width: 2;
}
.jchartfx .DataGrid_HeaderBack {
  fill: #DDE3E7;
}
.jchartfx .DataGrid_Back {
  fill: #F5F5F2;
}
.jchartfx .DataGrid_GridLine {
  fill: #DEDAD3;
}
.jchartfx .DataGridText {
  fill: #666666;
}
.jchartfx .DataGridTextAlternate {
  fill: #000000;
}
.jchartfx .DataGrid_BackInterlaced {
  fill: #FFFFFF;
}
.jchartfx .DataGrid_RowHeader {
  fill: #666666;
}
.jchartfx .DataGrid_ColumnHeader {
  fill: #6D7D8A;
}
.jchartfx .DataGrid_RowHeaderAlternate {
  fill: #000000;
}
.jchartfx .HeatMap0 {
  fill: #57ACDA;
}
.jchartfx .HeatMap1 {
  fill: #93E24E;
}
.jchartfx .HeatMap2 {
  fill: #A02000;
}
.jchartfx .EqualizerTop0 {
  fill: #EB8B34;
}
.jchartfx .EqualizerTop1 {
  fill: #E5E43A;
}
.jchartfx .EqualizerOff {
  fill: #00A000;
}
.jchartfx .SpecialPoint {
  fill: #D0A000;
  stroke: #806000;
}
.jchartfx .SpecialPointLine {
  stroke: #806000;
}
.jchartfx .AnnotationRectangle {
  stroke: #806000;
  fill: #D04080;
}
.jchartfx .AnnotationTextBorder {
  stroke: #606060;
  fill: #FFF3EE;
}
.jchartfx .AnnotationText {
  fill: #404040;
  font-size: 18pt;
}
.jchartfx .AnnotationCircle {
  stroke: #2060D0;
  fill: #404080;
}
.jchartfx .AnnotationBalloon {
  stroke: #206020;
  fill: #A0A0E0;
}
.jchartfx .AnnotationBalloonText {
  fill: #404040;
}
.jchartfx .AnnotationArrow {
  stroke: #404040;
  fill: #800000;
}
#main {
  width: 550px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#description {
  font-family: Arial;
  font-size: 9pt;
  Height: 50px;
}
.DivChart {
  margin-top: 10px;
  margin-left: 10px;
  width: 550px;
  overflow: hidden;
  position: relative;
}
.ChartDetail {
  height: 300px;
  width: 550px;
  display: inline-block;
  overflow: hidden;
}
.DivPlotArea {
  width: 0px;
  height: 0px;
  top: 313px;
  left: 34px;
  position: absolute;
  padding: 0px;
}
.DivChartWhole {
  height: 150px;
  width: 550px;
  display: inline-block;
}
.handleDivDrag {
  background-image: url('../img/divbg.png');
  width: 0px;
  height: 0px;
  top: 0px;
  left: 0px;
  position: relative;
  margin: 0px;
}
.handleBarOffRight {
  background-image: url('../img/handle.png');
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 -6px;
}
.handleBarOffLeft {
  background-image: url('../img/handle.png');
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 -6px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .ui-resizable-handle {
    background-image: none !important;
  }
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -khtml-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: -0.3 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #25a7df;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
/*!
 * Datetimepicker for Bootstrap v3
//! version : 3.0.3
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.bootstrap-datetimepicker-widget .btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #25a7df;
}
.bootstrap-datetimepicker-widget .btn:focus,
.bootstrap-datetimepicker-widget .btn:active:focus,
.bootstrap-datetimepicker-widget .btn.active:focus,
.bootstrap-datetimepicker-widget .btn.focus,
.bootstrap-datetimepicker-widget .btn:active.focus,
.bootstrap-datetimepicker-widget .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline: thin dotted #333;
  outline: 0.25em auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.bootstrap-datetimepicker-widget .btn:hover,
.bootstrap-datetimepicker-widget .btn:focus,
.bootstrap-datetimepicker-widget .btn.focus {
  color: #333333;
  text-decoration: none;
}
.bootstrap-datetimepicker-widget .btn:active,
.bootstrap-datetimepicker-widget .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -khtml-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -o-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.bootstrap-datetimepicker-widget .btn.disabled,
.bootstrap-datetimepicker-widget .btn[disabled],
fieldset[disabled] .bootstrap-datetimepicker-widget .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.0065;
  filter: alpha(opacity=0.65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -khtml-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.bootstrap-datetimepicker-widget {
  top: 0;
  left: 0;
  width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget.timepicker-sbs {
  width: 600px;
}
.bootstrap-datetimepicker-widget.bottom:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.bottom:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.top:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.top:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  position: absolute;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget .dow {
  width: 14.2857%;
}
.bootstrap-datetimepicker-widget.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget > ul {
  list-style-type: none;
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
  width: 4px;
  padding: 0;
  margin: 0;
}
.bootstrap-datetimepicker-widget .datepicker > div {
  display: none;
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget td.old,
.bootstrap-datetimepicker-widget td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget td.today:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #25a7df;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
  background-color: #25a7df;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget td.disabled,
.bootstrap-datetimepicker-widget td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget td span.active {
  background-color: #25a7df;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget td span.disabled,
.bootstrap-datetimepicker-widget td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget th.next,
.bootstrap-datetimepicker-widget th.prev {
  font-size: 21px;
}
.bootstrap-datetimepicker-widget th.disabled,
.bootstrap-datetimepicker-widget th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-group.date .input-group-addon span {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.bootstrap-datetimepicker-widget.left-oriented:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.left-oriented:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td {
  padding: 0px !important;
}
@media screen and (max-width: 767px) {
  .bootstrap-datetimepicker-widget.timepicker-sbs {
    width: 283px;
  }
}
/*!
 * FullCalendar v2.1.1 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
}
.fc-rtl {
  text-align: right;
}
body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed hr,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: #ddd;
}
.fc-unthemed .fc-popover {
  background-color: #fff;
}
.fc-unthemed hr,
.fc-unthemed .fc-popover .fc-header {
  background: #eee;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}
.fc-unthemed .fc-today {
  background: #fcf8e3;
}
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */
}
/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  font-size: 2em;
  line-height: .5em;
  height: .5em;
  /* will make the total height 1em */
  font-family: "Courier New", Courier, monospace;
}
.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
}
.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
}
.fc-icon-left-double-arrow:after {
  content: "\000AB";
}
.fc-icon-right-double-arrow:after {
  content: "\000BB";
}
.fc-icon-x:after {
  content: "\000D7";
}
/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}
/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}
.fc-state-default {
  /* non-theme */
  border: 1px solid;
}
.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: .05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .1em;
}
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}
.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block;
}
/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}
.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fc-popover .fc-header {
  padding: 2px 4px;
}
.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}
.fc-popover .fc-header .fc-close {
  cursor: pointer;
}
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}
.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}
/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: 25px;
  margin-top: 4px;
}
/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc hr {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-style: solid;
  border-width: 1px 0;
}
.fc-clear {
  clear: both;
}
.fc-bg,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}
.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}
/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}
.fc th {
  text-align: center;
}
.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}
.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}
/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}
.fc-row table {
  /* don't put left/right border on anything within a fake row.
       the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}
/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}
.fc-row .fc-bg {
  z-index: 1;
}
/* highlighting cells */
.fc-row .fc-highlight-skeleton {
  z-index: 2;
  bottom: 0;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton td {
  border-color: transparent;
}
/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 3;
  padding-bottom: 2px;
  /* matches the space above the events */
}
.fc-row .fc-helper-skeleton {
  z-index: 4;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}
/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  /* this class goes on elements for guaranteed vertical scrollbars */
  overflow-y: scroll;
  overflow-x: hidden;
}
.fc-scroller > * {
  /* we expect an immediate inner element */
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
  overflow: hidden;
  /* don't let negative margins or absolute positioning create further scroll */
}
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  background-color: #3a87ad;
  /* default BACKGROUND color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}
/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}
.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}
/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-day-grid-event.fc-not-start,
.fc-rtl .fc-day-grid-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fc-ltr .fc-day-grid-event.fc-not-end,
.fc-rtl .fc-day-grid-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-day-grid-event > .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}
.fc-day-grid-event .fc-time {
  font-weight: bold;
}
/* resize handle (outside of fc-content, so can go outside of bounds) */
.fc-day-grid-event .fc-resizer {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 7px;
}
.fc-ltr .fc-day-grid-event .fc-resizer {
  right: -3px;
  cursor: e-resize;
}
.fc-rtl .fc-day-grid-event .fc-resizer {
  left: -3px;
  cursor: w-resize;
}
/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}
a.fc-more:hover {
  text-decoration: underline;
}
.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}
/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}
.fc-more-popover {
  z-index: 2;
  width: 220px;
}
.fc-more-popover .fc-event-container {
  padding: 10px;
}
/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center;
  margin-bottom: 1em;
}
.fc-toolbar .fc-left {
  float: left;
}
.fc-toolbar .fc-right {
  float: right;
}
.fc-toolbar .fc-center {
  display: inline-block;
}
/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}
/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}
/* title text */
.fc-toolbar h2 {
  margin: 0;
}
/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative;
}
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}
.fc-toolbar .fc-state-down {
  z-index: 3;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}
.fc-toolbar button:focus {
  z-index: 5;
}
/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}
/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* we are sure there are no day numbers in these views, so... */
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}
.fc-basic-view tbody .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}
.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
/* week and day number styling */
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 0 2px;
}
.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-top: 2px;
  padding-bottom: 2px;
}
.fc-basic-view .fc-week-number {
  text-align: center;
}
.fc-basic-view .fc-week-number span {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}
.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right;
}
.fc-rtl .fc-basic-view .fc-day-number {
  text-align: left;
}
.fc-day-number.fc-other-month {
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
  /* opacity with small font can sometimes look too faded
       might want to set the 'color' property instead
       making day-numbers bold also fixes the problem */
}
/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}
.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}
.fc-ltr .fc-axis {
  text-align: right;
}
.fc-rtl .fc-axis {
  text-align: left;
}
.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}
/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}
.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}
.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}
.fc-time-grid > .fc-bg {
  z-index: 1;
}
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-highlight-skeleton {
  z-index: 3;
}
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
}
.fc-time-grid > .fc-helper-skeleton {
  z-index: 5;
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}
.fc-slats .fc-minor td {
  border-top-style: dotted;
}
.fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}
/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}
.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}
/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-event-container {
  /* a div within a cell within the fc-content-skeleton */
  position: relative;
}
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}
.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}
.fc-time-grid .fc-event {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}
/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.fc-time-grid-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}
.fc-time-grid-event > .fc-content {
  /* contains the time and title, but no bg and resizer */
  position: relative;
  z-index: 2;
  /* above the bg */
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}
.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}
.fc-time-grid-event .fc-bg {
  z-index: 1;
  background: #fff;
  opacity: .25;
  filter: alpha(opacity=25);
  /* for IE */
}
/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}
.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}
.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}
.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}
.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}
/* resizer */
.fc-time-grid-event .fc-resizer {
  position: absolute;
  z-index: 3;
  /* above content */
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}
.fc-time-grid-event .fc-resizer:after {
  content: "=";
}
body {
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
#container {
  margin: 0 auto;
}
#elems {
  width: 150px;
  height: 375px;
}
#elems-scroll-container,
#elems-holidays-container {
  margin-top: 10px;
}
#elems-scroll-container {
  position: relative;
  height: 320px;
  overflow: hidden;
}
#elems .fc-elem,
#elems-holidays .fc-elem {
  margin-top: 10px;
  cursor: pointer;
  overflow-x: hidden;
  padding-left: 5px;
  text-overflow: ellipsis;
  width: 110px;
}
#elems .fc-elem:first-child,
#elems-holidays .fc-elem:first-child {
  margin-top: 0;
}
#elems-holidays {
  width: 150px;
  height: 100px;
}
#calendar {
  width: 640px;
  margin: 0 20px;
}
#el_props {
  width: 150px;
  height: 490px;
}
#el_props dl {
  margin-top: 0;
  margin-bottom: 0;
  overflow: auto;
}
#el_props h5 {
  font-size: 14px;
  margin: 10px 0;
  text-align: left;
}
#el_props small {
  font-size: 12px;
}
#el_props dt {
  font-weight: bold;
}
#el_props dd {
  margin-left: 0;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
}
#el_props dt,
#el_props dd {
  line-height: 17px;
}
#el_props input {
  text-align: right;
  width: 85%;
}
#el_props_title_row {
  overflow: auto;
}
#el_props_title_row h5 {
  float: left;
}
#el_props_title_row #delete-btn {
  margin-top: 10px;
  float: right;
  font-size: 12px;
  line-height: 1.5;
  padding: 1px 5px;
  border-radius: 3px;
  color: #fff;
  border-color: #d43f3a;
  background-color: #d43f3a;
}
.ui-popup-active .schedule-modal.ui-body-a {
  font-family: Arial, Helvetica, sans-serif;
  width: 980px;
  height: 670px;
  padding: 10px;
  -webkit-box-shadow: 0 3px 182px rgba(0,0,0,.3);
  -moz-box-shadow: 0 3px 182px rgba(0,0,0,.3);
  -khtml-box-shadow: 0 3px 182px rgba(0,0,0,.3);
  -o-box-shadow: 0 3px 182px rgba(0,0,0,.3);
  box-shadow: 0 3px 182px rgba(0,0,0,.3);
}
.ui-popup-active .schedule-modal.ui-body-a h3 {
  font-size: 38px;
  line-height: 50px;
  font-weight: bold;
  color: #373737;
  border-bottom: 2px solid #373737;
  margin: 0 0 19px 0;
}
.ui-popup-active .schedule-modal.ui-body-a h3 span {
  font-size: 32px;
  font-weight: normal;
}
.ui-popup-active .schedule-modal.ui-body-a .btns-row {
  width: 100%;
  height: 107px;
  padding: 24px 40px;
  border-top: 2px solid #404044;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#container {
  /*.panel p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666;
  }
  .panel p input {
    margin: 0;
    vertical-align: middle;
  }
  */
}
#container .panel {
  padding: 0 10px;
  border: 1px solid #ccc;
  background-color: #eee;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#container .panel h4 {
  font-size: 16px;
  margin-top: 0;
  padding-top: 1em;
}
#container .left {
  float: left;
}
#container .right {
  float: right;
}
#container .center {
  margin: 0 auto;
  text-align: center;
}
#container .fc h2 {
  font-size: 20px;
  margin-top: 4px;
}
#container .btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
#container .fc-event.active-fc {
  background: #3a87ad;
  border-color: #3a87ad;
}
#container .fc-event.active-shadow-fc {
  background: repeating-linear-gradient(45deg, #3a87ad, #3a87ad 10px, #54a0c6 10px, #54a0c6 20px);
}
#container .fc-holiday.active-shadow-fc {
  background: repeating-linear-gradient(45deg, #189418, #189418 10px, #1fc01f 10px, #1fc01f 20px);
}
#container .fc-weekend.active-shadow-fc {
  background: repeating-linear-gradient(45deg, #9c1313, #9c1313 10px, #c91919 10px, #c91919 20px);
}
#container .fc-holiday.active-fc {
  background: #189418;
  border-color: #189418;
}
#container .fc-weekend.active-fc {
  background: #9c1313;
  border-color: #9c1313;
}
#container .fc-event {
  background: #54a0c6;
  border-color: #54a0c6;
}
#container .fc-weekend {
  background-color: #c91919;
  border-color: #c91919;
}
#container .fc-holiday {
  background-color: #1fc01f;
  border-color: #1fc01f;
}
#container .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
#container .btn-group-vertical > .btn {
  position: relative;
  float: left;
}
#container .btn-group > .btn:hover,
#container .btn-group-vertical > .btn:hover,
#container .btn-group > .btn:focus,
#container .btn-group-vertical > .btn:focus,
#container .btn-group > .btn:active,
#container .btn-group-vertical > .btn:active,
#container .btn-group > .btn.active,
#container .btn-group-vertical > .btn.active {
  z-index: 2;
}
#container .btn-group > .btn:focus,
#container .btn-group-vertical > .btn:focus {
  outline: 0;
}
#container .btn-group .btn + .btn,
#container .btn-group .btn + .btn-group,
#container .btn-group .btn-group + .btn,
#container .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
#container .btn-toolbar {
  margin-left: -5px;
}
#container .btn-toolbar .btn-group,
#container .btn-toolbar .input-group {
  float: left;
}
#container .btn-toolbar > .btn,
#container .btn-toolbar > .btn-group,
#container .btn-toolbar > .input-group {
  margin-left: 5px;
}
#container .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
#container .btn-group > .btn:first-child {
  margin-left: 0;
}
#container .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#container .btn-group > .btn:last-child:not(:first-child),
#container .btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#container .btn-group > .btn-group {
  float: left;
}
#container .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
#container .btn-group > .btn-group:first-child > .btn:last-child,
#container .btn-group > .btn-group:first-child > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#container .btn-group > .btn-group:last-child > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#container .btn-group .dropdown-toggle:active,
#container .btn-group.open .dropdown-toggle {
  outline: 0;
}
#container .btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
#container .btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
#container .btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#container .btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#container .btn .caret {
  margin-left: 0;
}
#container .btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
#container .dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
#container .btn-group-vertical > .btn,
#container .btn-group-vertical > .btn-group,
#container .btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
#container .btn-group-vertical > .btn-group > .btn {
  float: none;
}
#container .btn-group-vertical > .btn + .btn,
#container .btn-group-vertical > .btn + .btn-group,
#container .btn-group-vertical > .btn-group + .btn,
#container .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
#container .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
#container .btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#container .btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}
#container .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
#container .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
#container .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#container .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#container .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
#container .btn:focus,
#container .btn:active:focus,
#container .btn.active:focus,
#container .btn.focus,
#container .btn:active.focus,
#container .btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#container .btn:hover,
#container .btn:focus,
#container .btn.focus {
  color: #333;
  text-decoration: none;
}
#container .btn:active,
#container .btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#container .btn.disabled,
#container .btn[disabled],
#container fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}
#container .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
#container .btn-default:hover,
#container .btn-default:focus,
#container .btn-default.focus,
#container .btn-default:active,
#container .btn-default.active,
#container .open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
#container .btn-default:active,
#container .btn-default.active,
#container .open > .dropdown-toggle.btn-default {
  background-image: none;
}
#container .btn-default.disabled,
#container .btn-default[disabled],
#container fieldset[disabled] .btn-default,
#container .btn-default.disabled:hover,
#container .btn-default[disabled]:hover,
#container fieldset[disabled] .btn-default:hover,
#container .btn-default.disabled:focus,
#container .btn-default[disabled]:focus,
#container fieldset[disabled] .btn-default:focus,
#container .btn-default.disabled.focus,
#container .btn-default[disabled].focus,
#container fieldset[disabled] .btn-default.focus,
#container .btn-default.disabled:active,
#container .btn-default[disabled]:active,
#container fieldset[disabled] .btn-default:active,
#container .btn-default.disabled.active,
#container .btn-default[disabled].active,
#container fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -khtml-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -ms-transition: height 0.35s ease;
  -khtml-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.login-page {
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
  text-align: center;
  background-color: #35495f;
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#425e79), to(#35495f));
  background-image: -webkit-radial-gradient(circle, #425e79, #35495f);
  background-image: -moz-radial-gradient(circle, #425e79, #35495f);
  background-image: -o-radial-gradient(circle, #425e79, #35495f);
  background-repeat: no-repeat;
}
.login-page .login-form {
  width: 238px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -150px 0 0 -119px;
}
.login-page .login-form .btn-login {
  margin-top: 0px;
}
.login-page .login-form .ui-btn {
  color: transparent;
}
.login-page .project {
  font-size: 16px;
  line-height: 12px;
  font-weight: bold;
  color: #46b8ed;
  margin: 19px 0 14.5px 0;
}
.login-page input {
  width: 100%;
  margin-bottom: 9px;
}
.login-page .ui-submit .ui-btn-inner {
  display: none;
}
html {
  font-family: Arial, Helvetica, sans-serif;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #e5e5e5;
  color: #000000;
}
body > div {
  outline: none;
}
body.loading {
  position: relative;
  overflow: hidden;
}
body.loading:before {
  content: '';
  width: 100%;
  height: 100%;
  background: #c4c9d3;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
}
body.loading .spinner {
  display: block;
}
.spinner {
  display: none;
  width: 60px;
  height: 60px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2001;
  margin: -30px 0 0 -30px;
}
.spinner:before,
.spinner:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.spinner:before {
  border-top: solid 10px #e5e5e5;
  border-bottom: solid 10px #e5e5e5;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  border-radius: 50px;
  -webkit-animation: spinner 1s infinite ease;
  -moz-animation: spinner 1s infinite ease;
  -ms-animation: spinner 1s infinite ease;
  -o-animation: spinner 1s infinite ease;
  animation: spinner 1s infinite ease;
  -webkit-animation: spinner 1s infinite ease 0 0 ease;
  -moz-animation: spinner 1s infinite ease 0 0 ease;
  -ms-animation: spinner 1s infinite ease 0 0 ease;
  -o-animation: spinner 1s infinite ease 0 0 ease;
}
.spinner:after {
  margin: auto;
  width: 20px;
  height: 20px;
  background-color: #25a7df;
  border-radius: 20px;
}
.spinner.dark:before {
  border-top-color: #c4c9d3;
  border-bottom-color: #c4c9d3;
}
@-webkit-keyframes spinner {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes spinner {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}
@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.local-loading {
  width: 100%;
  height: 100%;
  position: relative;
}
.local-loading .spinner {
  position: absolute;
  display: block;
}
.lockscroll {
  overflow: hidden;
}
.ui-loader {
  display: none;
}
.ui-page {
  position: relative;
}
header {
  width: 100%;
  height: 56px;
  background-color: #404044;
  border-bottom: 2px solid  #2ba2e4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1030;
  /*
  .project-name {
    font-family: @arialFontFamily;
    font-size: 18px;
    line-height: @headerHeight;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 282px;
  } */
}
header .logo {
  width: 150px;
  height: 44px;
  display: block;
  position: absolute;
  top: 5px;
  left: 11px;
}
header .logo img {
  width: 100%;
  height: 100%;
}
header .header-tools {
  margin-right: 28px;
  /*
    position: absolute;
    top: 0;
    right: 28px;
     */
}
header .header-tools .divide {
  display: block;
  width: 1px;
  height: 54px;
  background: #373a44;
  border-left: 1px solid  #000;
  margin: 0 18px;
}
header .header-tools a {
  display: block;
  text-decoration: none;
}
header .header-tools a .icon {
  font-size: 28px;
  line-height: 56px;
  color: #9fa2a9;
}
header .header-tools .graph .icon {
  font-size: 18px;
}
header .connection {
  position: relative;
}
header .connection.block:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
header .connection .icon {
  font-size: 27px;
  line-height: 56px;
  color: #9fa2a9;
  position: relative;
  z-index: 2;
}
header .connection .status-color {
  width: 25px;
  height: 19px;
  position: absolute;
  top: 14px;
  left: 2px;
  z-index: 1;
}
header .connection.good .status-color {
  background: #49c408;
}
header .connection.bad .status-color {
  background: #f04a4a;
}
header .connection.warn .status-color {
  background: #ffac68;
}
header .user-menu .name {
  *zoom: 1;
}
header .user-menu .name:before,
header .user-menu .name:after {
  display: table;
  content: "";
  line-height: 0;
}
header .user-menu .name:after {
  clear: both;
}
header .user-menu .name:before,
header .user-menu .name:after {
  display: table;
  content: "";
}
header .user-menu .name:after {
  clear: both;
}
header .user-menu .name,
header .user-menu > ul {
  opacity: 0;
}
header .user-menu .ui-collapsible-heading {
  opacity: 1;
}
header .user-menu .name a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 56px;
  color: #9fa2a9;
  text-decoration: none;
  display: block;
  font-weight: normal;
  padding-left: 24px;
  padding-right: 14px;
  position: relative;
  overflow: hidden;
}
header .user-menu .name a .ui-icon {
  font-size: 20px;
  color: #9fa2a9;
  position: absolute;
  right: 10px;
}
header .user-menu .icon {
  font-size: 23px;
  float: left;
}
header .mobile-icon {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  text-decoration: none;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  display: none;
}
header .mobile-icon i {
  line-height: 36px;
  text-shadow: 0 0 1px #07a993;
}
header .mobile-header-icon {
  display: none;
  position: absolute;
}
header .mobile-header-icon.filter-icon {
  right: -1000px;
}
header .menu-toggle {
  left: 27px;
}
header .menu-toggle i {
  font-size: 13px;
}
header .fullscreen-toggle {
  left: 77px;
}
header .edit {
  right: 27px;
}
header .edit i {
  font-size: 22px;
  margin-left: 2px;
}
header .header-page-title-block {
  display: none;
}
body.logger-off header .header-tools .graph .icon {
  color: #6C6C6C;
}
body.logger-off header .alarms-wrapper .icon {
  color: #6C6C6C;
  background: transparent;
  -webkit-text-fill-color: initial;
}
.alarms-wrapper {
  margin-top: 13px;
  /*
  position: absolute;
  right: 477px;
  top: 50%;
  .translate(0, -50%);
   */
}
.alarms-wrapper .divide {
  display: inline-block;
  width: 1px;
  height: 30px;
  background: #41434a;
  margin: 0 14px;
}
.alarms-wrapper .alarm {
  font-size: 18px;
  line-height: 30px;
  color: #838791;
  text-decoration: none;
  display: inline-block;
}
.alarms-wrapper .alarm .icon {
  font-size: 31px;
  margin-right: 9px;
  float: left;
}
.alarms-wrapper .alarm .icon {
  color: #d0d0d0;
  background: -webkit-repeating-linear-gradient(-45deg, #d0d0d0, #c6c6c6 10px);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.alarms-wrapper.smo-alarm .alarm .icon {
  margin-right: 0;
}
.alarms-wrapper .alarm-red .icon {
  color: #f12727;
  background: -webkit-repeating-linear-gradient(-45deg, #f12727, #f04a4a 10px);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.alarms-wrapper .alarm-yellow .icon {
  color: #ffa22b;
  background: -webkit-repeating-linear-gradient(-45deg, #ffa22b, #ffb32a 10px);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.alarms-wrapper .alarm-green .icon {
  color: #84cd52;
  background: -webkit-repeating-linear-gradient(-45deg, #84cd52, #99d471 10px);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.alarms-wrapper .alarm-grey .icon {
  color: #d0d0d0;
  background: -webkit-repeating-linear-gradient(-45deg, #d0d0d0, #c6c6c6 10px);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.top-info-stripe {
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  height: 53px;
  -webkit-box-shadow: inset 0 -1px 0 #bfbfbf, inset 0 -1px 0 #fff;
  -moz-box-shadow: inset 0 -1px 0 #bfbfbf, inset 0 -1px 0 #fff;
  -khtml-box-shadow: inset 0 -1px 0 #bfbfbf, inset 0 -1px 0 #fff;
  -o-box-shadow: inset 0 -1px 0 #bfbfbf, inset 0 -1px 0 #fff;
  box-shadow: inset 0 -1px 0 #bfbfbf, inset 0 -1px 0 #fff;
  background-color: #f3f3f3;
  background-image: -moz-linear-gradient(top, #f7f7f7, #ececec);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#ececec));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #ececec);
  background-image: -o-linear-gradient(top, #f7f7f7, #ececec);
  background-image: linear-gradient(to bottom, #f7f7f7, #ececec);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f7f7', endColorstr='#ffececec', GradientType=0);
  position: fixed;
  top: 56px;
  left: 0;
  z-index: 1028;
  /*
  .info-tips {
    margin-right: 38px;

    .divide {
      display: inline-block;
      width: 1px;
      height: @topInfoStripeHeifght;
      background: #e2e2e2;
      margin: 0 14px;
    }

    .tip {
      font-size: 18px;
      line-height: @topInfoStripeHeifght;
      color: #4a4a4a;
      text-decoration: none;
      //margin-left: 70px;
      display: inline-block;

      i {
        margin-right: 9px;
        float: left;
      }
    }

    .tip.active {
      color: #009de0;
    }

    .icon-message {
      font-size: 26px;
    }
  } */
}
.top-info-stripe .breadcrumbs {
  margin-left: 19px;
}
.top-info-stripe .breadcrumbs a {
  text-decoration: none;
  line-height: 53px;
}
.top-info-stripe .breadcrumbs a.home {
  font-size: 19px;
  color: #25a7df;
}
.top-info-stripe .breadcrumbs a.home i {
  font-size: 29px;
  float: left;
  margin-right: 12px;
}
.top-info-stripe .breadcrumbs .item {
  font-size: 15px;
  color: #424242;
}
.top-info-stripe .breadcrumbs .delimiter {
  display: inline-block;
  margin: 0 18px;
}
.view-type-wrapper .item {
  text-decoration: none;
  text-align: center;
  border-left: 1px solid  #e2e2e2;
  width: 68px;
  display: block;
}
.view-type-wrapper .item:hover,
.view-type-wrapper .item.active {
  background: #c4c9d3;
}
.view-type-wrapper .item:hover .icon,
.view-type-wrapper .item.active .icon {
  color: #fcfcfd;
}
.view-type-wrapper .item.disabled,
.view-type-wrapper .item.disabled:hover {
  cursor: default;
  background: transparent;
}
.view-type-wrapper .item.disabled .icon,
.view-type-wrapper .item.disabled:hover .icon {
  color: #ddd;
}
.view-type-wrapper .icon {
  font-size: 19px;
  line-height: 53px;
  height: 53px;
  color: #b2b5bb;
  width: 68px;
  display: block;
}
.view-type-wrapper .icon.icon-table {
  font-size: 21px;
}
.view-type-wrapper .icon.icon-grid2 {
  font-size: 20px;
}
.view-type-wrapper .icon.icon-layers {
  font-size: 26px;
}
.panel-backdrop {
  background: rgba(0, 0, 0, 0.48);
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1028;
}
.mobile-block {
  display: none;
}
.menu-toggle-desktop {
  font-size: 14px;
  line-height: 53px;
  font-weight: bold;
  color: #fff;
  width: 119px;
  height: 100%;
  background: #434b59;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
}
.menu-toggle-desktop .icon {
  font-size: 20px;
  height: 51px;
  margin: 0 12px 0 18px;
  float: left;
}
.mainmenu-panel {
  width: 240px;
  position: fixed;
  top: 56px;
  left: 0;
  bottom: 0;
  height: 0;
  z-index: 1029;
  opacity: 0;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -ms-transition: 0.25s;
  -khtml-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.mainmenu-panel .mainmenu-panel-inner {
  background: #414141;
}
.mainmenu-panel.ui-panel-open {
  height: auto;
  opacity: 1;
}
.mainmenu-panel .level-1 {
  z-index: 11;
}
.mainmenu-panel .level-2 {
  z-index: 10;
}
.mainmenu-panel .level-3 {
  z-index: 9;
}
.mainmenu-panel .level-4 {
  z-index: 8;
}
.mainmenu-panel .level-5 {
  z-index: 7;
}
.mainmenu-panel .level-6 {
  z-index: 6;
}
.mainmenu-panel .level-7 {
  z-index: 5;
}
.mainmenu-panel .level-8 {
  z-index: 4;
}
.mainmenu-panel .level-9 {
  z-index: 3;
}
.mainmenu-panel .level-10 {
  z-index: 2;
}
.mainmenu-panel .connection {
  width: 240px;
  height: 59px;
  background: #282b32;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.mainmenu-panel .connection .status-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.mainmenu-panel .connection .status-color {
  width: 26px;
  height: 18px;
  position: absolute;
  top: 18px;
  left: 15px;
  z-index: 1;
}
.mainmenu-panel .connection .status-text {
  font-size: 13px;
  line-height: 59px;
  font-style: italic;
  color: #cfcfcf;
  margin-left: 70px;
}
.mainmenu-panel .connection .status-text span {
  display: none;
}
.mainmenu-panel .connection .settings {
  width: 49px;
  height: 100%;
  display: block;
  border-left: 1px solid #414141;
  text-decoration: none;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
}
.mainmenu-panel .connection .settings i {
  font-size: 16px;
  color: #939393;
  line-height: 59px;
}
.mainmenu-panel .connection.good .status-color {
  background: #39a500;
}
.mainmenu-panel .connection.good .status-text span:nth-child(1) {
  display: block;
}
.mainmenu-panel .connection.bad .status-color {
  background: #f04a4a;
}
.mainmenu-panel .connection.bad .status-text span:nth-child(2) {
  display: block;
}
.menu-panel-wrapper.h .mainmenu-panel {
  height: auto;
}
.menu-panel-wrapper.t .mainmenu-panel {
  height: auto;
  opacity: 1;
}
.menu-panel-inner {
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 4px 4px #333333;
  -moz-box-shadow: 0 4px 4px #333333;
  -khtml-box-shadow: 0 4px 4px #333333;
  -o-box-shadow: 0 4px 4px #333333;
  box-shadow: 0 4px 4px #333333;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.panel-menu {
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.panel-menu > li {
  border-bottom: 1px solid #1c1c1c;
  overflow: hidden;
}
.panel-menu > li:last-child {
  -webkit-box-shadow: 0 1px 0 #545454;
  -moz-box-shadow: 0 1px 0 #545454;
  -khtml-box-shadow: 0 1px 0 #545454;
  -o-box-shadow: 0 1px 0 #545454;
  box-shadow: 0 1px 0 #545454;
}
.panel-menu .menu-mobile-settings {
  display: none;
}
.panel-menu .menu-item {
  text-decoration: none;
  display: block;
  position: relative;
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.panel-menu .menu-item:before,
.panel-menu .menu-item:after {
  display: table;
  content: "";
  line-height: 0;
}
.panel-menu .menu-item:after {
  clear: both;
}
.panel-menu .menu-item:before,
.panel-menu .menu-item:after {
  display: table;
  content: "";
}
.panel-menu .menu-item:after {
  clear: both;
}
.panel-menu .menu-item:hover .menu-open-arr,
.panel-menu .menu-item.active .menu-open-arr {
  color: #d9d9d9;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}
.panel-menu .menu-item .table-cell {
  vertical-align: middle;
  text-align: left;
}
.panel-menu .menu-item .arr-cell {
  width: 58px;
  border-left: 1px solid  #2d2d2d;
  background: #3b3b3b;
  text-align: center;
}
.panel-menu .menu-open-arr {
  color: #202020;
  text-shadow: 0 1px 0 rgba(246, 246, 246, 0.23);
}
.panel-menu .breadcrumbs {
  display: none !important;
}
.mainmenu {
  width: 240px;
  bottom: 59px;
}
.mainmenu > li {
  border-top: 1px solid #545454;
}
.mainmenu > li .menu-toggle-desktop {
  line-height: 51px;
  background: transparent;
}
.mainmenu .date {
  font-size: 14px;
  color: #a6a6a6;
  margin-left: 5px;
}
.mainmenu .time {
  font-size: 21px;
  line-height: 51px;
  color: #f0f0f0;
  font-weight: bold;
  float: right;
  margin-right: 13px;
}
.mainmenu .menu-img {
  width: 51px;
}
.mainmenu .menu-img img {
  width: 51px;
  height: 51px;
  margin-right: 3px;
  position: relative;
  z-index: 1;
}
.mainmenu .menu-item {
  font-size: 15px;
  line-height: 17px;
  color: #b3b3b3;
  text-decoration: none;
  padding-left: 3px;
}
.mainmenu .menu-item:hover,
.mainmenu .menu-item.active {
  background: #595959;
}
.mainmenu .menu-open-arr {
  font-size: 21px;
}
html.touch .mainmenu .menu-item:hover {
  background: transparent;
}
.submenu-panel {
  width: 185px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.submenu-panel .submenu-panel-inner {
  background: #595959;
}
.submenu-panel.ui-panel-open {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
.submenu {
  width: 184px;
  bottom: 0;
}
.submenu > li {
  border-top: 1px solid #6a6a6a;
}
.submenu .menu-item {
  font-size: 14px;
  line-height: 15px;
  color: #d8d8d8;
  padding-left: 10px;
}
.submenu .menu-item:hover,
.submenu .menu-item.active {
  background: #6c6c6c;
}
.submenu .menu-item .table-cell {
  height: 37px;
}
.submenu .menu-item .arr-cell {
  width: 40px;
}
.submenu .menu-open-arr {
  font-size: 18px;
}
#global_container {
  height: 1px;
}
#global_container > .ui-body-c {
  height: 100%;
  box-sizing: border-box;
}
.fake-password {
  -webkit-text-security: disc;
}
.invalid-password-message {
  font-size: 20px;
}
.content-wrapper {
  color: #000;
  width: 100%;
  height: 100%;
  padding-top: 109px;
  position: relative;
  background-size: 0;
}
.content-wrapper:before {
  content: '';
  background-image: inherit;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 109px;
  left: 0;
  z-index: -1;
}
.content-wrapper.nopadding {
  padding: 0 !important;
}
.mp-desc {
  font-size: 20px;
  line-height: 45px;
  color: #adadad;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.61);
  text-transform: uppercase;
  text-align: center;
  margin-top: 116px;
}
.mp-desc img {
  margin: 0 auto;
  display: block;
  margin-bottom: 60px;
}
.spacer {
  width: 100%;
  height: 50px;
}
.stripe-title {
  background: #d8d8d8;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin: 0 5px 10px 5px;
  padding: 10px;
  width: 100%;
  float: left;
  display: block;
}
.stripe-title:first-child {
  margin-top: 0;
}
.stripe-title .table-cell {
  vertical-align: middle;
}
.stripe-title .icon-cell {
  width: 57px;
  max-width: 57px;
  min-width: 57px;
}
.stripe-title .icon-cell.hide {
  display: none;
}
.stripe-title .icon-cell.hide ~ .name-cell {
  padding-left: 0;
}
.stripe-title .icon {
  width: 57px;
  height: 57px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.stripe-title .name-cell {
  padding-left: 10px;
  text-align: left;
}
.stripe-title .name {
  font-size: 24px;
  line-height: 19px;
  font-weight: bold;
}
.stripe-title .desc {
  font-size: 15px;
  line-height: 19px;
  font-weight: normal;
}
.grid-block ~ .stripe-title {
  margin-top: 13px;
}
.widget-flex-wrap {
  padding: 46px 36px;
  display: -ms-flexbox;
  -ms-box-orient: horizontal;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.widget-flex-wrap .big-button {
  padding: 10px 15px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  margin: 20px 0px;
  font-size: 14px;
  color: white;
  background: #3da7e0;
  margin-right: 10px;
}
.widget-flex-wrap .full-width {
  width: 100%;
}
.widget-flex-wrap .full-width .ui-btn-inner {
  display: none !important;
}
.widget-flex-wrap .flex-block {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  margin: 0;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
}
@media (max-width: 1280px) {
  .widget-flex-wrap .flex-block {
    width: 50%;
  }
}
@media (min-width: 1281px) and (max-width: 1600px) {
  .widget-flex-wrap .flex-block {
    width: 33.33333333%;
  }
}
@media (min-width: 1601px) and (max-width: 1920px) {
  .widget-flex-wrap .flex-block {
    width: 25%;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  .widget-flex-wrap .flex-block {
    width: 20%;
  }
}
@media (min-width: 2561px) and (max-width: 3000px) {
  .widget-flex-wrap .flex-block {
    width: 16.66666667%;
  }
}
@media (min-width: 3001px) and (max-width: 3420px) {
  .widget-flex-wrap .flex-block {
    width: 14.28571429%;
  }
}
@media (min-width: 3421px) and (max-width: 3840px) {
  .widget-flex-wrap .flex-block {
    width: 12.5%;
  }
}
.widget-flex-wrap .wide {
  width: 800px;
}
.no-flexbox .widget-flex-wrap {
  display: block;
}
.flex-block.readonly .widget-block {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.flex-block.readonly .widget-block:before {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -khtml-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.flex-block.readonly .widget-block:after {
  content: '\AE';
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.15);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  border: 5px #bdbdbd dotted;
  box-sizing: border-box;
}
.flex-block.readonly .widget-block .widget-title {
  z-index: 11;
}
.flex-block.readonly .widget-block [data-inc="minus"],
.flex-block.readonly .widget-block [data-inc="plus"] {
  display: none;
}
.flex-block.readonly .widget-block .increment-wrapper:before {
  display: none;
}
.flex-block.readonly .widget-block .increment-block .value {
  width: 100%;
  left: auto;
  text-align: right;
  position: relative;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.flex-block.readonly .widget-block .increment-block .value.hide-ro {
  display: none;
}
.flex-block.readonly .widget-block .increment-block .value-copy {
  display: inline-block;
  /*       position: absolute;
      right: 0;
      top: 0; */
}
.flex-block.readonly .widget-block .table.temp-mode {
  /*
    .arr-cell {
      width: 22px;
      position: absolute;
      left: 50%;
      margin-left: -11px;
      //.translate(-50%,0);
    } */
}
.flex-block.readonly .widget-block .table.temp-mode .table-cell {
  width: auto;
  text-align: center;
}
.flex-block.readonly .widget-block .table.temp-mode .arrow-cell {
  width: 45%;
}
.flex-block.readonly .widget-block .table.temp-mode .increment-block {
  max-width: 134px;
  text-align: right;
}
.flex-block.readonly .widget-block .table.temp-mode .arr {
  float: none;
  margin: 0;
  display: block;
}
.flex-block.readonly .widget-block .table.temp-mode .middle {
  text-align: right;
}
.flex-block.readonly .widget-block .table.temp-mode .sensor-control {
  display: none;
}
.readonly-table [data-inc="minus"],
.readonly-table [data-inc="plus"] {
  display: none !important;
}
.readonly-table .value {
  position: relative !important;
}
.slick-cell.readonly {
  /*
  .readonly {
    width: 100%;
    height: 100%;
    position: relative;

    &:after {
      content: '';
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, .7);
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
    }
  } */
}
.slick-cell.readonly > div {
  opacity: .3;
}
.slick-cell.readonly:after {
  content: '';
  width: 100%;
  height: 100%;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.widget-block {
  width: 100%;
  min-height: 136px;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.53);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.53);
  -khtml-box-shadow: 0 1px 2px rgba(0,0,0,.53);
  -o-box-shadow: 0 1px 2px rgba(0,0,0,.53);
  box-shadow: 0 1px 2px rgba(0,0,0,.53);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.widget-block:before {
  content: '';
  height: 100%;
  width: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
.widget-block.wide {
  max-width: 800px;
}
.widget-block.round,
.widget-block.round:before {
  border-radius: 4px;
}
.widget-block[class*="border-"] .widget-title {
  margin: 0 0 0 5px;
}
.widget-block.border-green:before {
  -webkit-box-shadow: inset 5px 0 0 rgba(13,168,155,.75);
  -moz-box-shadow: inset 5px 0 0 rgba(13,168,155,.75);
  -khtml-box-shadow: inset 5px 0 0 rgba(13,168,155,.75);
  -o-box-shadow: inset 5px 0 0 rgba(13,168,155,.75);
  box-shadow: inset 5px 0 0 rgba(13,168,155,.75);
}
.widget-block.border-orange:before {
  -webkit-box-shadow: inset 5px 0 0 rgba(255,74,70,.75);
  -moz-box-shadow: inset 5px 0 0 rgba(255,74,70,.75);
  -khtml-box-shadow: inset 5px 0 0 rgba(255,74,70,.75);
  -o-box-shadow: inset 5px 0 0 rgba(255,74,70,.75);
  box-shadow: inset 5px 0 0 rgba(255,74,70,.75);
}
.widget-block.border-purple:before {
  -webkit-box-shadow: inset 5px 0 0 rgba(104,104,186,.75);
  -moz-box-shadow: inset 5px 0 0 rgba(104,104,186,.75);
  -khtml-box-shadow: inset 5px 0 0 rgba(104,104,186,.75);
  -o-box-shadow: inset 5px 0 0 rgba(104,104,186,.75);
  box-shadow: inset 5px 0 0 rgba(104,104,186,.75);
}
.widget-block.border-yellow:before {
  -webkit-box-shadow: inset 5px 0 0 rgba(251,191,74,.75);
  -moz-box-shadow: inset 5px 0 0 rgba(251,191,74,.75);
  -khtml-box-shadow: inset 5px 0 0 rgba(251,191,74,.75);
  -o-box-shadow: inset 5px 0 0 rgba(251,191,74,.75);
  box-shadow: inset 5px 0 0 rgba(251,191,74,.75);
}
.widget-title {
  line-height: 19px;
  border-bottom: 1px solid #bdbdbd;
  padding-left: 18px!important;
  padding-top: 16px!important;
  padding-bottom: 9px!important;
  padding-right: 18px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  *zoom: 1;
  /*
  &.w-info {
    padding-right: 0 !important;
  }
   */
}
.widget-title:before,
.widget-title:after {
  display: table;
  content: "";
  line-height: 0;
}
.widget-title:after {
  clear: both;
}
.widget-title:before,
.widget-title:after {
  display: table;
  content: "";
}
.widget-title:after {
  clear: both;
}
.widget-title .sensor {
  font-size: 18px;
  font-weight: bold;
  width: 60%;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.widget-title .sensor .icon {
  float: left;
  margin-right: 18px;
}
.widget-title .sensor .icon-therm {
  font-size: 25px;
}
.widget-title .place {
  font-size: 15px;
  color: #4d4d4d;
  font-weight: normal;
  text-align: right;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-left: 10px;
  float: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 40%;
}
.widget-title.bg-grey {
  border-bottom: 1px solid #bdbdbd;
  margin: 0;
  padding: 16px 18px;
  background: #fbfbfb;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: inset 0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff;
  -khtml-box-shadow: inset 0 1px 0 #fff;
  -o-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff;
}
.has-bg .widget-block {
  background: rgba(255, 255, 255, 0.8);
}
.has-bg .widget-title.bg-grey {
  background: rgba(251, 251, 251, 0.7);
}
.has-bg .slick-header-columns {
  background: rgba(37, 167, 223, 0.8);
}
.has-bg .slick-row {
  background: rgba(255, 255, 255, 0.8);
}
body:not(.smo) .widget-info-wrapper {
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 12;
}
body:not(.smo) .widget-info-wrapper.group ~ .widget-info-wrapper {
  display: none;
}
body:not(.smo) .widget-info-wrapper .icon {
  color: #404044;
  text-align: center;
  display: block;
  float: left;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body:not(.smo) .widget-info-wrapper .icon-settings2 {
  font-size: 25px;
}
body:not(.smo) .widget-info-wrapper .icon-graph {
  font-size: 20px;
}
body:not(.smo) .widget-info-wrapper .icon-folder {
  font-size: 20px;
}
body:not(.smo) .widget-info-wrapper.square {
  width: 102px;
  /*
    ~ .widget-title.bg-grey {
      padding-right: 120px !important;
    }
     */
}
body:not(.smo) .widget-info-wrapper.square .icon {
  width: 51px;
  border-left: 1px solid #bdbdbd;
  line-height: 42px;
  border-bottom: 1px solid #bdbdbd;
}
body:not(.smo) .widget-info-wrapper.square ~ .widget-title {
  padding-right: 120px;
}
body:not(.smo) .widget-info-wrapper.square.small .icon {
  line-height: 42px;
}
body:not(.smo) .widget-info-wrapper.square.single {
  width: 51px;
  /*
      ~ .widget-title.bg-grey {
        padding-right: 51px + 18px !important;
      } */
}
body:not(.smo) .widget-info-wrapper.square.single ~ .widget-title {
  padding-right: 69px;
}
body:not(.smo) .widget-info-wrapper.square + .widget-switcher {
  margin-top: 15px;
}
body:not(.smo) .widget-info-wrapper.square-dark .icon {
  background: #69899a;
  color: #fff;
  border-left-color: #fff;
}
body:not(.smo) .widget-info-wrapper.square-dark .icon:first-child {
  border-left: 0;
}
body:not(.smo) .widget-info-wrapper.round {
  width: 78px;
  /*
    ~ .widget-title.bg-grey {
      padding-right: 98px !important;
    } */
}
body:not(.smo) .widget-info-wrapper.round .icon {
  width: 34px;
  height: 34px;
  border-radius: 100%;
  background: #2ba2e4;
  line-height: 34px;
  color: #fff;
  margin: 8px 4px 0 0;
}
body:not(.smo) .widget-info-wrapper.round .icon-settings2 {
  font-size: 21px;
}
body:not(.smo) .widget-info-wrapper.round .icon-graph {
  font-size: 15px;
}
body:not(.smo) .widget-info-wrapper.round ~ .widget-title {
  padding-right: 98px;
}
body:not(.smo) .widget-info-wrapper.round.small .icon {
  margin-top: 5px;
}
body:not(.smo) .widget-info-wrapper.round-grey .icon {
  background: #e4e6e9;
  color: #404044;
}
body.smo .widget-info-wrapper:not(.group),
body.logger-off .widget-info-wrapper:not(.group) {
  display: none;
}
.widget-data {
  line-height: 68px;
  padding: 0 16px 0 18px;
}
.widget-data .label {
  font-size: 18px;
}
.widget-data .label .icon {
  color: #000;
  float: left;
  margin-right: 16px;
}
.widget-data .label .icon-flag {
  font-size: 35px;
  margin-left: -1px;
}
.widget-data .label .icon-therm {
  font-size: 37px;
  margin-left: -1px;
}
.widget-data .label .icon-drop {
  font-size: 39px;
  margin-left: -1px;
}
.widget-data .label .icon-sun {
  font-size: 34px;
  margin-left: -4px;
  margin-right: 12px;
}
.widget-data .label .timer {
  font-size: 24px;
  line-height: 30px;
  margin-left: 27px;
  display: inline-block;
  padding-top: 10px;
}
.widget-data .sensor-control {
  text-decoration: none;
}
.widget-data .sensor-control i {
  font-size: 49px;
  width: 49px;
  min-height: 49px;
  float: left;
  top: 16px;
  position: relative;
  background-size: 49px;
  line-height: 49px;
}
@media (max-width: 1024px) {
  .widget-data .sensor-control i {
    top: 8px;
  }
}
.widget-data .sensor-control .icon-r-line {
  color: #9fabbc;
}
.widget-data .sensor-control .icon-r-x {
  color: #f84246;
}
.widget-data .sensor-control .icon-r-check {
  color: #00bb81;
}
.widget-data .sensor-control .icon-r-circle {
  color: #2ba2e4;
}
.widget-data .sensor-control .icon-r-settings {
  font-size: 47px;
  color: #2ba2e4;
}
.widget-data .sensor-value {
  font-size: 48px;
}
.widget-data .icon-arr-long-right {
  font-size: 13px;
}
.widget-data .temp-mode {
  font-size: 30px;
}
.widget-data .temp-mode sup {
  font-size: 22px;
}
.widget-data .temp-mode .arr {
  float: left;
  margin-left: 22px;
  margin-right: 22px;
}
.widget-data .temp-mode .arr.a-center {
  margin-left: 120px;
}
.widget-data .temp-mode .table-cell:first-child {
  text-align: center;
}
.widget-data .increment-wrapper {
  width: 100%;
  height: 83px;
  *zoom: 1;
  position: relative;
}
.widget-data .increment-wrapper:before,
.widget-data .increment-wrapper:after {
  display: table;
  content: "";
  line-height: 0;
}
.widget-data .increment-wrapper:after {
  clear: both;
}
.widget-data .increment-wrapper:before,
.widget-data .increment-wrapper:after {
  display: table;
  content: "";
}
.widget-data .increment-wrapper:after {
  clear: both;
}
.widget-data .increment-wrapper:before {
  content: '';
  width: 100%;
  height: 51px;
  background: #ebebeb;
  border-radius: 47px;
  border: 1px solid  #bdbdbd;
  padding: 0 2px;
  position: absolute;
  left: -3px;
  top: 7px;
  z-index: 1;
}
.widget-data .increment-block {
  width: 174px;
  position: relative;
}
.widget-data .increment-block a {
  display: block;
  text-decoration: none;
  outline: none;
  position: relative;
  z-index: 3;
}
.widget-data .increment-block .icon-inc {
  font-size: 47px;
  color: #2ba2e4;
  height: 47px;
  display: block;
}
.widget-data .increment-block .value {
  width: 86px;
  height: 68px;
  font-size: 34px;
  line-height: 83px;
  color: #000;
  display: block;
  padding: 0;
  background: transparent;
  text-align: center;
  position: absolute;
  left: 50%;
  opacity: 1;
  z-index: 2;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.widget-data .increment-block .value-copy {
  display: none;
}
.widget-data .increment-block.big-value .value {
  font-size: 27px;
}
.widget-data .increment-block.very-big-value .value {
  font-size: 15px;
}
.widget-data .temp-settings {
  margin-left: 20px;
}
.widget-data .temp-settings.margin-r {
  margin-right: 7px;
  display: block;
}
.widget-data .temp-settings i {
  float: left;
  margin-right: 35px;
}
@media (max-width: 1024px) {
  .widget-data .temp-settings i {
    margin-right: 25px;
  }
}
.widget-data .simple-select {
  margin-top: 19px;
  margin-right: 19px;
}
.widget-data .ui-slider-switch {
  margin-top: 16px;
  margin-left: 14px;
  margin-bottom: -16px;
}
.widget-data .input-value {
  font-size: 34px;
  line-height: 1;
  text-align: center;
  max-width: 165px;
  width: 60%;
  height: 50px;
  border-radius: 15px;
  margin-top: 16px;
  border: 1px solid #bdbdbd;
}
.widget-data .timer-table .relay-cell {
  width: 120px;
}
.widget-data .timer-table .relay-cell .ui-slider {
  float: right;
}
.widget-data .timer-table .timer-cell {
  line-height: 1;
}
.widget-data img.camera-image {
  width: 100%;
}
@media screen and (max-width: 350px) {
  .widget-data .blinds-icon {
    display: none;
  }
}
.widget-data .blind-btn {
  margin-left: 12px;
  margin-top: 5px;
  margin-bottom: 10px;
  text-decoration: none;
}
.widget-data .blind-btn .icon {
  font-size: 49px;
  color: #2ba2e4;
}
.widget-data .blind-btn .icon-r-pause {
  color: #f84246;
}
.widget-data .blind-btn .active {
  display: none;
}
.widget-data .blind-btn[data-state="active"] {
  background: #f74145;
}
.widget-data .blind-btn[data-state="active"] .active {
  display: block;
}
.widget-data .blind-btn[data-state="active"] .unactive {
  display: none;
}
.widget-data .somfy-icon {
  float: left;
}
.widget-data .somfy-icon .widget-icon {
  margin-right: 0;
  margin-top: 0;
}
.widget-data.somfy-widget-data {
  line-height: 57px;
  padding-top: 10px;
}
.widget-data.somfy-widget-data .somfy-controls-container {
  margin-left: 67px;
}
.widget-data.somfy-widget-data .input-value {
  float: left;
  height: 46px;
  margin: 5px 0 0 0;
  padding: 0;
  width: 70px;
}
.widget-data.somfy-widget-data .btn {
  display: block;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
}
.widget-data.somfy-widget-data .somfy-btn-container {
  margin-left: 75px;
}
.widget-data.somfy-widget-data .somfy-btn-wrapper {
  box-sizing: border-box;
  display: inline-block;
  padding: 0 5px;
  width: 33%;
}
.widget-icon {
  width: 57px;
  height: 57px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
}
.icons-cell {
  padding: 0;
}
.icons-cell .widget-icon {
  margin: 5px auto 0 auto;
}
.widget-switcher {
  padding: 35px 16px 0 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.widget-switcher .label {
  font-size: 18px;
  line-height: 22px;
  *zoom: 1;
  /*
    .icon {
     //color: #000;
      margin-right: 11px;
      float: left;

    } */
}
.widget-switcher .label:before,
.widget-switcher .label:after {
  display: table;
  content: "";
  line-height: 0;
}
.widget-switcher .label:after {
  clear: both;
}
.widget-switcher .label:before,
.widget-switcher .label:after {
  display: table;
  content: "";
}
.widget-switcher .label:after {
  clear: both;
}
.widget-switcher .label span {
  display: block;
  text-align: left;
}
.widget-switcher .label .type {
  margin-top: 4px;
  position: relative;
  z-index: 11;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
}
.widget-switcher .label .place {
  font-size: 15px;
  color: #4d4d4d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-switcher .link-btn {
  margin-right: 12px;
  margin-top: -8px;
  text-decoration: none;
  display: inline-block;
}
.widget-switcher .link-btn .icon {
  font-size: 66px;
  color: #25a7df;
}
.widget-switcher .simple-select {
  margin-top: 5px;
}
.timer-block {
  width: 67px;
  margin: 0 auto;
  position: relative;
}
.timer-block.long {
  width: 94px;
}
.timer-block .control {
  width: 100%;
  height: 49px;
  background: #d3d9de;
  border: 1px solid rgba(139, 146, 154, 0.54);
  cursor: pointer;
  text-align: center;
}
.timer-block .control .arr {
  font-size: 32px;
  line-height: 49px;
  color: #aaaeb1;
  text-shadow: 1px 0 0 #f9fbfc, 0 -1px 0 rgba(78, 78, 78, 0.16);
}
.timer-block .control.plus {
  border-radius: 2px 2px 0 0;
  -webkit-box-shadow: 0 1px 0 rgba(178,180,182,.52);
  -moz-box-shadow: 0 1px 0 rgba(178,180,182,.52);
  -khtml-box-shadow: 0 1px 0 rgba(178,180,182,.52);
  -o-box-shadow: 0 1px 0 rgba(178,180,182,.52);
  box-shadow: 0 1px 0 rgba(178,180,182,.52);
}
.timer-block .control.minus {
  border-radius: 0 0 2px 2px;
  -webkit-box-shadow: 0 -1px 0 rgba(178,180,182,.52);
  -moz-box-shadow: 0 -1px 0 rgba(178,180,182,.52);
  -khtml-box-shadow: 0 -1px 0 rgba(178,180,182,.52);
  -o-box-shadow: 0 -1px 0 rgba(178,180,182,.52);
  box-shadow: 0 -1px 0 rgba(178,180,182,.52);
}
.timer-block input.ui-input-text {
  font-size: 24px;
  line-height: 49px;
  color: #000;
  width: 100%;
  height: 49px;
  border-left: 1px solid #92959a;
  border-right: 1px solid #92959a;
  background: transparent;
  text-align: center;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-shadow: inset 0 2px 6px rgba(132,136,141,.13), inset 0 0 18px rgba(114,119,123,.05);
  -moz-box-shadow: inset 0 2px 6px rgba(132,136,141,.13), inset 0 0 18px rgba(114,119,123,.05);
  -khtml-box-shadow: inset 0 2px 6px rgba(132,136,141,.13), inset 0 0 18px rgba(114,119,123,.05);
  -o-box-shadow: inset 0 2px 6px rgba(132,136,141,.13), inset 0 0 18px rgba(114,119,123,.05);
  box-shadow: inset 0 2px 6px rgba(132,136,141,.13), inset 0 0 18px rgba(114,119,123,.05);
  padding: 0;
  border-radius: 0;
  opacity: 1;
}
.disabled-timmer .timer-label,
.disabled-timer .timer-label {
  color: #bababa;
}
.disabled-timmer .timer-block:after,
.disabled-timer .timer-block:after {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 20;
  background: rgba(255, 255, 255, 0.5);
  padding-right: 2px;
}
.grid-error {
  text-align: center;
  color: red;
  margin-top: 40px;
  font-weight: bold;
  margin-left: -53px;
}
.slick-cell .ui-slider {
  margin-top: 8px!important;
}
@media (max-width: 1024px) {
  .slick-cell .ui-slider {
    margin-top: 13px!important;
  }
}
.slick-cell.ui-slider-switch {
  margin-top: 8px!important;
}
.slick-cell.value-cell,
.slick-cell.action-cell {
  text-align: center;
  padding-left: 11px;
}
.slick-cell.value-cell.sensor-control,
.slick-cell.action-cell.sensor-control {
  margin-top: 0px;
}
.slick-cell.value-cell > .row,
.slick-cell.action-cell > .row {
  display: inline-block;
}
.slick-cell.value-cell > .widget-data,
.slick-cell.action-cell > .widget-data {
  display: inline-block;
}
.slick-cell.value-cell > .widget-data .input-value,
.slick-cell.action-cell > .widget-data .input-value {
  margin-top: 8px;
}
.slick-cell.value-cell .aai-row,
.slick-cell.action-cell .aai-row {
  width: 100%;
  display: block;
  margin: 0 0;
}
.slick-cell.value-cell .range-slider > .ui-slider,
.slick-cell.action-cell .range-slider > .ui-slider {
  height: 51px;
  margin: 4px 0 0 16px;
}
.slick-cell.value-cell .simple-select .ui-select .ui-btn .ui-btn-text,
.slick-cell.action-cell .simple-select .ui-select .ui-btn .ui-btn-text {
  height: 46px;
}
.slick-cell.alert-cell {
  padding: 0;
}
.slick-cell.time-cell {
  white-space: normal;
  line-height: 22px;
  padding-top: 12px;
}
.slick-cell .widget-data {
  line-height: 67px;
  padding: 0;
}
.slick-cell .widget-data.table {
  width: auto;
}
.slick-cell .widget-data .sensor-control {
  margin-top: -8px;
}
@media (max-width: 1024px) {
  .slick-cell .widget-data .sensor-control {
    margin-top: 0px;
  }
}
.slick-cell .widget-data .increment-block .value {
  height: 67px;
  line-height: 67px;
}
.slick-cell .widget-data .simple-select {
  margin-top: 10px;
  margin-right: 0;
}
.slick-cell .widget-data .label .timer {
  font-size: 16px;
  line-height: 22px;
  margin-left: 0;
  padding-top: 12px;
  display: block;
}
.slick-cell .widget-switcher {
  padding: 0;
}
.slick-cell .widget-switcher .link-btn {
  margin: 0;
}
.slick-cell .widget-switcher .link-btn .icon {
  font-size: 56px;
}
.slick-cell .ui-slider-track.ui-btn-down-a {
  width: 84%;
}
.slick-cell.value-cell .lora-value {
  display: inline;
  text-align: center !important;
  opacity: 1 !important;
  color: black !important;
  font-size: 15px !important;
}
.slick-cell.value-cell .status-widgets {
  display: none;
  vertical-align: middle;
}
.slick-cell.value-cell .status-widgets .battery,
.slick-cell.value-cell .status-widgets .rssi-level {
  display: none;
  vertical-align: middle;
  margin: 0px 5px;
}
.slick-cell.value-cell .status-widgets .battery #icn,
.slick-cell.value-cell .status-widgets .battery #val {
  display: inline-block;
  vertical-align: middle;
}
.slick-cell.value-cell .status-widgets .battery #icn img {
  height: 40px;
}
.slick-cell.value-cell .status-widgets .battery #val {
  margin-top: -1px;
  margin-left: -43px;
  font-size: 10px;
  padding: 10px 10px;
}
.slick-cell.value-cell .status-widgets .rssi-level {
  margin-right: 10px;
}
.slick-cell.value-cell .status-widgets .rssi-level #tit,
.slick-cell.value-cell .status-widgets .rssi-level #level {
  display: inline-block;
  vertical-align: middle;
}
.slick-cell.value-cell .status-widgets .rssi-level #tit {
  padding: 10px;
}
.slick-cell.value-cell .status-widgets .rssi-level #level .l-item {
  display: inline-block;
  margin: 0px 1px;
  vertical-align: bottom;
  width: 5px;
  background: black;
  height: 5px;
}
.slick-cell.value-cell .last-updated {
  display: none;
  font-size: 13px;
  opacity: 0.5;
  text-align: right;
}
.table-cell .sensor-control i {
  top: 16px;
}
@media (max-width: 1024px) {
  .table-cell .sensor-control i {
    top: 8px;
  }
}
.table-cell.increment-block {
  padding-top: 8px;
}
.table-cell .lora-value {
  text-align: right !important;
  opacity: 1 !important;
  color: black !important;
  display: inline-block !important;
  padding: 3px 12px;
  font-size: 18px !important;
  background: #e9e9e9;
  border-radius: 25px;
}
.table-cell .status-widgets {
  display: inline-block;
  vertical-align: middle;
}
.table-cell .status-widgets .battery,
.table-cell .status-widgets .rssi-level {
  display: none;
  vertical-align: middle;
  margin: 0px 5px;
}
.table-cell .status-widgets .battery #icn,
.table-cell .status-widgets .battery #val {
  display: inline-block;
  vertical-align: middle;
}
.table-cell .status-widgets .battery #icn img {
  height: 40px;
}
.table-cell .status-widgets .battery #val {
  margin-top: -1px;
  margin-left: -43px;
  font-size: 10px;
  padding: 10px 10px;
}
.table-cell .status-widgets .rssi-level {
  position: relative;
  top: -5px;
  margin-right: 10px;
}
.table-cell .status-widgets .rssi-level #tit,
.table-cell .status-widgets .rssi-level #level {
  display: inline-block;
  vertical-align: middle;
}
.table-cell .status-widgets .rssi-level #tit {
  padding: 10px;
}
.table-cell .status-widgets .rssi-level #level .l-item {
  display: inline-block;
  margin: 0px 1px;
  vertical-align: bottom;
  width: 5px;
  background: black;
}
.table-cell .status-widgets .rssi-level #level .l-item:nth-child(1) {
  height: 5px;
}
.table-cell .status-widgets .rssi-level #level .l-item:nth-child(2) {
  height: 10px;
}
.table-cell .status-widgets .rssi-level #level .l-item:nth-child(3) {
  height: 15px;
}
.table-cell .last-updated {
  display: none;
  font-size: 13px;
  opacity: 0.5;
  padding: 5px 10px;
  text-align: right;
}
.arrow-cell {
  padding-top: 8px;
}
.group-phones {
  padding: 10px 0;
}
.phone-row .destroy-btn:hover {
  color: #777;
  cursor: pointer;
}
#phonesModal .add-btn:hover {
  color: #777;
  cursor: pointer;
}
.phones-col {
  max-height: 100px;
  min-width: 280px;
  overflow: auto;
  padding-left: 38px;
}
.name-col,
.phone-col {
  margin-right: 10px;
  min-height: 1px;
  overflow: hidden;
}
.name-col {
  max-width: 100px;
  min-width: 100px;
}
.phone-col {
  max-width: 120px;
  min-width: 120px;
}
.name-col input,
.phone-col input {
  border: 1px solid black;
  width: 100%;
}
.icon-on-canvas {
  background: white;
  border: 1px solid #ccc;
  padding: 5px;
  margin: 2px;
  left: -35px;
  position: absolute;
  cursor: pointer;
}
.chart-on-canvas {
  height: 200px;
  width: 300px;
  margin: 2px;
  background: rgba(160, 160, 160, 0.6);
  display: none;
}
.showonmyid {
  display: none;
}
.aai-row .col-r.increment-block {
  margin-top: 8px;
}
.chart-page-wrapper {
  height: 100%;
  min-height: 610px;
  position: relative;
}
.charts-wrapper {
  box-sizing: border-box;
  height: 100%;
  margin-right: 271px;
  overflow: hidden;
  position: relative;
  padding: 46px;
  z-index: 4;
}
.chart-container {
  height: 100%;
  width: 100%;
}
.template-subscriptions-row {
  display: none;
}
.chart-manage-block {
  width: 271px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 4;
  display: table;
  /*
  .chart-manage-closed & {
    overflow: hidden;
  } */
}
.chart-manage-block #chart_selected_objects {
  max-height: 160px;
  min-height: 60px;
  overflow: hidden;
  position: relative;
}
.chart-manage-block.chart-panel-open {
  overflow: visible;
}
.chart-manage-block .inner {
  overflow: auto;
  background: #444b59;
  padding-left: 20px;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -khtml-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.chart-manage-block .chart-close-panel {
  border-right: 1px solid  #131418;
  background: #444b59;
  width: 20px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.chart-manage-block .chart-close-panel:hover {
  background: #49546a;
}
.chart-manage-block .chart-close-panel i {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  width: 20px;
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
body.chart-manage-closed .charts-wrapper {
  margin-right: 19px;
}
body.chart-manage-closed .chart-manage-block {
  z-index: 2;
}
body.chart-manage-closed .chart-manage-block .inner {
  -webkit-transform: translate(251px, 0);
  -moz-transform: translate(251px, 0);
  -ms-transform: translate(251px, 0);
  -o-transform: translate(251px, 0);
  transform: translate(251px, 0);
}
body.chart-manage-closed .chart-manage-block .close-panel a {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -khtml-transform: rotate(180deg);
  transform: rotate(180deg);
}
.chart-settings-stripe {
  width: 100%;
  height: 39px;
  line-height: 39px;
  background: #2e323c;
  position: relative;
}
.chart-settings-stripe > a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.chart-settings-stripe .chart-settings {
  font-size: 11px;
  text-transform: uppercase;
  width: 135px;
  *zoom: 1;
  position: relative;
  z-index: 2;
}
.chart-settings-stripe .chart-settings:before,
.chart-settings-stripe .chart-settings:after {
  display: table;
  content: "";
  line-height: 0;
}
.chart-settings-stripe .chart-settings:after {
  clear: both;
}
.chart-settings-stripe .chart-settings:before,
.chart-settings-stripe .chart-settings:after {
  display: table;
  content: "";
}
.chart-settings-stripe .chart-settings:after {
  clear: both;
}
.chart-settings-stripe .chart-settings .icon {
  font-size: 17px;
  color: #838791;
  float: left;
  width: 43px;
  height: 39px;
  text-align: center;
  border-right: 1px solid  #444b59;
  margin-right: 20px;
}
.chart-settings-stripe .chart-templates {
  font-size: 10px;
  margin-right: 21px;
  position: relative;
  z-index: 2;
}
.chart-settings-stripe .chart-templates span {
  line-height: 14px;
  border-bottom: 1px dashed #fff;
}
.chart-settings-stripe .chart-templates i {
  font-style: normal;
}
.chart-settings-stripe .chart-templates.unactive {
  cursor: default;
}
.select-wrapper {
  cursor: pointer;
  border: 1px solid black;
  margin: 10px 5px;
  border-radius: 30px;
}
.templates-panel {
  width: 100%;
  background: #fff;
  padding: 28px 25px;
  position: absolute;
  top: 100%;
  z-index: 100;
  display: none;
}
.templates-panel.ui-panel-open {
  display: block;
}
.templates-panel.ui-panel-open ~ .chart-templates {
  color: #2e323c;
}
.templates-panel #templates-panel-close {
  display: inline-block;
  width: 105px;
  height: 39px;
  background: #fff;
  position: absolute;
  right: 0;
  top: -39px;
}
.templates-panel .close-panel {
  font-size: 11px;
  line-height: 1;
  color: #617284;
  text-decoration: none;
  display: block;
  text-align: center;
  margin-top: 13.5px;
}
.templates-panel .close-panel span {
  border-bottom: 1px dashed #617284;
}
.templates-list li {
  line-height: 11px;
  margin-bottom: 20px;
}
.templates-list li .tmpl-name {
  display: inline-block;
  max-width: 150px;
  width: 100%;
  margin-right: 8px;
  word-wrap: break-word;
  vertical-align: middle;
}
.templates-list li img.manage-icon {
  height: 20px;
  opacity: 0;
}
.templates-list li:hover img.manage-icon {
  opacity: 0.5;
}
.templates-list a {
  font-size: 11px;
  line-height: 13px;
  color: #4089ac;
  text-decoration: none;
}
.templates-list a b {
  border-bottom: 1px dashed #4089ac;
}
.chart-manage-info {
  padding: 20px 10px 28px 10px;
  color: #fff;
  position: relative;
}
.chart-manage-info .submit {
  margin-top: 15px;
}
.chart-manage-info .save-tmpl-link {
  font-size: 11px;
  font-size: 1;
  color: #fff;
  text-decoration: none;
  text-align: center;
  display: block;
  margin: 20px auto 0 auto;
}
.chart-manage-info .save-tmpl-link b {
  border-bottom: 1px dashed  #fff;
}
.chart-manage-section .title {
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
  padding-bottom: 7px;
}
.objects-section {
  margin-bottom: 30px;
}
.objects-section .object {
  *zoom: 1;
  margin-bottom: 10px;
  position: relative;
}
.objects-section .object:before,
.objects-section .object:after {
  display: table;
  content: "";
  line-height: 0;
}
.objects-section .object:after {
  clear: both;
}
.objects-section .object:before,
.objects-section .object:after {
  display: table;
  content: "";
}
.objects-section .object:after {
  clear: both;
}
.objects-section .object:last-child {
  margin-bottom: 0;
}
.objects-section .object .name {
  font-size: 11px;
  line-height: 22px;
  height: 22px;
  border-radius: 2px;
  padding: 0 10px;
  display: inline-block;
  float: left;
  margin-left: 3px;
  width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.objects-section .object .js-formula-text {
  width: 130px;
  top: 22px;
  right: 51.5px;
  position: initial;
  z-index: 1;
}
.objects-section .object.c-red .name {
  background: #ed5d5d;
}
.objects-section .object.c-orange .name {
  background: #ed895d;
}
.objects-section .object.c-yellow .name {
  background: #ede85d;
}
.objects-section .object.c-green .name {
  background: #98c84e;
}
.objects-section .object.c-blue .name {
  background: #5dede2;
}
.objects-section .object.c-indigo .name {
  background: #4597dc;
}
.objects-section .object.c-purple .name {
  background: #967ed3;
}
.objects-section .object .selected-objects-btn {
  width: 22px;
  height: 22px;
  border-radius: 2px;
  line-height: 22px;
  color: #a7a9ad;
  background: #232832;
  display: block;
  text-decoration: none;
  text-align: center;
  float: left;
  margin-left: 3px;
}
.objects-section .object .selected-objects-btn:first-child {
  margin-left: 0;
}
.objects-section .object .selected-objects-btn i {
  font-size: 12px;
}
.objects-section .object .selected-objects-btn.open ~ .chart-type-select {
  display: block;
}
.objects-section .object .selected-objects-btn.js-formula.active {
  color: #00c300;
}
.objects-section .chart-type-select {
  font-size: 13px;
  line-height: 18px;
  background: #fff;
  border: 1px solid  #232832;
  position: fixed;
  z-index: 5;
  left: 0;
  top: 22px;
  display: none;
}
.objects-section .chart-type-select .item {
  border-top: 1px solid  #232832;
  color: #232832;
  cursor: pointer;
  display: block;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
  text-decoration: none;
}
.objects-section .chart-type-select .item i {
  width: 30px;
  display: inline-block;
}
.objects-section .chart-type-select .item:first-child {
  border-top: 0;
}
.chart-type-select-active {
  display: block !important;
}
.charts-type-row {
  margin-bottom: 15px;
}
.charts-type-row .btn {
  width: 47%;
}
.period-section .period-btns-row {
  margin-bottom: 15px;
}
.period-section .period-btns-row:last-child {
  margin-bottom: 0;
}
.period-section .btn-period {
  margin-right: 7px;
}
.period-section .btn-period:last-child {
  margin-right: 0;
}
.period-section .period-inputs-row {
  font-size: 12px;
  line-height: 30px;
  position: relative;
}
.period-section .period-inputs-row.from-row {
  margin-top: 35px;
  margin-bottom: 35px;
}
.period-section .input {
  font-size: 12px;
  line-height: 30px;
  height: 30px;
  text-align: center;
  border-radius: 16px;
}
.period-section .date-input {
  width: 112px;
  margin-inline-end: 3px;
}
.period-section .time-input {
  width: 62px;
  margin-left: 10px;
}
.chart-server-time {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-top: 15px;
}
.chart-server-time span {
  display: block;
}
.template-create-panel {
  font-size: 11px;
  line-height: 1;
  color: #35383e;
  width: 100%;
  background: #fff;
  padding: 20px 25px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: none;
  -webkit-box-shadow: 0 10px 9px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 10px 9px rgba(0, 0, 0, 0.15);
  -khtml-box-shadow: 0 10px 9px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 10px 9px rgba(0, 0, 0, 0.15);
  box-shadow: 0 10px 9px rgba(0, 0, 0, 0.15);
}
.template-create-panel.ui-panel-open {
  display: block;
}
.template-create-panel .input {
  margin: 8px 0;
}
.template-create-panel .btn {
  width: 96px;
}
.objects-panel {
  width: 374px;
  height: 100%;
  background: #fff;
  padding: 20px 34px;
  border-left: 1px solid  #bbb;
  position: absolute;
  top: 0;
  left: -374px;
  z-index: 1;
  -webkit-box-shadow: inset -1px 0 0 #f7f7f7, inset -2px 0 0 #ebebeb, -18px -1px 5px rgba(0,0,0,.1);
  -moz-box-shadow: inset -1px 0 0 #f7f7f7, inset -2px 0 0 #ebebeb, -18px -1px 5px rgba(0,0,0,.1);
  -khtml-box-shadow: inset -1px 0 0 #f7f7f7, inset -2px 0 0 #ebebeb, -18px -1px 5px rgba(0,0,0,.1);
  -o-box-shadow: inset -1px 0 0 #f7f7f7, inset -2px 0 0 #ebebeb, -18px -1px 5px rgba(0,0,0,.1);
  box-shadow: inset -1px 0 0 #f7f7f7, inset -2px 0 0 #ebebeb, -18px -1px 5px rgba(0,0,0,.1);
  display: none;
}
.objects-panel.ui-panel-open {
  display: block;
}
.objects-panel:before {
  content: '';
  height: 39px;
  width: 64px;
  background: #fff;
  position: absolute;
  top: 0;
  right: -62px;
}
.objects-panel .section-title {
  font-size: 11px;
  line-height: 1;
  color: #1b1b1b;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 7px;
  position: relative;
}
.objects-panel .section-title.bordered {
  padding-bottom: 7px;
  margin-bottom: 8px;
}
.objects-panel .section-title.bordered:after {
  content: '';
  width: 100%;
  height: 2px;
  background: #444b59;
  position: absolute;
  bottom: 0;
  left: 0;
}
.objects-panel .section-title.mt30 {
  margin-top: 30px;
}
.objects-search-form {
  margin-bottom: 30px;
}
.objects-search-form .icon {
  font-size: 13px;
  line-height: 32px;
  position: absolute;
  top: 0;
  left: 10px;
}
.objects-search-form .input {
  padding: 0 8px 0 30px;
}
.objects-search-form .submit {
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  width: 42px;
  height: 30px;
  background: #25a7df;
  border: 0;
  border-radius: 0 2px 2px 0;
  position: absolute;
  right: 1px;
  top: 1px;
}
.object-tag {
  font-size: 11px;
  line-height: 23px;
  color: #fff;
  display: inline-block;
  height: 23px;
  border-radius: 6px;
  background: #434b59;
  padding-left: 10px;
  padding-right: 8px;
  margin-right: 8px;
  margin-bottom: 5px;
}
.object-tag .delete {
  margin-left: 18px;
  text-decoration: none;
}
.object-tag .delete i {
  font-size: 12px;
  color: #b3b6bc;
}
.object-tag-grey {
  color: #131313;
  background: #dfdfdf;
  text-decoration: none;
  padding: 0 9px;
}
.object-tag-grey:hover {
  color: #fff;
  background: #2fa4e4;
}
.objects-list {
  margin-top: 25px !important;
  position: relative;
  overflow: hidden;
  padding-bottom: 40px !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  bottom: 10px;
}
.objects-list li {
  height: 22px;
  margin-bottom: 12px;
}
.list-shadow {
  width: 95%;
  height: 40px;
  position: absolute;
  bottom: 0;
  left: 2%;
  z-index: 2;
  -webkit-box-shadow: inset 0 -30px 50px #ffffff;
  -moz-box-shadow: inset 0 -30px 50px #ffffff;
  -khtml-box-shadow: inset 0 -30px 50px #ffffff;
  -o-box-shadow: inset 0 -30px 50px #ffffff;
  box-shadow: inset 0 -30px 50px #ffffff;
}
.btn-objects-list {
  width: 100px;
  margin-top: 20px;
}
.section-title.back-link {
  color: #677081;
  text-decoration: none;
  margin-bottom: 35px;
  display: inline-block;
}
.section-title.back-link .icon {
  font-size: 12px;
  margin-right: 6px;
}
.line-list {
  max-height: 450px;
}
.line-list li {
  height: 34px;
  margin-bottom: 0;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.line-list a {
  font-size: 11px;
  line-height: 34px;
  color: #131313;
  border-bottom: 1px solid #cdcdcd;
  display: block;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
}
.line-list a:hover {
  background: #cdcdcd;
}
.chart-title {
  font-size: 21px;
  line-height: 1;
  color: #404443;
  margin-bottom: 30px;
}
.btn-ch1 {
  font-size: 16px;
  width: 30px;
}
.btn-ch2 {
  width: 106px;
}
/*
.ab {
  width: 100%;
  position: absolute;
  bottom: 0;
} */
#templateSubscriptionsList {
  text-align: center;
  margin: 25px 10px;
}
#templateSubscriptionsList .email {
  max-width: 115px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  margin: 5px 2px;
  padding: 0px;
}
#templateSubscriptionsList .delete {
  margin: 5px 2px;
  padding: 0px;
  color: white;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}
#templateSubscriptionsList .delete:hover {
  text-decoration: underline;
}
#templateSubscriptionsList .periods a {
  color: white;
  text-decoration: none;
  padding: 0px;
  margin: 5px 2px;
}
#templateSubscriptionsList .periods a:hover,
#templateSubscriptionsList .periods a.active {
  text-decoration: underline;
}
.no-margin-right {
  margin-right: 0px!important;
}
.visible-overflow {
  overflow: visible;
}
.alarms-command-btns {
  display: flex;
}
.alarms-tabs-filter-wrapper {
  z-index: 20;
}
.alarms-tabs-filter-wrapper::before,
.alarms-tabs-filter-wrapper::after {
  padding-right: 0px;
  left: -272px;
}
.alarms-tabs-filter {
  display: table-cell;
  width: 3000px;
}
.alarms-page-wrapper {
  height: 100%;
  min-height: 300px;
  position: relative;
  padding-top: 20px;
}
.alarms-div-wrapper {
  position: relative;
}
.alarms-table-wrapper {
  box-sizing: border-box;
  height: 100%;
  margin-right: 271px;
  overflow: hidden;
  z-index: 10!important;
}
.alarms-container {
  width: 100%;
  height: 100%;
}
.ui-panel-dismiss {
  z-index: 19!important;
}
.alarms-manage-block {
  width: 271px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 30;
  min-height: 320px;
}
.alarms-manage-block .inner {
  background: #444b59;
  height: 100%;
  padding-left: 20px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -khtml-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-width: 1024px) {
  .alarms-manage-block {
    z-index: 0;
  }
}
.alarms-manage-info {
  padding: 20px 20px 28px 20px;
  color: #fff;
  position: relative;
}
.alarms-manage-info .submit {
  margin-top: 15px;
}
.alarms-manage-section .title {
  font-size: 11px;
  line-height: 11px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.alarms-tooltip {
  display: none;
  position: absolute;
  z-index: 5000;
  min-width: 75px;
  min-height: 25px;
  padding: 15px;
  background: #fff;
  border: #ccc 1px solid;
  pointer-events: none;
}
.slick-cell {
  overflow: visible;
}
.alarms-graph-icon {
  padding: 5px;
  margin-right: 12px;
  border: solid 1px #ccc;
}
.user-actions-page-wrapper {
  height: 100%;
  min-height: 300px;
  position: relative;
}
.user-actions-wrapper {
  box-sizing: border-box;
  height: 100%;
  margin-right: 271px;
  overflow: hidden;
  padding: 46px;
  z-index: 4;
}
.user-actions-container {
  width: 100%;
  height: 100%;
}
.user-actions-manage-block {
  width: 271px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 20;
}
.user-actions-manage-block .inner {
  background: #444b59;
  height: 100%;
  padding-left: 20px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -khtml-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.user-actions-manage-info {
  padding: 20px 20px 28px 20px;
  color: #fff;
  position: relative;
}
.user-actions-manage-info .submit {
  margin-top: 15px;
}
.user-actions-manage-section .title {
  font-size: 11px;
  line-height: 11px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.map-view-wrapper {
  width: 100%;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  /*   background-size: auto 100% !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50%;
   */
}
.map-view-wrapper .map-view-inner {
  height: 500px;
  display: inline-block;
  position: relative;
}
.map-view-wrapper .map-img {
  width: auto ;
  height: 100%;
}
.map-view-wrapper .svg-canvas {
  position: absolute;
}
.map-view-wrapper svg {
  display: block;
  overflow: visible;
}
/*
.chart-settings-stripe {
  width: 100%;
  height: 54px;
  line-height: 54px;
  background: #2e323c;

  > a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
  }

  .chart-settings {
    font-size: 14px;
    text-transform: uppercase;
    width: 175px;
    .row;

    .icon {
      font-size: 24px;
      color: #838791;
      float: left;
      width: 57px;
      text-align: center;
      border-right: 1px solid  #444b59;
      margin-right: 20px;
    }
  }

  .chart-templates {
    font-size: 13px;
    margin-right: 28px;

    span {
      line-height: 14px;
      border-bottom: 1px dashed  #fff;
    }

    i {
      font-style: normal;
    }
  }
}

.chart-manage-info {
  padding: 60px 32px 38px 32px;
  color: #fff;
}

.chart-manage-section {
  .title {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 33px;
    text-transform: uppercase;
  }
}

.objects-section {
  margin-bottom: 80px;

  .object {
    .row;
    margin-bottom: 15px;

    &:last-child {
      margin-bottom: 0;
    }

    .name {
      font-size: 15px;
      line-height: 30px;
      height: 30px;
      border-radius: 2px;
      padding: 0 14px;
      display: inline-block;
      float: left;
      margin-right: 4px;
    }

    &.c-green .name {
      background: #98c84e;
    }
    &.c-purple .name {
      background: #967ed3;
    }
    &.c-blue .name {
      background: #4597dc;
    }
    &.c-orange .name {
      background: #ed895d;
    }

    .delete {
      width: 30px;
      height: 30px;
      border-radius: 2px;
      background: #232832;
      display: block;
      text-decoration: none;
      text-align: center;
      float: left;

      i {
        font-size: 14px;
        line-height: 30px;
        color: #a7a9ad;
      }
    }
  }
}

.period-section {
  .period-btns-row {
    margin-bottom: 22px;

    &:last-child {
      margin-bottom: 0;
    }
  }

  .btn-period {
    margin-right: 9px;

    &:last-child {
      margin-right: 0;
    }
  }

  .period-inputs-row {
    font-size: 17px;
    line-height: 42px;
  }

  .input {
    font-size: 17px;
    line-height: 42px;
    height: 42px;
    text-align: center;
    border-radius: 2px;
  }

  .date-input {
    width: 152px;
    margin: 0 14px 0 20px;
  }

  .time-input {
    width: 86px;
  }
} */
.page-permissions {
  padding: 10px;
  position: relative;
}
.page-permissions .ui-perm-tabs {
  border-radius: 24px;
  max-width: 300px;
  margin: 0 auto;
}
.page-permissions .ui-perm-tabs .tab {
  padding: 12px;
  text-align: center;
  display: inline-block;
  background: white;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}
.page-permissions .ui-perm-tabs .tab.left-tab {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.page-permissions .ui-perm-tabs .tab.right-tab {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.page-permissions .ui-perm-tabs .tab.active {
  border-bottom: 1px solid #2696d8;
}
.page-permissions .data-box {
  max-width: 528px;
  padding: 5px;
  margin: 0 auto;
  margin-top: 25px;
  text-align: left;
  position: relative;
}
.page-permissions .users-box .item,
.page-permissions .groups-box .item {
  background: white;
  cursor: pointer;
  border-radius: 5px;
  padding: 7px;
  margin-bottom: 10px;
  position: relative;
}
.page-permissions .users-box .item #avatar,
.page-permissions .groups-box .item #avatar,
.page-permissions .users-box .item #name,
.page-permissions .groups-box .item #name {
  display: inline-block;
  vertical-align: middle;
}
.page-permissions .users-box .item #avatar img,
.page-permissions .groups-box .item #avatar img {
  height: 40px;
}
.page-permissions .users-box .item #name,
.page-permissions .groups-box .item #name {
  margin-left: 10px;
  max-width: 120px;
}
.page-permissions .users-box .item #group,
.page-permissions .groups-box .item #group {
  opacity: 0.5;
  vertical-align: middle;
  display: inline-block;
  margin-left: 10px;
}
.page-permissions .users-box .item #group img,
.page-permissions .groups-box .item #group img,
.page-permissions .users-box .item #group span,
.page-permissions .groups-box .item #group span {
  vertical-align: middle;
}
.page-permissions .users-box .item #group img,
.page-permissions .groups-box .item #group img {
  height: 20px;
}
.page-permissions .users-box .item #group span,
.page-permissions .groups-box .item #group span {
  font-size: 14px;
}
.page-permissions .users-box .item #actions,
.page-permissions .groups-box .item #actions {
  position: absolute;
  top: 15px;
  right: 10px;
  bottom: 0px;
}
.page-permissions .users-box .item #actions .action,
.page-permissions .groups-box .item #actions .action {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.page-permissions .users-box .item #actions .action img,
.page-permissions .groups-box .item #actions .action img {
  height: 25px;
  opacity: 0.4;
}
.page-permissions .users-box .item #actions .action:hover img,
.page-permissions .groups-box .item #actions .action:hover img {
  opacity: 1;
}
.page-permissions .groups-box .item #users {
  -webkit-box-shadow: inset 0px 0px 34px -10px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: inset 0px 0px 34px -10px rgba(0, 0, 0, 0.35);
  box-shadow: inset 0px 0px 34px -10px rgba(0, 0, 0, 0.35);
  margin-top: 5px;
  border-radius: 4px;
}
.page-permissions .groups-box .item #users .user {
  padding: 0px;
  margin: 10px;
  margin-right: 0px;
  cursor: pointer;
  border-radius: 4;
  display: inline-block;
}
.page-permissions .groups-box .item #users .user #name {
  display: inline-block;
}
.page-permissions .list-tools {
  max-width: 528px;
  padding: 5px;
  margin: 0 auto;
  margin-top: 25px;
  text-align: right;
  padding-right: 5px;
}
.page-permissions .list-tools .item {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.page-permissions .list-tools .item #icon,
.page-permissions .list-tools .item #title,
.page-permissions .list-tools .item #form {
  display: inline-block;
}
.page-permissions .list-tools .item #icon {
  margin-right: 5px;
}
.page-permissions .list-tools .item #icon img {
  height: 35px;
  opacity: 0.5;
}
.page-permissions .list-tools .item #title {
  opacity: 0.5;
}
.page-permissions .list-tools .item #form input[type="search"] {
  padding: 10px;
  background: none;
  border-bottom: 1px solid #bebebe;
}
.page-permissions .pagination a {
  text-decoration: none;
  color: black;
  padding: 10px;
  padding-right: 5px;
  border-left: 1px solid rgba(0, 0, 0, 0.349);
}
.page-permissions .pagination a:nth-child(1) {
  border-left: none;
}
.page-permissions .pagination a:hover {
  text-decoration: underline;
}
#window-create-user-permissions form,
#window-create-group-permissions form,
#window-edit-user-permissions form,
#window-edit-group-permissions form {
  margin-top: 25px;
}
#window-create-user-permissions span,
#window-create-group-permissions span,
#window-edit-user-permissions span,
#window-edit-group-permissions span {
  text-align: left;
  margin-left: 15px;
  opacity: 0.5;
  display: block;
  margin-top: 10px;
}
#window-create-user-permissions input,
#window-create-group-permissions input,
#window-edit-user-permissions input,
#window-edit-group-permissions input {
  padding: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: 84%;
  max-width: 230px;
  margin-left: 15px;
  margin-top: 10px;
  display: block;
}
#window-create-user-permissions select,
#window-create-group-permissions select,
#window-edit-user-permissions select,
#window-edit-group-permissions select {
  outline: none;
  display: block;
  margin-left: 15px;
  margin-top: 10px;
}
#window-create-user-permissions button,
#window-create-group-permissions button,
#window-edit-user-permissions button,
#window-edit-group-permissions button {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  color: white;
  background: #2491cf;
  padding-left: 20px;
  padding-right: 20px;
}
#window-create-user-permissions #button-wrapper,
#window-create-group-permissions #button-wrapper,
#window-edit-user-permissions #button-wrapper,
#window-edit-group-permissions #button-wrapper {
  margin-top: 15px;
  text-align: right;
  margin-right: 15px;
}
#export-tag-subscriber-box {
  text-align: left;
  padding: 0px 35px;
  width: 65%;
  margin-top: 70px;
}
#export-tag-subscriber-box #add-form input,
#export-tag-subscriber-box #add-form button {
  display: inline-block;
}
#export-tag-subscriber-box #add-form input {
  outline: none;
  padding: 12px 20px;
  font-size: 15px;
  border: none;
  border-radius: 4px;
}
#export-tag-subscriber-box #add-form button {
  border: none;
  cursor: pointer;
  padding: 10px 20px;
  background: #3da7e0;
  color: white;
  border-radius: 4px;
  font-size: 15px;
}
#export-tag-subscriber-box #list {
  margin-top: 20px;
  margin-left: 1px;
  display: table;
  grid-template-columns: 30% 70%;
}
#export-tag-subscriber-box #list .item {
  display: table-row;
}
#export-tag-subscriber-box #list #email,
#export-tag-subscriber-box #list #period {
  padding-top: 15px;
  display: inline-block;
  vertical-align: middle;
  display: table-cell;
}
#export-tag-subscriber-box #list #email {
  font-size: 18px;
  text-align: right;
  padding-right: 25px;
}
#export-tag-subscriber-box #list #period .period {
  display: inline-block;
  background: none;
  color: black;
  padding: 10px 15px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  opacity: 0.5;
}
#export-tag-subscriber-box #list #period .period.red:hover {
  background: #ed4844;
}
#export-tag-subscriber-box #list #period .period:hover,
#export-tag-subscriber-box #list #period .period.selected {
  background: #3da7e0;
  color: white;
  opacity: 1;
}
.page-alarm-manager {
  text-align: left;
  width: 90%;
  max-width: 800px;
  padding: 25px 10px;
  margin: 0 auto;
}
#manage-links,
.manage-links-box {
  margin: 5px 0px;
}
#manage-links a,
.manage-links-box a {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  background: #e2e2e2;
  border: 1px solid #c7c7c7;
  color: black;
  text-decoration: none;
}
#manage-links a:hover,
.manage-links-box a:hover {
  text-decoration: underline;
}
#content-table {
  text-align: center;
  margin-top: 25px;
}
#content-table #list,
#content-table #item-options {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 350px;
  text-align: left;
  margin: 10px 10px;
}
#content-table #list {
  height: 100%;
  overflow: auto;
}
#content-table #list .item {
  cursor: pointer;
  padding: 5px 10px;
  background: #dbdbdb;
  border-bottom: 4px solid #c7c7c7;
  border-radius: 5px;
  margin-bottom: 15px;
}
#content-table #list .item #level,
#content-table #list .item #desc-text,
#content-table #list .item #obj,
#content-table #list .item #status,
#content-table #list .item #indecator {
  display: inline-block;
  vertical-align: middle;
}
#content-table #list .item #time-threshold {
  margin-top: 10px;
}
#content-table #list .item #time-threshold input[type="number"] {
  max-width: 55px;
}
#content-table #list .item #obj,
#content-table #list .item #status {
  max-width: none !important;
  width: none !important;
}
#content-table #list .item #cond-value {
  text-decoration: underline;
}
#content-table #list .item #obj {
  font-weight: bold;
}
#content-table #list .item #indecator {
  width: 5px;
  height: 5px;
  border-radius: 100%;
  margin-right: 5px;
}
#content-table #list .item #indecator.indecator-green {
  background: green;
}
#content-table #list .item #indecator.indecator-yellow {
  background: yellow;
}
#content-table #list .item #indecator.indecator-red {
  background: red;
}
#content-table #list .item #level,
#content-table #list .item #obj {
  max-width: 60px;
  word-wrap: break-word;
  overflow: hidden;
}
#content-table #list .item #level {
  text-transform: uppercase;
  font-size: 11px;
  opacity: 0.5;
}
#content-table #list .item #status {
  max-width: 180px;
}
#content-table .disabled-form {
  pointer-events: none;
  opacity: 0.4;
}
#content-table #item-options {
  border-left: 4px solid #c7c7c7;
  padding-left: 10px;
}
#content-table #item-options .opt-box {
  margin-bottom: 15px;
}
#content-table #item-options .form-action-type {
  display: none;
}
#content-table #item-options .row {
  padding: 5px 0px;
  cursor: pointer;
}
#content-table #item-options .row #form-state-title {
  font-size: 18px;
  font-weight: 800;
}
#content-table #item-options .row #name,
#content-table #item-options .row #input {
  display: inline-block;
  vertical-align: middle;
}
#content-table #item-options .row #name {
  width: 145px;
}
#content-table #item-options .row #input input {
  padding: 5px 10px;
  border-radius: 5px;
  border: none;
}
#content-table #item-options .row #input input[type="number"] {
  max-width: 55px;
  border: none;
}
#content-table #children-manage {
  padding: 10px 0px;
  display: none;
}
#content-table #children-manage input,
#content-table #children-manage label {
  vertical-align: middle;
}
#content-table #children-manage #inherited-alarms-list {
  width: 150px;
  height: 140px;
  margin-top: -180px;
  position: absolute;
  z-index: 100;
  background: white;
  padding: 10px;
  background-color: white;
  box-shadow: -1px 9px 12px -10px #000000;
  border-radius: 8px;
  display: none;
  overflow: auto;
}
#content-table #children-manage #inherited-alarms-list .ia-item {
  padding: 1px 0px;
  cursor: pointer;
}
#content-table #children-manage #inherited-alarms-list .ia-item:hover {
  opacity: 0.5;
}
#content-table #children-manage:hover #inherited-alarms-list {
  display: block;
}
#notify-center-box {
  position: fixed;
  top: 55px;
  right: 0px;
  bottom: 0px;
  width: 324px;
  background: #404044;
  z-index: 1031;
  overflow: auto;
  display: none;
}
#notify-center-box #manage {
  border-radius: 5px;
  margin: 10px;
}
#notify-center-box #manage.full-active {
  cursor: pointer;
}
#notify-center-box #manage.full-active:hover .butt img {
  opacity: 0.5;
}
#notify-center-box #manage .butt {
  background: white;
  padding: 10px;
  cursor: pointer;
}
#notify-center-box #manage .butt.double {
  display: inline-block;
  width: 40%;
}
#notify-center-box #manage .butt img {
  height: 25px;
}
#notify-center-box #manage .butt img,
#notify-center-box #manage .butt span {
  display: inline-block;
  vertical-align: middle;
}
#notify-center-box #manage .butt:hover img {
  opacity: 0.5;
}
#notify-center-box #subscribers-box {
  display: none;
}
#notify-center-box #subscribers-box #form input {
  padding: 8px 10px;
  border-radius: 2px;
  outline: none;
}
#notify-center-box #subscribers-box #form button {
  cursor: pointer;
  padding: 8px 10px;
  outline: none;
  border: none;
  border-radius: 2px;
  font-size: 13px;
}
#notify-center-box #subscribers-box #email-list {
  display: table;
  margin: 10px auto;
}
#notify-center-box #subscribers-box #email-list .item {
  display: table-row;
}
#notify-center-box #subscribers-box #email-list .item #email-item,
#notify-center-box #subscribers-box #email-list .item #butt {
  display: table-cell;
  vertical-align: middle;
}
#notify-center-box #subscribers-box #email-list .item #email-item {
  text-align: right;
  color: white;
  padding: 0px 5px;
  max-width: 140px;
  overflow: hidden;
  word-break: break-word;
}
#notify-center-box #subscribers-box #email-list .item #butt button {
  margin: 5px;
  border-radius: 2px;
  cursor: pointer;
  border: none;
  font-size: 12px;
  padding: 5px 12px;
}
#notify-center-box #manage.bottom {
  position: fixed;
  bottom: 5px;
  right: 0px;
  width: 300px;
  box-shadow: 0 0 13px -5px #000000;
}
#notify-center-box #list {
  padding: 5px 10px;
  padding-bottom: 80px;
}
#notify-center-box #list .notify {
  display: table;
  padding: 20px 10px;
  border-radius: 6px;
  background: white;
  text-align: left;
  cursor: pointer;
  margin: 10px 0px;
  transition: 0.13s;
}
#notify-center-box #list .notify .td {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
#notify-center-box #list .notify #close img {
  height: 45px;
  opacity: 0.08;
}
#notify-center-box #list .notify #close img:hover {
  opacity: 1;
}
#notify-center-box #list .notify #title {
  font-size: 18px;
  font-weight: bold;
}
#notify-center-box #list .notify #notify-description {
  opacity: 0.6;
  font-size: 14px;
  padding: 5px 0px;
}
#notify-center-box #list .notify #notify-description #time {
  padding: 10px 0px;
  opacity: 0.7;
  font-size: 10px;
}
#notify-center-box #list .notify:hover {
  box-shadow: inset 0px -5px 13px -5px #000000;
}
#dynamic-popup-sandbox {
  display: none;
}
.ui-popup-shadow {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.55);
  z-index: 10005;
  overflow: auto;
}
.ui-popup-window {
  position: absolute;
  top: 10%;
  left: 0px;
  right: 0px;
  background: white;
  border-radius: 3px;
  z-index: 10006;
  width: 90%;
  max-width: 580px;
  padding: 5px;
  min-height: 200px;
  margin: 0 auto;
  margin-bottom: 25px;
  padding-bottom: 15px;
}
.ui-popup-window h2.title {
  opacity: 0.5;
  text-align: left;
  padding: 10px;
  padding-left: 15px;
  font-weight: 400;
}
.ui-popup-window .error-message {
  display: inline-block;
  color: #ff3300;
  padding: 5px;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
}
.ui-popup-window .error-message .msg {
  display: none;
}
.ui-popup-window#window-access-manager {
  text-align: left;
}
.ui-popup-window#window-access-manager .title {
  margin-bottom: 10px;
}
.ui-popup-window#window-access-manager .input-placeholder {
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
  margin-left: 10px;
}
.ui-popup-window#window-access-manager #search-input {
  display: inline-block;
  vertical-align: middle;
  padding: 14px 5px;
  border: none;
  outline: none;
  border-bottom: 2px solid #494949;
}
.ui-popup-window#window-access-manager .breadcrumbs {
  padding: 10px;
  display: inline-block;
  vertical-align: middle;
}
.ui-popup-window#window-access-manager .breadcrumbs .tag {
  padding: 10px 0px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  border-bottom: 2px solid transparent;
}
.ui-popup-window#window-access-manager .breadcrumbs .tag::after {
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
  content: '➜';
}
.ui-popup-window#window-access-manager .breadcrumbs .tag:last-child {
  border-bottom: 2px solid #494949;
}
.ui-popup-window#window-access-manager #browser {
  margin-top: 25px;
  text-align: center;
}
.ui-popup-window#window-access-manager #browser #tags,
.ui-popup-window#window-access-manager #browser #objects {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}
.ui-popup-window#window-access-manager #browser #tags #title,
.ui-popup-window#window-access-manager #browser #objects #title {
  padding: 10px 15px;
  background: #f1f1f1;
  text-align: left;
}
.ui-popup-window#window-access-manager #browser #tags #list,
.ui-popup-window#window-access-manager #browser #objects #list {
  text-align: left;
}
.ui-popup-window#window-access-manager #browser #tags #list .item,
.ui-popup-window#window-access-manager #browser #objects #list .item {
  cursor: pointer;
  padding: 10px;
  position: relative;
  background: #f7f6f6;
}
.ui-popup-window#window-access-manager #browser #tags #list .item:hover,
.ui-popup-window#window-access-manager #browser #objects #list .item:hover {
  background: #f1f1f1;
}
.ui-popup-window#window-access-manager #browser #tags #list .item #name,
.ui-popup-window#window-access-manager #browser #objects #list .item #name,
.ui-popup-window#window-access-manager #browser #tags #list .item #settings,
.ui-popup-window#window-access-manager #browser #objects #list .item #settings {
  display: inline-block;
}
.ui-popup-window#window-access-manager #browser #tags #list .item #settings,
.ui-popup-window#window-access-manager #browser #objects #list .item #settings {
  position: absolute;
  top: 10px;
  right: 10px;
}
.ui-popup-window#window-access-manager #browser #tags #list .item #settings .sett img,
.ui-popup-window#window-access-manager #browser #objects #list .item #settings .sett img {
  opacity: 0.6;
  height: 18px;
}
.ui-popup-window#window-access-manager #groups-settings {
  margin-top: 15px;
}
.ui-popup-window#window-access-manager #groups-settings #title {
  padding: 10px 15px;
  background: #f1f1f1;
  text-align: left;
  position: relative;
}
.ui-popup-window#window-access-manager #groups-settings #title #right-side {
  position: absolute;
  top: 6px;
  right: 10px;
  cursor: pointer;
}
.ui-popup-window#window-access-manager #groups-settings #title #right-side #default-tit {
  opacity: 0.6;
  vertical-align: middle;
}
.ui-popup-window#window-access-manager #groups-settings #title #right-side #default-tit::after {
  content: ':';
}
.ui-popup-window#window-access-manager #groups-settings #title #right-side img {
  vertical-align: middle;
  height: 23px;
  opacity: 0.6;
}
.ui-popup-window#window-access-manager #groups-settings #create-box {
  padding: 5px 10px;
}
.ui-popup-window#window-access-manager #groups-settings #create-box #group-search {
  width: 105px;
  outline: none;
  border-bottom: 1px solid #d6d6d6;
}
.ui-popup-window#window-access-manager #groups-settings #create-box #group,
.ui-popup-window#window-access-manager #groups-settings #create-box #level {
  margin-left: 10px;
  padding: 5px;
  cursor: pointer;
}
.ui-popup-window#window-access-manager #groups-settings #create-box button {
  margin-left: 10px;
  padding: 5px 10px;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  outline: none;
  background: #f1f1f1;
}
.ui-popup-window#window-access-manager #groups-settings #list .item {
  cursor: pointer;
  padding: 10px;
  position: relative;
  background: #f7f6f6;
}
.ui-popup-window#window-access-manager #groups-settings #list .item:hover {
  background: #f1f1f1;
}
.ui-popup-window#window-access-manager #groups-settings #list .item #icon {
  margin-right: 5px;
}
.ui-popup-window#window-access-manager #groups-settings #list .item #icon img {
  height: 24px;
}
.ui-popup-window#window-access-manager #groups-settings #list .item #name,
.ui-popup-window#window-access-manager #groups-settings #list .item #settings,
.ui-popup-window#window-access-manager #groups-settings #list .item #icon,
.ui-popup-window#window-access-manager #groups-settings #list .item #level {
  display: inline-block;
}
.ui-popup-window#window-access-manager #groups-settings #list .item #level {
  margin-left: 10px;
}
.ui-popup-window#window-access-manager #groups-settings #list .item #settings {
  position: absolute;
  top: 10px;
  right: 15px;
}
.ui-popup-window#window-access-manager #groups-settings #list .item #settings .sett img {
  opacity: 0.6;
  height: 18px;
}
.ui-popup-window#window-action-reason {
  max-width: 750px;
}
.ui-popup-window#window-action-reason #alarm-list {
  text-align: left;
  padding: 15px;
}
.ui-popup-window#window-action-reason #alarm-list .alarm {
  display: table;
  width: 100%;
}
.ui-popup-window#window-action-reason #alarm-list .alarm #meta,
.ui-popup-window#window-action-reason #alarm-list .alarm #from {
  display: table-cell;
  vertical-align: top;
  padding: 10px;
}
.ui-popup-window#window-action-reason #alarm-list .alarm #meta {
  width: 120px;
  font-weight: bold;
  font-size: 13px;
}
.ui-popup-window#window-action-reason #save-box {
  display: table;
  text-align: left;
}
.ui-popup-window#window-action-reason #save-box #left,
.ui-popup-window#window-action-reason #save-box #right {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}
.ui-popup-window#window-action-reason #save-box #left {
  text-align: left;
}
.ui-popup-window#window-action-reason #save-box #left .ui-btn-text {
  display: none !important;
}
.ui-popup-window#window-action-reason #save-box #right {
  text-align: right;
}
.ui-popup-window#window-action-reason #save-box #right select {
  width: 100%;
}
.ui-popup-window#window-action-reason .reason-input {
  width: 100%;
  padding: 15px 13px;
  border: none;
  border-radius: 5px;
  background: #00000005;
}
.ui-popup-window#window-action-reason #total-reason {
  padding: 0px 10px;
}
.ui-popup-window#window-chart-point-editor {
  max-width: 750px;
}
.ui-popup-window#window-chart-point-editor .pi-form {
  display: table;
  margin: 10px auto;
}
.ui-popup-window#window-chart-point-editor .pi-form .pi-row {
  display: table-row;
}
.ui-popup-window#window-chart-point-editor .pi-form .pi-value,
.ui-popup-window#window-chart-point-editor .pi-form .pi-label {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding: 10px;
}
.ui-popup-window#window-chart-point-editor .pi-form .pi-no-required {
  opacity: 0.5;
}
.ui-popup-window#window-chart-point-editor .pi-form .pi-value input {
  padding: 10px 25px;
  border: 1px solid #979797;
  border-radius: 5px;
  background: #f2f2f2;
}
.ui-popup-window#window-chart-point-editor button {
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  background: #2da4d2;
  color: white;
  border-radius: 25px;
  outline: none;
}
.svg-icon-on {
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiA8Zz4NCiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPg0KICA8Y2lyY2xlIGZpbGw9IiMwMGM5NWEiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIwIiBjeD0iMTAwIiBjeT0iMTAwIiByPSIxMDAiIGlkPSJzdmdfMSIvPg0KICA8cmVjdCByeT0iMTAiIHJ4PSIxMCIgZmlsbD0iI2ZmZmZmZiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjAiIHg9IjkwIiB5PSI0MCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjEyMCIgaWQ9InN2Z18zIi8+DQogPC9nPg0KPC9zdmc+DQo=');
}
.svg-icon-off {
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiA8Zz4NCiAgPGNpcmNsZSBmaWxsPSIjYmZiZmJmIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMCIgY3g9IjEwMCIgY3k9IjEwMCIgcj0iMTAwIiBpZD0ic3ZnXzEiLz4NCiAgPGNpcmNsZSBpZD0ic3ZnXzMiIGZpbGw9IiNmZmZmZmYiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIwIiBjeD0iMTAwIiBjeT0iMTAwIiByPSI0NiIvPg0KICA8Y2lyY2xlIGlkPSJzdmdfNCIgZmlsbD0iI2JmYmZiZiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjAiIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjM0Ii8+DQogPC9nPg0KPC9zdmc+DQo=');
}
.svg-icon-active {
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiA8Zz4NCiAgPGNpcmNsZSBmaWxsPSIjMDBjYmZmIiBzdHJva2U9IiMwMDk4YmYiIHN0cm9rZS13aWR0aD0iMCIgY3g9IjEwMCIgY3k9IjEwMCIgcj0iMTAwIiBpZD0ic3ZnXzEiLz4NCiA8L2c+DQo8L3N2Zz4NCg==');
}
.svg-icon-unactive {
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiA8Zz4NCiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPg0KICA8Y2lyY2xlIGZpbGw9IiNmZmQ4MDAiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIwIiBjeD0iMTAwIiBjeT0iMTAwIiByPSIxMDAiIGlkPSJzdmdfMSIvPg0KIDwvZz4NCjwvc3ZnPg==');
}
.svg-icon-error {
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiA8ZGVmcz4NCiAgPGZpbHRlciBpZD0ic3ZnXzFfYmx1ciI+DQogICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjMiLz4NCiAgPC9maWx0ZXI+DQogIDxmaWx0ZXIgaWQ9InN2Z180X2JsdXIiPg0KICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC4zIi8+DQogIDwvZmlsdGVyPg0KIDwvZGVmcz4NCiA8Zz4NCiAgPHBvbHlnb24gc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlPSIjZmYwMDAwIiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgMTAwLDEwMCkgIiBzdHJva2Utd2lkdGg9IjEwIiBwb2ludHM9IjE5NCwxMDAgNiwxOTQgNiw2IDE5NCwxMDAgIiBmaWxsPSIjZmYwMDAwIiBpZD0ic3ZnXzI3Ii8+DQogIDxyZWN0IGlkPSJzdmdfMSIgaGVpZ2h0PSI5MCIgd2lkdGg9IjE4IiB5PSI2MCIgeD0iOTEiIHN0cm9rZS1saW5lY2FwPSJudWxsIiBzdHJva2UtbGluZWpvaW49Im51bGwiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS13aWR0aD0iNCIgZmlsbD0iIzAwMDAwMCIgcng9IjEwIiByeT0iMTAiIHN0cm9rZT0iIzAwMDAwMCIgZmlsdGVyPSJ1cmwoI3N2Z18xX2JsdXIpIi8+DQogIDxjaXJjbGUgaWQ9InN2Z180IiByPSIxMCIgY3k9IjE3MCIgY3g9IjEwMCIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIHN0cm9rZS1saW5lam9pbj0ibnVsbCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiMwMDAwMDAiIGZpbGw9IiMwMDAwMDAiIGZpbHRlcj0idXJsKCNzdmdfNF9ibHVyKSIvPg0KIDwvZz4NCjwvc3ZnPg0K');
}
.svg-icon-noerror {
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiA8Zz4NCiAgPGNpcmNsZSBpZD0ic3ZnXzEiIHI9IjEwMCIgY3k9IjEwMCIgY3g9IjEwMCIgc3Ryb2tlLXdpZHRoPSIwIiBzdHJva2U9IiMwMGJiODEiIGZpbGw9IiMwMGJiODEiLz4NCiAgPHJlY3Qgcnk9IjciIHJ4PSI3IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAxMTcsMTAwKSAiIGlkPSJzdmdfMyIgaGVpZ2h0PSIxMDAiIHdpZHRoPSIxNCIgeT0iNTAiIHg9IjExMCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2U9IiNmZmZmZmYiIGZpbGw9IiNmZmZmZmYiLz4NCiAgPHJlY3Qgcnk9IjciIHJ4PSI3IiBzdHJva2U9IiNmZmZmZmYiIGlkPSJzdmdfMiIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDc2LjM3NDAyMzQzNzQ5OTk0LDExOS45ODkxODE1MTg1NTQ2NikgIiBoZWlnaHQ9IjQyIiB3aWR0aD0iMTQiIHk9Ijk4Ljk4OTE4NiIgeD0iNjkuMzc0MDI1IiBzdHJva2Utd2lkdGg9IjQiIGZpbGw9IiNmZmZmZmYiLz4NCiA8L2c+DQo8L3N2Zz4NCg==');
}
.svg-icon-orange {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjE5OS45OTk5OTk5OTk5OTk5NyIgaGVpZ2h0PSIxOTkuOTk5OTk5OTk5OTk5OTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8IS0tIENyZWF0ZWQgd2l0aCBTVkctZWRpdCAtIGh0dHA6Ly9zdmctZWRpdC5nb29nbGVjb2RlLmNvbS8gLS0+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGNpcmNsZSBpZD0ic3ZnXzEiIHI9IjEwMCIgY3k9IjEwMCIgY3g9IjEwMCIgc3Ryb2tlLXdpZHRoPSIwIiBzdHJva2U9IiMwMDAwMDAiIGZpbGw9IiNmY2E0MjgiLz4KICA8ZWxsaXBzZSBpZD0ic3ZnXzQiIGN5PSI0MS4yMDAwMDEiIGN4PSI3MC45OTk5ODkiIHN0cm9rZS1saW5lY2FwPSJudWxsIiBzdHJva2UtbGluZWpvaW49Im51bGwiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS13aWR0aD0iMCIgc3Ryb2tlPSIjMDAwMDAwIiBmaWxsPSIjZmZmZmZmIi8+CiA8L2c+Cjwvc3ZnPg==');
}
.svg-icon-yellow {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjE5OS45OTk5OTk5OTk5OTk5NyIgaGVpZ2h0PSIxOTkuOTk5OTk5OTk5OTk5OTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8IS0tIENyZWF0ZWQgd2l0aCBTVkctZWRpdCAtIGh0dHA6Ly9zdmctZWRpdC5nb29nbGVjb2RlLmNvbS8gLS0+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGNpcmNsZSBmaWxsPSIjZjdlODQyIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMCIgY3g9IjEwMCIgY3k9IjEwMCIgcj0iMTAwIiBpZD0ic3ZnXzEiLz4KICA8ZWxsaXBzZSBmaWxsPSIjZmZmZmZmIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVqb2luPSJudWxsIiBzdHJva2UtbGluZWNhcD0ibnVsbCIgY3g9IjcwLjk5OTk4OSIgY3k9IjQxLjIwMDAwMSIgaWQ9InN2Z180Ii8+CiA8L2c+Cjwvc3ZnPg==');
}
.svg-icon-red {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjE5OS45OTk5OTk5OTk5OTk5NyIgaGVpZ2h0PSIxOTkuOTk5OTk5OTk5OTk5OTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8IS0tIENyZWF0ZWQgd2l0aCBTVkctZWRpdCAtIGh0dHA6Ly9zdmctZWRpdC5nb29nbGVjb2RlLmNvbS8gLS0+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGNpcmNsZSBmaWxsPSIjZjg0MjQ2IiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMCIgY3g9IjEwMCIgY3k9IjEwMCIgcj0iMTAwIiBpZD0ic3ZnXzEiLz4KICA8ZWxsaXBzZSBmaWxsPSIjZmZmZmZmIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLWxpbmVqb2luPSJudWxsIiBzdHJva2UtbGluZWNhcD0ibnVsbCIgY3g9IjcwLjk5OTk4OSIgY3k9IjQxLjIwMDAwMSIgaWQ9InN2Z180Ii8+CiA8L2c+Cjwvc3ZnPg==');
}
@media screen and (min-width: 830px) {
  body.dark-theme {
    background: #4e5360;
  }
  body.dark-theme .stripe-title {
    color: #e9eaec;
    border-bottom-color: #7b7e87;
  }
  body.dark-theme .widget-block {
    background: #dedede;
  }
  body.dark-theme .widget-title.bg-grey {
    background: #dedede;
    border-bottom-color: #ccc;
  }
  body.dark-theme .ui-selectmenu.ui-popup.ui-body-a {
    background: #dedede;
  }
  body.dark-theme .ui-popup-active .ui-popup {
    background: #dedede;
  }
  body.dark-theme .simple-radio-controlgroup .ui-radio label .ui-icon {
    border-color: #ccc;
  }
  body.dark-theme .simple-radio-controlgroup .ui-radio label .ui-icon:before {
    background: #ccc;
  }
  body.dark-theme .simple-radio-controlgroup .ui-radio .ui-btn-active .ui-icon {
    border-color: #2ba2e4;
  }
  body.dark-theme .simple-radio-controlgroup .ui-radio .ui-btn-active .ui-icon:before {
    background: #2ba2e4;
  }
  body.dark-theme .slick-cell,
  body.dark-theme .slick-headerrow-column {
    background: #dedede;
  }
  body.dark-theme .slick-cell.selected,
  body.dark-theme .slick-headerrow-column.selected {
    background: #eff0f0;
  }
  body.dark-theme .tabs-filter .tab-filter {
    color: #fdfdfd;
    background: #2f3543;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
  body.dark-theme .tabs-filter .tab-filter span {
    color: #eff0f0;
  }
  body.dark-theme .tabs-filter .tab-filter.active {
    background: #25a7df;
  }
  body.dark-theme .slick-header-menu {
    background: #dedede;
  }
}
@media screen and (max-width: 1060px) {
  header {
    /*     .project-name {
      left: 282px - 80px;
    } */
    /*     
    .connection {
      .scale(.7);
    }
    
    .user-menu {
      .name a {
        font-size: 12px;
      }
    }  */
  }
  header .header-tools {
    margin-right: 8px;
    /*       
      a {
        .icon {
          font-size: 18px;
        }
      }
      
      .graph {
        .icon {
          font-size: 14px;
        }
      }  */
  }
  header .header-tools .divide {
    margin: 0 11px;
  }
  /*  
  .alarms-wrapper {
    //right: 477px - 70px;
 
    .divide {
      margin: 0 10px; 
    }
    
    .alarm {
      .icon {
        font-size: 21px;
      }
    } 
  }
 */
  .top-info-stripe {
    /*     
    .info-tips {
      margin-right: 38px - 20px;
      
      .tip {
        font-size: 25px - 10px;
        margin-left: 70px - 50px;
      }
      
      .icon-message {
        font-size: 26px - 8px;
      }
      
      .icon-guard {
        font-size: 38px - 8px;
      }    
      
    } */
  }
  .top-info-stripe .breadcrumbs a.home {
    font-size: 14px;
  }
  .top-info-stripe .breadcrumbs a.home i {
    font-size: 20px;
    margin-right: 4px;
  }
  .top-info-stripe .breadcrumbs .item {
    font-size: 13px;
  }
  .top-info-stripe .breadcrumbs .delimiter {
    margin: 0 3px;
  }
  /* 
  // ����
  .tabs-filter {
    .tab-filter {
      font-size: 15px - 3px;
      width: 146px - 40px;
      padding-left: 18px - 10px;
      
      span {
        font-size: 14px - 2px;
        line-height: 18px - 2px;
        width: 18px - 2px;
        height: 18px - 2px;
        border-width: 1px;
        margin-left: 5px - 2px;
        font-weight: normal;
      }
    }
  }
 */
}
@media only screen and (max-width: 1024px) {
  header {
    height: 56px;
    -webkit-box-shadow: inset 0 -2px 0 #36baeb;
    -moz-box-shadow: inset 0 -2px 0 #36baeb;
    -khtml-box-shadow: inset 0 -2px 0 #36baeb;
    -o-box-shadow: inset 0 -2px 0 #36baeb;
    box-shadow: inset 0 -2px 0 #36baeb;
    background-color: #459adf;
    background-image: -moz-linear-gradient(top, #5794db, #2ba2e4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5794db), to(#2ba2e4));
    background-image: -webkit-linear-gradient(top, #5794db, #2ba2e4);
    background-image: -o-linear-gradient(top, #5794db, #2ba2e4);
    background-image: linear-gradient(to bottom, #5794db, #2ba2e4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5794db', endColorstr='#ff2ba2e4', GradientType=0);
  }
  header .logo,
  header .header-tools,
  header .alarms-wrapper {
    display: none !important;
  }
  header .header-page-title {
    line-height: 56px;
    font-size: 18px;
    color: #f1f1f1;
  }
  header .mobile-icon {
    display: block;
  }
  header .mobile-header-icon {
    width: 36px;
    height: 36px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    top: 50%;
    margin-top: -18px;
    display: block;
  }
  header .mobile-header-icon.hide {
    display: none;
  }
  header .mobile-header-icon i {
    font-size: 36px;
    line-height: 36px;
    text-shadow: 0 0 1px #07a993;
  }
  header .mobile-header-icon.section-icon {
    right: 27px;
  }
  header .mobile-header-icon.filter-icon {
    right: 77px;
  }
  header .mobile-header-icon.filter-icon .icon-c-on {
    display: none;
  }
  header .mobile-header-icon.filter-icon.active .icon-c-on {
    display: inline-block;
  }
  header .mobile-header-icon.filter-icon.active .icon-c-off {
    display: none;
  }
  header .mobile-header-icon.view-icon {
    right: 77px;
  }
  header .mobile-header-icon.view-icon .icon-active {
    display: none;
  }
  header .mobile-header-icon.view-icon.active .icon-active {
    display: inline-block;
  }
  header .mobile-header-icon.view-icon.active .icon {
    display: none;
  }
  header .header-page-title-block {
    display: block;
  }
  header .header-page-title-block i {
    display: none;
  }
  .top-info-stripe {
    margin-top: -58px;
  }
  .top-info-stripe .breadcrumbs {
    display: none;
  }
  .top-info-stripe .view-type-wrapper {
    width: 100%;
    background: #fff;
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
    opacity: 0;
    -webkit-box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.15);
    -khtml-box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.15);
    /*
  .item {
    text-decoration: none;
    text-align: center;
    border-left: 1px solid  #e2e2e2;
    width: 68px;
    display: block;

    &:hover, &.active {
      background: #c4c9d3;

      .icon {
        color: #fcfcfd;
      }
    }

    &.disabled, &.disabled:hover {
      cursor: default;
      background: transparent;

      .icon {
        color: #ddd;
      }
    }
  }

  .icon {
    font-size: 19px;
    line-height: @topInfoStripeHeifght;
    height: @topInfoStripeHeifght;
    color: #b2b5bb;
    width: 68px;
    display: block;
  } */
  }
  .top-info-stripe .view-type-wrapper .item {
    width: 33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .top-info-stripe .view-type-wrapper .item:last-child {
    width: 34%;
    border-left: 0;
  }
  .top-info-stripe .view-type-wrapper .item:hover,
  .top-info-stripe .view-type-wrapper .item.active {
    background: #3f4146;
    border-left-color: #3f4146;
  }
  .top-info-stripe .view-type-wrapper .item:hover .icon,
  .top-info-stripe .view-type-wrapper .item.active .icon {
    color: #e3e3e3;
  }
  .top-info-stripe .view-type-wrapper .item.disabled,
  .top-info-stripe .view-type-wrapper .item.disabled:hover {
    background: transparent;
    border-left-color: #e2e2e2;
  }
  .top-info-stripe .view-type-wrapper .item.disabled .icon,
  .top-info-stripe .view-type-wrapper .item.disabled:hover .icon {
    color: #ddd;
  }
  .top-info-stripe .view-type-wrapper .icon {
    width: 100%;
  }
  .top-info-stripe .view-type-wrapper.ui-panel-open {
    -webkit-transform: translate(0, 5px);
    -moz-transform: translate(0, 5px);
    -ms-transform: translate(0, 5px);
    -o-transform: translate(0, 5px);
    transform: translate(0, 5px);
    opacity: 1;
  }
  .mainmenu-panel {
    width: 0;
    max-height: 100%;
    top: 56px;
  }
  .mainmenu-panel .mainmenu-panel-inner {
    background: #1d2027;
  }
  .mainmenu-panel.ui-panel-open {
    width: 100%;
  }
  .mainmenu-panel .level-1 {
    z-index: 2;
  }
  .mainmenu-panel .level-2 {
    z-index: 3;
  }
  .mainmenu-panel .level-3 {
    z-index: 4;
  }
  .mainmenu-panel .level-4 {
    z-index: 5;
  }
  .mainmenu-panel .level-5 {
    z-index: 6;
  }
  .mainmenu-panel .level-6 {
    z-index: 7;
  }
  .mainmenu-panel .level-7 {
    z-index: 8;
  }
  .mainmenu-panel .level-8 {
    z-index: 9;
  }
  .mainmenu-panel .level-9 {
    z-index: 10;
  }
  .mainmenu-panel .level-10 {
    z-index: 11;
  }
  .mainmenu-panel .connection {
    display: none;
  }
  .close-menu-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: -103px;
    top: 0;
    z-index: 1;
  }
  .panel-menu > li {
    border-top: 0;
  }
  .panel-menu > li:last-child {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
  .panel-menu > li.active-submenu {
    /*
      .table-cell:first-child {
        background: #3ba5e6;
      }
      .table-cell.menu-img + .table-cell {
        background: #3ba5e6;
      }
       */
    background: #3ba5e6;
  }
  .panel-menu .menu-item {
    font-size: 17px;
    line-height: 19px;
    width: 100%;
    padding-left: 0;
  }
  .panel-menu .menu-item:hover {
    background: transparent;
  }
  .panel-menu .menu-item:hover .menu-open-arr.blue {
    color: #2193c4;
  }
  .panel-menu .menu-item .table-cell {
    height: 56px;
    /*
      &:nth-child(3) {
        .green;
        //float: right;
      } */
  }
  .panel-menu .menu-item .arr-cell {
    width: 56px;
    border-left: 1px solid #2b2e35;
    background: #282d39;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .panel-menu .menu-mobile-settings {
    display: block;
    border-top: 3px solid  #2082ad;
  }
  .panel-menu .menu-open-arr {
    width: 56px;
    height: 56px;
    line-height: 56px;
    display: block;
    font-size: 24px;
    color: #cbcdd1;
    text-align: center;
    text-shadow: none;
    overflow: hidden;
  }
  .panel-menu .menu-open-arr:before {
    content: "\e61b";
  }
  .panel-menu .menu-open-arr.blue {
    color: #2193c4;
  }
  .panel-menu .breadcrumbs {
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    border-bottom: 3px solid #4e95bd;
    width: 100%;
    height: 56px;
    padding: 0 51px 0 15px;
    background: #293856;
    display: table !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .panel-menu .breadcrumbs a {
    color: #fff;
    text-decoration: none;
  }
  .panel-menu .breadcrumbs .delimiter {
    margin: 0 5px;
  }
  .panel-menu .breadcrumbs .table-cell {
    vertical-align: middle;
  }
  .mainmenu {
    width: 100%;
    min-width: 300px;
    bottom: 0;
  }
  .mainmenu > li {
    border-bottom: 1px solid #2d3036;
  }
  .mainmenu > li.mh {
    display: none;
  }
  .mainmenu .menu-img {
    width: 31px;
    height: 31px;
    margin-right: 10px;
  }
  .mainmenu .menu-item {
    color: #f1f1f1;
  }
  .submenu-panel {
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: 2;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: -1px 0 4px rgba(0,0,0,.75), -5px 0 7px 0 rgba(36,40,48,.84);
    -moz-box-shadow: -1px 0 4px rgba(0,0,0,.75), -5px 0 7px 0 rgba(36,40,48,.84);
    -khtml-box-shadow: -1px 0 4px rgba(0,0,0,.75), -5px 0 7px 0 rgba(36,40,48,.84);
    -o-box-shadow: -1px 0 4px rgba(0,0,0,.75), -5px 0 7px 0 rgba(36,40,48,.84);
    box-shadow: -1px 0 4px rgba(0,0,0,.75), -5px 0 7px 0 rgba(36,40,48,.84);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  }
  .submenu-panel .submenu-panel-inner {
    background: #2f3543;
  }
  .submenu-panel.ui-panel-open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(51px, 0);
    -moz-transform: translate(51px, 0);
    -ms-transform: translate(51px, 0);
    -o-transform: translate(51px, 0);
    transform: translate(51px, 0);
  }
  .submenu-panel.submenuIsOpen {
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .submenu {
    width: 100%;
  }
  .submenu > li {
    border-bottom: 1px solid #585d65;
    padding-right: 51px;
  }
  .submenu .menu-item {
    color: #d4d4d5;
    padding-left: 15px;
    /*
    .table-cell.active {

    } */
  }
  .submenu .menu-item:hover,
  .submenu .menu-item:active {
    background: transparent;
  }
  .submenu .menu-item .arr-cell {
    background: #363f52;
  }
  .submenu .menu-open-arr {
    border: 0;
  }
  .content-wrapper {
    padding-top: 56px;
  }
  .content-wrapper:before {
    top: 56px;
  }
  .content-wrapper.nopadding {
    padding: 0;
  }
  .mp-desc {
    margin-top: 0;
    -webkit-transform: scale(0.54);
    -moz-transform: scale(0.54);
    -ms-transform: scale(0.54);
    -o-transform: scale(0.54);
    -khtml-transform: scale(0.54);
    transform: scale(0.54);
  }
  .stripe-title {
    padding-bottom: 8px;
    margin-top: 0;
  }
  .stripe-title.flex-title {
    margin-left: 0;
  }
  .stripe-title .icon-cell {
    width: 45px;
    max-width: 45px;
    min-width: 45px;
  }
  .stripe-title .icon {
    width: 45px;
    height: 45px;
  }
  .stripe-title .name-cell {
    padding-left: 8px;
  }
  .stripe-title .name {
    font-size: 16px;
    line-height: 18px;
  }
  .stripe-title .desc {
    font-size: 14px;
    line-height: 18px;
  }
  .spacer {
    height: 20px;
  }
  .widget-flex-wrap {
    padding: 10px 0px;
    margin-left: 0;
    display: block;
    /*
  .grid-block {
    margin-left: 0;
  } */
  }
  .widget-flex-wrap .flex-block {
    float: left;
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    width: 50%;
  }
  .widget-block {
    max-width: none;
    min-height: 137px;
    width: 100%;
  }
  .widget-block:before {
    display: none;
  }
  .widget-block.round,
  .widget-block.round:before {
    border-radius: 0;
  }
  .widget-title {
    border-radius: 0;
    line-height: 18px;
    margin: 0 12px;
  }
  .widget-title .sensor {
    font-size: 16px;
    /*
    .icon-therm {
      font-size: 25px;
    }
     */
  }
  .widget-title .sensor .icon {
    margin-right: 12px;
  }
  .widget-title .place {
    font-size: 14px;
  }
  .widget-title.bg-grey {
    border-radius: 0;
    padding-right: 12px;
    padding-left: 12px;
  }
  body:not(.smo) .widget-info-wrapper.square .icon {
    line-height: 41px;
  }
  body:not(.smo) .widget-info-wrapper.square.small .icon {
    line-height: 41px;
  }
  .mobile-fw {
    display: -ms-flexbox;
    -ms-box-orient: horizontal;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: auto;
    -moz-justify-content: auto;
    -ms-justify-content: auto;
    justify-content: auto;
    /*
  > .col, > .col-r {
    float: none;
  } */
  }
  .mobile-fw .mobile-fo1 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .mobile-fw .mobile-fo2 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .mobile-fw .mobile-fo3 {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
  .mobile-fw .mobile-fo4 {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 5;
    -webkit-order: 5;
    order: 5;
  }
  .mobile-fw .mobile-fma {
    margin: 0 auto;
  }
  .widget-data {
    line-height: 49px !important;
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .widget-data .label {
    font-size: 16px;
  }
  .widget-data .label .icon {
    margin-right: 11px;
  }
  .widget-data .label .icon-flag {
    font-size: 30px;
  }
  .widget-data .label .icon-therm {
    font-size: 32px;
  }
  .widget-data .label .icon-drop {
    font-size: 34px;
  }
  .widget-data .label .icon-sun {
    font-size: 29px;
  }
  .widget-data .sensor-control {
    text-decoration: none;
  }
  .widget-data .sensor-control i {
    font-size: 49px;
    line-height: 49px;
  }
  .widget-data .sensor-control .icon-r-settings {
    font-size: 37px;
  }
  .widget-data .sensor-value {
    font-size: 38px;
  }
  .widget-data .icon-arr-long-right {
    font-size: 10px;
  }
  .widget-data .temp-mode {
    font-size: 24px;
  }
  .widget-data .temp-mode sup {
    font-size: 17px;
  }
  .widget-data .temp-mode .arr {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
  }
  .widget-data .temp-mode .arr.a-center {
    margin-left: 15px;
    margin-right: 0;
  }
  .widget-data .temp-mode.big-value-ao {
    font-size: 18px;
  }
  .widget-data .temp-mode.big-value-ao sup {
    font-size: 14px;
  }
  .widget-data .table.temp-mode {
    margin: 0 0 0 auto;
  }
  .widget-data .increment-wrapper {
    height: 53px;
  }
  .widget-data .increment-wrapper:before {
    height: 42px;
    top: 3px;
  }
  .widget-data .increment-block {
    width: 130px;
    /*
    span {
      width: 80px - 24px;
      margin-left: -(80px - 24px)/2;
      //.red;
    }
     */
  }
  .widget-data .increment-block .icon-inc {
    font-size: 37px;
    height: 37px;
  }
  .widget-data .increment-block .value {
    width: 58px;
    height: 49px;
    font-size: 24px;
    line-height: 49px;
  }
  .widget-data .increment-block.big-value .value {
    font-size: 18px;
  }
  .widget-data .temp-settings {
    margin-left: 10px;
  }
  .widget-data .simple-select {
    margin-top: 0;
    margin-bottom: 10px;
    margin-right: 10px;
  }
  .widget-data .simple-select.long {
    min-width: 190px;
    max-width: 200px;
  }
  .widget-data .input-value {
    border-radius: 0;
    font-size: 24px;
    margin-top: 0;
  }
  .widget-data.somfy-widget-data .somfy-controls-container {
    margin-left: 55px;
  }
  .widget-data.somfy-widget-data .input-value {
    margin: 1px 0 0 0;
    width: 46px;
  }
  .widget-data.somfy-widget-data .somfy-btn-container {
    margin-left: 51px;
  }
  .widget-data .timer-table .timer {
    font-size: 19px;
    padding-top: 6px;
    line-height: 20px;
    margin-left: 2px;
  }
  .widget-data .timer-table .sensor-control {
    margin-left: 5px;
  }
  .widget-data .timer-table .ui-slider {
    margin-left: 6px;
  }
  .widget-icon {
    width: 45px;
    height: 45px;
    margin-right: 8px;
    margin-top: 12px!important;
  }
  .widget-switcher .label {
    font-size: 16px;
    line-height: 20px;
    /*
    img.icon {
      .scale(.8);
      margin-right: 8px;
    }  */
  }
  .widget-switcher .label .place {
    font-size: 13px;
  }
  .ui-slider-track.ui-btn-down-a {
    width: 90%;
    margin-left: 4px;
  }
  .color-slider {
    width: 90%;
    margin-left: 0px;
  }
  .color-slider .limit {
    font-size: 10px;
    line-height: 10px;
    bottom: -10px;
  }
  .ui-slider-switch.ui-btn-down-a {
    width: 100px;
    height: 36px;
    margin: 6px 0 0 10px;
  }
  .ui-slider-switch.ui-btn-down-a .ui-slider-handle {
    width: 26px;
    height: 26px;
    border-width: 3px;
  }
  .ui-slider-switch.ui-btn-down-a .ui-slider-handle[aria-valuetext="On"] {
    height: 20px;
    top: 8px;
  }
  .ui-popup-screen.ui-overlay-a {
    display: none;
  }
  .ui-popup-hidden {
    display: none;
  }
  /*
#timerModal-popup {
  width: 100%;
  max-width: 100% !important;
  height: 100%;
  top: 0 !important;
  bottom: 0;
  left: 0 !important;
  right: 0;
}
 */
  .ui-popup-active .timer-modal.ui-body-a {
    width: auto;
    height: auto;
    padding: 86px 18px 20px 18px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    /*
  .grey-controlgroup {
    display: none;
  }
   */
  }
  .ui-popup-active .timer-modal.ui-body-a > .ps-scrollbar-y-rail {
    opacity: 1;
  }
  .ui-popup-active .timer-modal.ui-body-a h3 {
    font-size: 14px;
    line-height: 56px;
    color: #fff;
    border: 0;
    text-align: center;
    width: 100%;
    height: 56px;
    background-color: #459adf;
    background-image: -moz-linear-gradient(top, #5794db, #2ba2e4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5794db), to(#2ba2e4));
    background-image: -webkit-linear-gradient(top, #5794db, #2ba2e4);
    background-image: -o-linear-gradient(top, #5794db, #2ba2e4);
    background-image: linear-gradient(to bottom, #5794db, #2ba2e4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5794db', endColorstr='#ff2ba2e4', GradientType=0);
    position: absolute;
    top: 0;
    left: 0;
  }
  .ui-popup-active .timer-modal.ui-body-a h3 span {
    font-size: 14px;
    line-height: 56px;
  }
  .ui-popup-active .timer-modal.ui-body-a .label-cell {
    width: 119px;
  }
  .ui-popup-active .timer-modal.ui-body-a .m-label,
  .ui-popup-active .timer-modal.ui-body-a .toggle-title {
    font-size: 15px;
    line-height: 17px;
    font-weight: normal;
  }
  .ui-popup-active .timer-modal.ui-body-a .spacer {
    display: none;
  }
  .ui-popup-active .timer-modal.ui-body-a .toggle-title {
    display: block;
    font-weight: bold;
    color: #1977be;
    text-decoration: none;
  }
  .ui-popup-active .timer-modal.ui-body-a .timer-row {
    color: #000;
  }
  .ui-popup-active .timer-modal.ui-body-a .timer-row .spacer-col,
  .ui-popup-active .timer-modal.ui-body-a .timer-row .count-col,
  .ui-popup-active .timer-modal.ui-body-a .timer-row .m-label {
    display: none;
  }
  .ui-popup-active .timer-modal.ui-body-a .timer-row .m-show {
    display: block;
  }
  .ui-popup-active .timer-modal.ui-body-a .timer-row .table-cell {
    width: 33%;
  }
  .ui-popup-active .timer-modal.ui-body-a .timer-row .colon > div {
    margin-top: 0px;
  }
  .ui-popup-active .timer-modal.ui-body-a .btns-row {
    width: 100%;
    height: 65px;
    padding: 0 0 70px 0;
    border-top: 0;
    margin-top: 50px;
    position: relative;
  }
  .ui-popup-active .timer-modal.ui-body-a .btns-row .btn-simple {
    font-size: 14px;
    line-height: 45px;
    width: 135px;
    height: 45px;
  }
  .ui-popup-active .timer-modal.ui-body-a .btns-row .cancel {
    border: 1px solid #000;
    background: #fff;
    color: #000;
  }
  .ui-popup-active .timer-modal.ui-body-a .blue-controlgroup {
    display: block;
  }
  .ui-popup-active .timer-modal.ui-body-a .blue-controlgroup.date-tab ~ .timer-row .time-col {
    display: none;
  }
  .ui-popup-active .timer-modal.ui-body-a .blue-controlgroup.time-tab ~ .timer-row .date-col {
    display: none;
  }
  .ui-popup-active .interval-timer.ui-body-a .timer-row {
    margin-top: 20px;
  }
  .ui-popup-active .interval-timer.ui-body-a .timer-row .table-cell {
    width: 85px;
  }
  .ui-popup-active .interval-timer.ui-body-a .timer-row .timer-label {
    display: block;
  }
  .ui-popup-active .interval-timer.ui-body-a .timer-row .colon {
    text-align: right;
  }
  .ui-popup-active .interval-timer.ui-body-a .timer-row .colon > div {
    margin-top: 20px;
  }
  .ui-popup-active .interval-timer.ui-body-a .timer-block {
    width: 70px;
  }
  .ui-popup-active .aa-input.ui-body-a .weekdays-col {
    width: 100%;
  }
  .ui-popup-active .aa-input.ui-body-a .weekdays-col .dark-grey-controlgroup {
    display: none;
  }
  .ui-popup-active .aa-input.ui-body-a .weekdays-col .blue-controlgroup {
    width: 68%;
  }
  .ui-popup-active .aa-input.ui-body-a .blue-controlgroup {
    margin: 0 !important;
  }
  .ui-popup-active .aa-input.ui-body-a .blue-controlgroup .ui-controlgroup-controls {
    height: 60px;
  }
  .ui-popup-active .aa-input.ui-body-a .blue-controlgroup .ui-radio label {
    line-height: 60px;
  }
  .ui-popup-active .aa-input.ui-body-a .interval-select {
    margin: 27px 0 65px 0 !important;
  }
  .ui-popup-active .aa-input.ui-body-a .interval-select .ui-radio {
    width: 25%;
  }
  .ui-popup-active .aa-input.ui-body-a .days-select {
    font-size: 60px;
    height: 60px;
    color: #25a7df;
    text-decoration: none;
    line-height: 60px;
    display: block;
  }
  .ui-popup-active .aa-input.ui-body-a .grey-controlgroup .ui-controlgroup-controls {
    width: 100%;
    height: auto;
  }
  .ui-popup-active .aa-input.ui-body-a .grey-controlgroup .ui-checkbox {
    width: 100%;
  }
  .ui-popup-active .aa-input.ui-body-a .grey-controlgroup .ui-checkbox label {
    line-height: 52px;
  }
  .ui-popup-active .aa-input.ui-body-a .interval-select ~ .table .temp-row {
    display: none;
  }
  .ui-popup-active .aa-input.ui-body-a .morning-tab ~ .table .morning-row {
    display: table-row;
  }
  .ui-popup-active .aa-input.ui-body-a .day-tab ~ .table .day-row {
    display: table-row;
  }
  .ui-popup-active .aa-input.ui-body-a .evening-tab ~ .table .evening-row {
    display: table-row;
  }
  .ui-popup-active .aa-input.ui-body-a .night-tab ~ .table .night-row {
    display: table-row;
  }
  .ui-popup-active .aa-input.ui-body-a .header-row {
    font-weight: normal;
  }
  .ui-popup-active .aa-input.ui-body-a .header-row .table-cell {
    padding-top: 0;
  }
  .ui-popup-active .aa-input.ui-body-a .temp-row {
    display: block;
    position: relative;
  }
  .ui-popup-active .aa-input.ui-body-a .temp-row > .table-cell {
    width: 50%;
    /*       display: block;
      position: absolute;

      &:first-child {
        right: 0;
      }

      &:last-child {
        left: 0;
      } */
  }
  .ui-popup-active .aa-input.ui-body-a .temp-row .input {
    width: 90%;
  }
  .ui-popup-active .aa-input.ui-body-a .temp-row .input.temp-input {
    width: 90%;
  }
  .ui-popup-active .aa-input.ui-body-a .temp-row .input.interval-input {
    margin: 0;
  }
  .ui-popup-active .aa-input.ui-body-a .temp-row .input.interval-input.to {
    display: none;
  }
  .ui-popup-active .aa-input.ui-body-a .temp-row .number {
    display: none;
  }
  .ui-popup-active .aa-input.ui-body-a .interval-cell > div {
    display: none;
  }
  .ui-popup-active .base-popup {
    max-width: 374px;
    width: auto;
    /*
  //width: 100%;
  //height: 100%;
  width: auto;
  height: auto;
  //padding: (30px + @headerHeight) 18px 20px 18px;
  //margin: -50% 0 0 -50%;
  position: fixed;
  //top: @headerHeight;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;

  > .ps-scrollbar-y-rail {
    opacity: 1;
  }
   */
    /*
  h3 {
    font-size: 14px;
    line-height: @headerHeight;
    color: #fff;
    border: 0;
    text-align: center;
    width: 100%;
    height: @headerHeight;
    #gradient > .vertical(#5794db, #2ba2e4);
    position: absolute;
    top: 0;
    left: 0;
    //display: none;

    span {
      font-size: 14px;
      line-height: @headerHeight;
    }
  }

  .label-cell {
    width: 119px;
    //.red;
  }

  .m-label, .toggle-title {
    font-size: 15px;
    line-height: 17px;
    font-weight: normal;
  }

  .spacer {
    display: none;
  }

  .toggle-title {
    display: block;
    font-weight: bold;
    color: #1977be;
    text-decoration: none;
  }

  .timer-row {
    color: #000;
    .spacer-col, .count-col, .m-label {
      display: none;
    }

    .table-cell {
      width: 33%;
    }

    .colon {
      > div {
        margin-top: 0px;
      }
    }
  }

  .btns-row {
    width: 100%;
    height: 65px;
    padding: 0 0 70px 0;
    border-top: 0;
    margin-top: 50px;
    position: relative;

    .btn-simple {
      font-size: 14px;
      line-height: 45px;
      width: 135px;
      height: 45px;
    }

    .cancel {
      border: 1px solid #000;
      background: #fff;
      color: #000;
    }
  }

  .blue-controlgroup {
    display: block;

    &.date-tab ~ .timer-row .time-col {
      display: none;
    }

    &.time-tab ~ .timer-row .date-col {
      display: none;
    }
  } */
  }
  .blue-controlgroup {
    border: 0;
    margin: 40px 0 0 0 !important;
  }
  .blue-controlgroup .ui-controlgroup-controls {
    width: 100%;
    height: 48px;
    background: #25a7df;
    position: relative;
    border-radius: 2px;
  }
  .blue-controlgroup .ui-radio {
    width: 50%;
  }
  .blue-controlgroup .ui-radio input {
    display: none;
  }
  .blue-controlgroup .ui-radio label {
    font-size: 17px;
    line-height: 48px;
    font-weight: normal;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    position: relative;
  }
  .blue-controlgroup .ui-radio label .ui-btn-inner {
    padding: 0;
  }
  .blue-controlgroup .ui-radio label .ui-icon {
    display: none;
  }
  .blue-controlgroup .ui-radio .ui-btn-active:before {
    content: '';
    border: 1px solid #fff;
    border-radius: 2px;
    position: absolute;
    left: 5px;
    right: 5px;
    top: 4px;
    bottom: 4px;
  }
  .timer-block {
    width: 83px;
  }
  .timer-block.long {
    width: 83px;
  }
  .timer-block .control {
    height: 43px;
    background: #25a7df;
    border-color: #25a7df;
  }
  .timer-block .control .arr {
    font-size: 30px;
    line-height: 43px;
    color: #fff;
    text-shadow: none;
  }
  .timer-block input.ui-input-text {
    font-size: 24px;
    line-height: 42px;
    width: 100%;
    height: 42px;
    border: 1px solid #7ba0b0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
  /*
.disabled-timmer {
  .timer-block:before {
    height: 37px;
  }
}
 */
  .days-select-panel {
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 56px;
    bottom: 0;
    z-index: 1101;
    overflow: hidden;
    display: none;
  }
  .days-select-panel .ui-controlgroup-controls {
    background: transparent;
  }
  .days-select-panel.ui-panel-open {
    display: block;
  }
  .days-select-panel .ps-scrollbar-y-rail {
    z-index: 2;
  }
  .days-select-panel fieldset .ui-controlgroup-controls {
    width: 100%;
    height: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
  }
  .days-select-panel fieldset .ui-checkbox,
  .days-select-panel fieldset .ui-radio {
    width: 100%;
    float: none;
  }
  .days-select-panel fieldset .ui-checkbox label,
  .days-select-panel fieldset .ui-radio label {
    font-size: 12px;
    line-height: 52px;
    color: #494a4b;
    text-align: left;
    border-bottom: 1px solid #c3c6c9;
    border-radius: 0;
  }
  .days-select-panel fieldset .ui-checkbox label .ui-btn-inner,
  .days-select-panel fieldset .ui-radio label .ui-btn-inner {
    padding: 0 19px 0 23px;
    clear: both;
    display: block;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .days-select-panel .grey-controlgroup .ui-checkbox .ui-btn-active {
    color: #494a4b;
    background: #e0e7ee;
  }
  .days-select-panel .grey-controlgroup .ui-checkbox .ui-btn-active .ui-icon {
    font-size: 15px;
    line-height: 52px;
    color: #459ee7;
    display: inline-block;
    float: right;
    top: 0;
  }
  .days-select-panel .simple-radio-controlgroup .ui-radio label {
    padding: 0;
  }
  .days-select-panel .simple-radio-controlgroup .ui-radio .ui-icon {
    position: relative;
    width: auto;
    height: auto;
    border-radius: 0;
    border: 0;
    display: inline-block;
    margin-right: 19px;
  }
  .days-select-panel .simple-radio-controlgroup .ui-radio .ui-icon:before {
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
    left: auto;
    top: auto;
    margin: 0;
  }
  .days-select-panel .simple-radio-controlgroup .ui-radio .ui-btn-active {
    color: #494a4b;
    background: #e0e7ee;
  }
  .days-select-panel .simple-radio-controlgroup .ui-radio .ui-btn-active .ui-icon {
    font-size: 15px;
    line-height: 52px;
    color: #459ee7;
    display: inline-block;
    float: right;
    top: 0;
  }
  .days-select-panel .simple-radio-controlgroup .ui-radio .ui-btn-active .ui-icon:before {
    content: "\e61e";
    font-family: "IcoMoon";
  }
  .days-select-panel .btns-row {
    padding: 0 18px 70px 18px !important;
  }
  .slick-cell .widget-data {
    margin: 0;
  }
  .slick-cell .widget-data .increment-block {
    margin-top: 8px;
  }
  .slick-cell .widget-data .increment-block .value {
    height: 49px;
    line-height: 49px;
  }
  .slick-cell .widget-data .simple-select {
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 0;
  }
  .slick-cell .widget-data .label .timer {
    font-size: 12px;
    line-height: 22px;
  }
  .slick-cell .ui-slider-switch.ui-btn-down-a {
    margin: 15px 0 0 0px;
  }
  .slick-header-columns {
    font-size: 11px;
    line-height: 44px;
    color: #eff0f0;
    height: 44px;
    background: #2f3543;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
  .slick-header-columns .slick-header-menubutton {
    display: none;
  }
  .has-bg .slick-header-columns {
    background: rgba(47, 53, 67, 0.8);
  }
  .slick-header-column {
    border-right-color: transparent;
  }
  .slick-row {
    color: #5a6b81;
  }
  .slick-cell {
    font-size: 13px;
    line-height: 67px;
    padding: 0 10px 0 10px;
    /*
  &.status-cell {
    padding-left: 80px;
  }

  .alert {
    width: 62px;
    height: 100%;
    text-align: center;
    position: absolute;
    left: 0;

    i {
      font-size: 28px;
      line-height: 67px;
      color: #fff;
    }

    &.critical-state {
      background: #ff4e4e;
    }
    &.inactive-state {
      background: #cecece;
    }
    &.active-state {
      background: #c0d84e;
    }
  }
   */
  }
  .slick-cell.nopadding {
    padding: 0 5px;
  }
  .checkboxsel-grid .slick-header-column:first-child .checkbox-label {
    border-color: #eff0f0;
  }
  .grid-block.checkboxsel-grid {
    padding-bottom: 55px;
  }
  .table-tabs-wrapper {
    padding-left: 0;
    z-index: 0;
  }
  .table-tabs-wrapper .command-btns {
    background: #2f3543;
    height: 55px;
    position: relative;
    top: -80px;
    bottom: 0;
    z-index: 1;
    /*
    &.show ~ .grid-block {
      padding-top: 0;
    } */
  }
  .table-tabs-wrapper .command-btns a.wTooltip:before {
    margin-top: 0;
    background: #4f5970;
    top: -10px;
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
  .table-tabs-wrapper .command-btns a.wTooltip:after {
    border-top: 8px solid #4f5970;
    border-bottom: 0;
    top: -8px;
  }
  .table-tabs-wrapper .command-btns a.wTooltip:hover:before,
  .table-tabs-wrapper .command-btns a.wTooltip:hover:after {
    display: block;
  }
  .table-tabs-wrapper .command-btns.disabled {
    display: none;
  }
  .table-tabs-wrapper .command-btns a,
  .table-tabs-wrapper .command-btns.disabled a {
    line-height: 35px;
    width: 105px;
    height: 35px;
    border-radius: 4px;
    background: #25a7df;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background-color: #25a7df;
    background-image: -moz-linear-gradient(top, #25a7df, #25a7df);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#25a7df), to(#25a7df));
    background-image: -webkit-linear-gradient(top, #25a7df, #25a7df);
    background-image: -o-linear-gradient(top, #25a7df, #25a7df);
    background-image: linear-gradient(to bottom, #25a7df, #25a7df);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff25a7df', endColorstr='#ff25a7df', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    padding: 0;
    color: #fff;
    position: absolute;
    left: 40%;
    top: 50%;
    margin-top: -17.5px;
  }
  .table-tabs-wrapper .command-btns a i,
  .table-tabs-wrapper .command-btns.disabled a i {
    display: none;
  }
  .table-tabs-wrapper .command-btns a span:last-child,
  .table-tabs-wrapper .command-btns.disabled a span:last-child {
    /*
        font-size: 15px;
        line-height: 35px;
        color: #fff;
        display: block;
         */
    display: none;
  }
  .table-tabs-wrapper .command-btns a:first-child,
  .table-tabs-wrapper .command-btns.disabled a:first-child {
    margin-left: -162.5px;
  }
  .table-tabs-wrapper .command-btns a:last-child,
  .table-tabs-wrapper .command-btns.disabled a:last-child {
    margin-left: 162.5px;
  }
  .table-tabs-wrapper .grid-block {
    margin: 0;
    padding: 0;
    top: -80px;
  }
  .grid-block {
    margin-left: 0;
  }
  .tabs-filter-wrapper:before,
  .tabs-filter-wrapper:after {
    display: none;
  }
  .tabs-filter {
    width: 205px;
    height: 100%;
    min-height: 264px;
    background: #fff;
    padding: 0;
    -webkit-box-shadow: -5px 0 27px rgba(0,0,0,.56);
    -moz-box-shadow: -5px 0 27px rgba(0,0,0,.56);
    -khtml-box-shadow: -5px 0 27px rgba(0,0,0,.56);
    -o-box-shadow: -5px 0 27px rgba(0,0,0,.56);
    box-shadow: -5px 0 27px rgba(0,0,0,.56);
    position: fixed;
    top: 56px;
    right: 0;
    z-index: 1029;
    /*
  .tab-filter {


    span {
      font-size: 14px;
      line-height: 18px;
      color: #484848;
      text-align: center;
      font-weight: bold;
      width: 18px;
      height: 18px;
      display: inline-block;
      //border: 2px solid  #ff4e4e;
      border-width: 2px;
      border-style: solid;
      border-radius: 100%;
      margin-left: 5px;
    }

    &.critical-state span {
      border-color: #ff4e4e;
    }

    &.inactive-state span {
      border-color: #cecece;
    }

    &.active-state span {
      border-color: #c0d84e;
    }

    &.active {
      color: #fff;
      font-weight: bold;
      background: #25a7df;
      .box-shadow(none);

      span {
        color: #fff;
      }
    }
  } */
  }
  .tabs-filter .ui-panel-inner {
    height: 100%;
    overflow: hidden;
  }
  .tabs-filter.ui-panel-closed {
    -webkit-transform: translate(150%, 0);
    -moz-transform: translate(150%, 0);
    -ms-transform: translate(150%, 0);
    -o-transform: translate(150%, 0);
    transform: translate(150%, 0);
  }
  .tabs-filter.ui-panel-open {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .tabs-filter .tab-filter {
    font-size: 16px;
    line-height: 44px;
    color: #2f2f2f;
    width: 100%;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #d3d3d3;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    position: relative;
    display: block;
    margin: 0 !important;
    border-radius: 0 !important;
    /*
    &:first-child {
      .box-shadow(none);
    }
     */
  }
  .tabs-filter .tab-filter:last-child {
    border: 0;
  }
  .tabs-filter .tab-filter span {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
  }
  .tabs-filter .tab-filter.active {
    color: #2f2f2f;
    font-weight: bold;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
  .tabs-filter .tab-filter.active span {
    color: #2f2f2f;
  }
  .mobile-block {
    background: rgba(255, 255, 255, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1025;
    display: block;
  }
  .mobile-block.hide {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 556px) {
  .widget-flex-wrap .flex-block {
    width: 100%;
  }
}
/* 
@media only screen and (max-width: 500px) {
  // ������ ������
  .ui-popup-active .base-popup {
    width: 260px;
  }
} 
 */
/* 
// iPhone                      // ���������� ���������� and (orientation: portrait)
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  @import "responsive-iphone.less";
} 
 */
/*
// ������� ��������� ����������
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {

}

// ������� ���������� ����������
@media only screen and (min-device-width: 768px) and (max-device-width: 1280px) and (orientation: portrait) {  

} 
 
// ������� ��������� ����������
@media only screen and (min-device-width: 768px) and (max-device-width: 1280px) and (orientation: landscape) {  
 
} 
 */
/*# sourceMappingURL=/css/tmpl.css.map */