text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html body {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: 0;
}

svg { overflow: hidden; }

#ScadaRoot {
    overflow: auto;
}

text.ScadaText {
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
  cursor: default;
}

text.ScadaButtonText {
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
}

input.ScadaInputBox
{
  padding: 5px;
  margin: 0;
  border: 0;
  border: none;
  box-sizing: content-box;
  line-height: normal;
}

.hidden {
    visibility: hidden;
    display: none;
}

.voffset {
    margin-top: 2px;
}

.voffset1 {
    margin-top: 5px;
}

.voffset2 {
    margin-top: 10px;
}

.voffset3 {
    margin-top: 15px;
}

.voffset4 {
    margin-top: 30px;
}

.voffset5 {
    margin-top: 40px;
}

.voffset6 {
    margin-top: 60px;
}

.voffset7 {
    margin-top: 80px;
}

.voffset8 {
    margin-top: 100px;
}

.voffset9 {
    margin-top: 150px;
}

.hoffset {
    margin-left: 2px;
}

.hoffset1 {
    margin-left: 5px;
}

.hoffset2 {
    margin-left: 10px;
}

.hoffset3 {
    margin-left: 15px;
}

.hoffset4 {
    margin-left: 30px;
}

.hoffset5 {
    margin-left: 40px;
}

.hoffset6 {
    margin-left: 60px;
}

.hoffset7 {
    margin-left: 80px;
}

.hoffset8 {
    margin-left: 100px;
}

.hoffset9 {
    margin-left: 150px;
}

#alarmcauses .k-state-selected {
    background-color: #d2d2d2;
}

.k-label {
    color: #333333;
}

/* See: http://docs.telerik.com/kendo-ui/using-kendo-with-twitter-bootstrap#nesting-kendo-ui-widgets-and-bootstrap-grid-layout */
/* reset everything to the default box model */
*, :before, :after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-12, .col-sm-12, .col-md-12, .col-lg-12
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/bootstrap/glyphicons-halflings-regular.eot');
  src: url('../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/bootstrap/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/bootstrap/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/bootstrap/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/*
 Show page size at any time (including sceens that are smaller than 480px), because Web Engine is currently not responsive.
*/
@media only screen and (max-width: 480px) {
  .k-webkit .k-pager-sizes, .k-ff .k-pager-sizes, .k-ie11 .k-pager-sizes, .k-safari .k-pager-sizes {
     display: inline-block;
  }
}

/*
 Show page info at any time (including sceens that are smaller than 640px), because Web Engine is currently not responsive.
*/
@media only screen and (max-width: 640px) {
  .k-webkit .k-pager-info, .k-ff .k-pager-info, .k-ie11 .k-pager-info, .k-safari .k-pager-info {
     display: inline-block;
  }
}

/* Fix telerik issue at pager. When the window size gets smaller, then the page size combo box is displayed at wrong position. Is fixed with
   Telerik Build > 2016.1.406
*/
@media only screen and (max-width: 1024px) {
  .k-pager-wrap .k-pager-numbers {
     position: absolute;
  }
}

/* Fix issue: AML screen page counter element remains visible in foreground on overlying screens although the AML screen
  is in the background.
*/
.k-pager-numbers .k-link.k-state-selected {
  z-index: 0;
}

/* Fix for dialogs in IE being much too narrow (restricted to IE with the specific selector) 
    The variable value input dialog has no max-width and already is normal-sized, therefore exclude it
*/
_:-ms-fullscreen, :root .k-window:not(.set-point-input-dialog) {
  width: 100%;
}