/** 
 * Kendo UI v2016.1.412 (http://www.telerik.com/kendo-ui)                                                                                                                                               
 * Copyright 2016 Telerik AD. All rights reserved.                                                                                                                                                      
 *                                                                                                                                                                                                      
 * Kendo UI commercial licenses may be obtained at                                                                                                                                                      
 * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete                                                                                                                                  
 * If you do not own a commercial license, this file shall be governed by the trial license terms.                                                                                                      
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       

*/
.fake {
  color: red;
}
.k-common-test-class {
  opacity: 0;
}
.k-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.k-floatwrap:after,
.k-grid-toolbar:after,
.k-slider-items:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.k-floatwrap,
.k-grid-toolbar,
.k-slider-items {
  display: inline-block;
}
.k-floatwrap,
.k-grid-toolbar,
.k-slider-items {
  display: block;
}
.k-autocomplete,
.k-autocomplete.k-state-hover,
.k-block,
.k-button,
.k-draghandle,
.k-dropdown-wrap,
.k-dropdown-wrap.k-state-hover,
.k-grid-header,
.k-grouping-header,
.k-header,
.k-link.k-state-hover,
.k-numeric-wrap,
.k-numeric-wrap.k-state-hover,
.k-pager-wrap,
.k-picker-wrap,
.k-picker-wrap.k-state-hover,
.k-tabstrip-items .k-item,
.k-textbox,
.k-textbox:hover,
.k-toolbar,
.k-tooltip {
  background-repeat: repeat;
  background-position: 0 center;
}
.k-link:hover {
  text-decoration: none;
}
.k-state-highlight > .k-link {
  color: inherit;
}
.k-button,
.k-input[type=text],
.k-input[type=number],
.k-picker-wrap .k-input,
.k-textbox,
.k-textbox > input {
  font-size: 100%;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  -webkit-appearance: none;
}
.k-block,
.k-draghandle,
.k-inline-block,
.k-widget {
  border-style: solid;
  border-width: 1px;
  -webkit-appearance: none;
}
.k-block,
.k-widget {
  line-height: normal;
  outline: 0;
}
.k-widget ::-ms-clear {
  width: 0;
  height: 0;
}
.k-block {
  padding: 2px;
}
.k-button {
  display: inline-block;
  margin: 0;
  padding: 2px 7px 2px;
  font-family: inherit;
  line-height: 1.72em;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}
.k-button.k-state-disabled,
.k-button.k-state-disabled:active,
.k-button.k-state-disabled:hover,
.k-button[disabled],
.k-state-disabled .k-button,
.k-state-disabled .k-button:active,
.k-state-disabled .k-button:hover {
  cursor: default;
}
a.k-button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
}
.k-ff input.k-button {
  padding-bottom: .37em;
  padding-top: 0.37em;
}
button.k-button::-moz-focus-inner,
input.k-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
a.k-button-expand {
  display: block;
}
button.k-button-expand,
input[type=submit].k-button-expand,
input[type=button].k-button-expand,
input[type=reset].k-button-expand {
  width: 100%;
}
body .k-button-icon,
body .k-split-button-arrow {
  padding-left: .4em;
  padding-right: 0.4em;
}
.k-button-icontext {
  overflow: visible;
}
.k-toolbar .k-button-icontext {
  padding-right: 0.8em;
}
.k-button-icontext .k-icon,
.k-button-icontext .k-image,
.k-button-icontext .k-sprite {
  margin-right: 3px;
  margin-right: .3rem;
  margin-left: -3px;
  margin-left: -0.3rem;
}
.k-button.k-button-icontext .k-icon,
.k-button.k-button-icontext .k-image {
  vertical-align: text-top;
}
html body .k-button-bare {
  background: 0 0!important;
  color: inherit;
  border-width: 0;
}
html body .k-button-bare.k-upload-button:hover {
  color: inherit;
}
.k-link {
  cursor: pointer;
  outline: 0;
  text-decoration: none;
}
.k-grid-header span.k-link {
  cursor: default;
}
.k-state-disabled,
.k-state-disabled .k-button,
.k-state-disabled .k-draghandle,
.k-state-disabled .k-icon,
.k-state-disabled .k-link,
.k-state-disabled .k-upload-button input {
  cursor: default!important;
  outline: 0;
}
@media print {
  .k-state-disabled,
  .k-state-disabled .k-input {
    opacity: 1 !important;
  }
}
.k-state-error {
  border-style: ridge;
}
.k-state-empty {
  font-style: italic;
}
.k-button-group .k-tool-icon,
.k-icon,
.k-sprite {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
  text-align: center;
  -ms-high-contrast-adjust: none;
}
.k-icon.k-i-none {
  background-image: none !important;
}
.k-ie8 .k-button-group .k-tool-icon,
.k-ie8 .k-icon,
.k-ie8 .k-sprite {
  vertical-align: middle;
}
:root * > .k-button-group .k-tool-icon,
:root * > .k-icon,
:root * > .k-sprite {
  vertical-align: middle;
}
.k-icon,
.k-sprite {
  background-color: transparent;
}
.k-numerictextbox .k-select .k-link span.k-i-arrow-n {
  background-position: 0 -3px;
}
.k-numerictextbox .k-select .k-link span.k-i-arrow-s {
  background-position: 0 -35px;
}
.k-state-selected .k-i-arrow-n {
  background-position: -16px 0;
}
.k-button:active .k-state-selected .k-i-arrow-n,
.k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-n,
.k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-n,
.k-state-hover > * > .k-state-selected .k-i-arrow-n,
.k-state-hover > .k-state-selected .k-i-arrow-n,
.k-textbox:hover .k-state-selected .k-i-arrow-n {
  background-position: -32px 0;
}
.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,
.k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
  background-position: -16px -3px;
}
.k-state-selected .k-i-arrow-s {
  background-position: -16px -32px;
}
.k-button:active .k-state-selected .k-i-arrow-s,
.k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-s,
.k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-s,
.k-state-hover > * > .k-state-selected .k-i-arrow-s,
.k-state-hover > .k-state-selected .k-i-arrow-s,
.k-textbox:hover .k-state-selected .k-i-arrow-s {
  background-position: -32px -32px;
}
.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,
.k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
  background-position: -16px -35px;
}
.k-grid-header th > .k-link:hover span.k-i-arrow-n {
  background-position: 0 0;
}
.k-grid-header th > .k-link:hover span.k-i-arrow-s {
  background-position: 0 -32px;
}
.k-group-indicator .k-link:hover span.k-si-arrow-n {
  background-position: 0 -129px;
}
.k-group-indicator .k-link:hover span.k-si-arrow-s {
  background-position: 0 -159px;
}
.k-group-indicator .k-button:hover span.k-group-delete {
  background-position: -32px -16px;
}
.k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar {
  background-position: -32px -176px;
}
.k-i-arrow-n {
  background-position: 0 0;
}
.k-button:active .k-i-arrow-n,
.k-button:not(.k-state-disabled):hover .k-i-arrow-n,
.k-link:not(.k-state-disabled):hover > .k-i-arrow-n,
.k-state-hover > * > .k-i-arrow-n,
.k-state-hover > .k-i-arrow-n,
.k-textbox:hover .k-i-arrow-n {
  background-position: -16px 0;
}
.k-i-arrow-e {
  background-position: 0 -16px;
}
.k-button:active .k-i-arrow-e,
.k-button:not(.k-state-disabled):hover .k-i-arrow-e,
.k-link:not(.k-state-disabled):hover > .k-i-arrow-e,
.k-state-hover > * > .k-i-arrow-e,
.k-state-hover > .k-i-arrow-e,
.k-textbox:hover .k-i-arrow-e {
  background-position: -16px -16px;
}
.k-rtl .k-i-arrow-w {
  background-position: 0 -16px;
}
.k-rtl .k-button:active .k-i-arrow-w,
.k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-w,
.k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-w,
.k-rtl .k-state-hover > * > .k-i-arrow-w,
.k-rtl .k-state-hover > .k-i-arrow-w,
.k-rtl .k-textbox:hover .k-i-arrow-w {
  background-position: -16px -16px;
}
.k-i-arrow-s {
  background-position: 0 -32px;
}
.k-button:active .k-i-arrow-s,
.k-button:not(.k-state-disabled):hover .k-i-arrow-s,
.k-link:not(.k-state-disabled):hover > .k-i-arrow-s,
.k-state-hover > * > .k-i-arrow-s,
.k-state-hover > .k-i-arrow-s,
.k-textbox:hover .k-i-arrow-s {
  background-position: -16px -32px;
}
.k-i-arrow-w {
  background-position: 0 -48px;
}
.k-button:active .k-i-arrow-w,
.k-button:not(.k-state-disabled):hover .k-i-arrow-w,
.k-link:not(.k-state-disabled):hover > .k-i-arrow-w,
.k-state-hover > * > .k-i-arrow-w,
.k-state-hover > .k-i-arrow-w,
.k-textbox:hover .k-i-arrow-w {
  background-position: -16px -48px;
}
.k-rtl .k-i-arrow-e {
  background-position: 0 -48px;
}
.k-rtl .k-button:active .k-i-arrow-e,
.k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-e,
.k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-e,
.k-rtl .k-state-hover > * > .k-i-arrow-e,
.k-rtl .k-state-hover > .k-i-arrow-e,
.k-rtl .k-textbox:hover .k-i-arrow-e {
  background-position: -16px -48px;
}
.k-i-seek-n {
  background-position: 0 -64px;
}
.k-button:active .k-i-seek-n,
.k-button:not(.k-state-disabled):hover .k-i-seek-n,
.k-link:not(.k-state-disabled):hover > .k-i-seek-n,
.k-state-hover > * > .k-i-seek-n,
.k-state-hover > .k-i-seek-n,
.k-textbox:hover .k-i-seek-n {
  background-position: -16px -64px;
}
.k-i-seek-e {
  background-position: 0 -80px;
}
.k-button:active .k-i-seek-e,
.k-button:not(.k-state-disabled):hover .k-i-seek-e,
.k-link:not(.k-state-disabled):hover > .k-i-seek-e,
.k-state-hover > * > .k-i-seek-e,
.k-state-hover > .k-i-seek-e,
.k-textbox:hover .k-i-seek-e {
  background-position: -16px -80px;
}
.k-rtl .k-i-seek-w {
  background-position: 0 -80px;
}
.k-rtl .k-button:active .k-i-seek-w,
.k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-w,
.k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-w,
.k-rtl .k-state-hover > * > .k-i-seek-w,
.k-rtl .k-state-hover > .k-i-seek-w,
.k-rtl .k-textbox:hover .k-i-seek-w {
  background-position: -16px -80px;
}
.k-i-seek-s {
  background-position: 0 -96px;
}
.k-button:active .k-i-seek-s,
.k-button:not(.k-state-disabled):hover .k-i-seek-s,
.k-link:not(.k-state-disabled):hover > .k-i-seek-s,
.k-state-hover > * > .k-i-seek-s,
.k-state-hover > .k-i-seek-s,
.k-textbox:hover .k-i-seek-s {
  background-position: -16px -96px;
}
.k-i-seek-w {
  background-position: 0 -112px;
}
.k-button:active .k-i-seek-w,
.k-button:not(.k-state-disabled):hover .k-i-seek-w,
.k-link:not(.k-state-disabled):hover > .k-i-seek-w,
.k-state-hover > * > .k-i-seek-w,
.k-state-hover > .k-i-seek-w,
.k-textbox:hover .k-i-seek-w {
  background-position: -16px -112px;
}
.k-rtl .k-i-seek-e {
  background-position: 0 -112px;
}
.k-rtl .k-button:active .k-i-seek-e,
.k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-e,
.k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-e,
.k-rtl .k-state-hover > * > .k-i-seek-e,
.k-rtl .k-state-hover > .k-i-seek-e,
.k-rtl .k-textbox:hover .k-i-seek-e {
  background-position: -16px -112px;
}
.k-si-arrow-n {
  background-position: 0 -129px;
}
.k-button:active .k-si-arrow-n,
.k-button:not(.k-state-disabled):hover .k-si-arrow-n,
.k-link:not(.k-state-disabled):hover > .k-si-arrow-n,
.k-state-hover > * > .k-si-arrow-n,
.k-state-hover > .k-si-arrow-n,
.k-textbox:hover .k-si-arrow-n {
  background-position: -16px -129px;
}
.k-si-arrow-e {
  background-position: 0 -144px;
}
.k-button:active .k-si-arrow-e,
.k-button:not(.k-state-disabled):hover .k-si-arrow-e,
.k-link:not(.k-state-disabled):hover > .k-si-arrow-e,
.k-state-hover > * > .k-si-arrow-e,
.k-state-hover > .k-si-arrow-e,
.k-textbox:hover .k-si-arrow-e {
  background-position: -16px -144px;
}
.k-si-arrow-s {
  background-position: 0 -159px;
}
.k-button:active .k-si-arrow-s,
.k-button:not(.k-state-disabled):hover .k-si-arrow-s,
.k-link:not(.k-state-disabled):hover > .k-si-arrow-s,
.k-state-hover > * > .k-si-arrow-s,
.k-state-hover > .k-si-arrow-s,
.k-textbox:hover .k-si-arrow-s {
  background-position: -16px -159px;
}
.k-si-arrow-w {
  background-position: 0 -176px;
}
.k-button:active .k-si-arrow-w,
.k-button:not(.k-state-disabled):hover .k-si-arrow-w,
.k-link:not(.k-state-disabled):hover > .k-si-arrow-w,
.k-state-hover > * > .k-si-arrow-w,
.k-state-hover > .k-si-arrow-w,
.k-textbox:hover .k-si-arrow-w {
  background-position: -16px -176px;
}
.k-i-arrowhead-n {
  background-position: 0 -256px;
}
.k-button:active .k-i-arrowhead-n,
.k-button:not(.k-state-disabled):hover .k-i-arrowhead-n,
.k-link:not(.k-state-disabled):hover > .k-i-arrowhead-n,
.k-state-hover > * > .k-i-arrowhead-n,
.k-state-hover > .k-i-arrowhead-n,
.k-textbox:hover .k-i-arrowhead-n {
  background-position: -16px -256px;
}
.k-i-arrowhead-e {
  background-position: 0 -272px;
}
.k-button:active .k-i-arrowhead-e,
.k-button:not(.k-state-disabled):hover .k-i-arrowhead-e,
.k-link:not(.k-state-disabled):hover > .k-i-arrowhead-e,
.k-state-hover > * > .k-i-arrowhead-e,
.k-state-hover > .k-i-arrowhead-e,
.k-textbox:hover .k-i-arrowhead-e {
  background-position: -16px -272px;
}
.k-i-arrowhead-s {
  background-position: 0 -288px;
}
.k-button:active .k-i-arrowhead-s,
.k-button:not(.k-state-disabled):hover .k-i-arrowhead-s,
.k-link:not(.k-state-disabled):hover > .k-i-arrowhead-s,
.k-state-hover > * > .k-i-arrowhead-s,
.k-state-hover > .k-i-arrowhead-s,
.k-textbox:hover .k-i-arrowhead-s {
  background-position: -16px -288px;
}
.k-i-arrowhead-w {
  background-position: 0 -304px;
}
.k-button:active .k-i-arrowhead-w,
.k-button:not(.k-state-disabled):hover .k-i-arrowhead-w,
.k-link:not(.k-state-disabled):hover > .k-i-arrowhead-w,
.k-state-hover > * > .k-i-arrowhead-w,
.k-state-hover > .k-i-arrowhead-w,
.k-textbox:hover .k-i-arrowhead-w {
  background-position: -16px -304px;
}
.k-i-expand,
.k-plus,
.k-plus-disabled {
  background-position: 0 -192px;
}
.k-button:active .k-i-expand,
.k-button:active .k-plus,
.k-button:active .k-plus-disabled,
.k-button:not(.k-state-disabled):hover .k-i-expand,
.k-button:not(.k-state-disabled):hover .k-plus,
.k-button:not(.k-state-disabled):hover .k-plus-disabled,
.k-link:not(.k-state-disabled):hover > .k-i-expand,
.k-link:not(.k-state-disabled):hover > .k-plus,
.k-link:not(.k-state-disabled):hover > .k-plus-disabled,
.k-state-hover > * > .k-i-expand,
.k-state-hover > * > .k-plus,
.k-state-hover > * > .k-plus-disabled,
.k-state-hover > .k-i-expand,
.k-state-hover > .k-plus,
.k-state-hover > .k-plus-disabled,
.k-textbox:hover .k-i-expand,
.k-textbox:hover .k-plus,
.k-textbox:hover .k-plus-disabled {
  background-position: -16px -192px;
}
.k-i-expand-w,
.k-rtl .k-i-expand,
.k-rtl .k-plus,
.k-rtl .k-plus-disabled {
  background-position: 0 -208px;
}
.k-button:active .k-i-expand-w,
.k-button:active .k-rtl .k-i-expand,
.k-button:active .k-rtl .k-plus,
.k-button:active .k-rtl .k-plus-disabled,
.k-button:not(.k-state-disabled):hover .k-i-expand-w,
.k-button:not(.k-state-disabled):hover .k-rtl .k-i-expand,
.k-button:not(.k-state-disabled):hover .k-rtl .k-plus,
.k-button:not(.k-state-disabled):hover .k-rtl .k-plus-disabled,
.k-link:not(.k-state-disabled):hover > .k-i-expand-w,
.k-link:not(.k-state-disabled):hover > .k-rtl .k-i-expand,
.k-link:not(.k-state-disabled):hover > .k-rtl .k-plus,
.k-link:not(.k-state-disabled):hover > .k-rtl .k-plus-disabled,
.k-state-hover > * > .k-i-expand-w,
.k-state-hover > * > .k-rtl .k-i-expand,
.k-state-hover > * > .k-rtl .k-plus,
.k-state-hover > * > .k-rtl .k-plus-disabled,
.k-state-hover > .k-i-expand-w,
.k-state-hover > .k-rtl .k-i-expand,
.k-state-hover > .k-rtl .k-plus,
.k-state-hover > .k-rtl .k-plus-disabled,
.k-textbox:hover .k-i-expand-w,
.k-textbox:hover .k-rtl .k-i-expand,
.k-textbox:hover .k-rtl .k-plus,
.k-textbox:hover .k-rtl .k-plus-disabled {
  background-position: -16px -208px;
}
.k-i-collapse,
.k-minus,
.k-minus-disabled {
  background-position: 0 -224px;
}
.k-button:active .k-i-collapse,
.k-button:active .k-minus,
.k-button:active .k-minus-disabled,
.k-button:not(.k-state-disabled):hover .k-i-collapse,
.k-button:not(.k-state-disabled):hover .k-minus,
.k-button:not(.k-state-disabled):hover .k-minus-disabled,
.k-link:not(.k-state-disabled):hover > .k-i-collapse,
.k-link:not(.k-state-disabled):hover > .k-minus,
.k-link:not(.k-state-disabled):hover > .k-minus-disabled,
.k-state-hover > * > .k-i-collapse,
.k-state-hover > * > .k-minus,
.k-state-hover > * > .k-minus-disabled,
.k-state-hover > .k-i-collapse,
.k-state-hover > .k-minus,
.k-state-hover > .k-minus-disabled,
.k-textbox:hover .k-i-collapse,
.k-textbox:hover .k-minus,
.k-textbox:hover .k-minus-disabled {
  background-position: -16px -224px;
}
.k-i-collapse-w,
.k-rtl .k-i-collapse,
.k-rtl .k-minus,
.k-rtl .k-minus-disabled {
  background-position: 0 -240px;
}
.k-button:active .k-i-collapse-w,
.k-button:active .k-rtl .k-i-collapse,
.k-button:active .k-rtl .k-minus,
.k-button:active .k-rtl .k-minus-disabled,
.k-button:not(.k-state-disabled):hover .k-i-collapse-w,
.k-button:not(.k-state-disabled):hover .k-rtl .k-i-collapse,
.k-button:not(.k-state-disabled):hover .k-rtl .k-minus,
.k-button:not(.k-state-disabled):hover .k-rtl .k-minus-disabled,
.k-link:not(.k-state-disabled):hover > .k-i-collapse-w,
.k-link:not(.k-state-disabled):hover > .k-rtl .k-i-collapse,
.k-link:not(.k-state-disabled):hover > .k-rtl .k-minus,
.k-link:not(.k-state-disabled):hover > .k-rtl .k-minus-disabled,
.k-state-hover > * > .k-i-collapse-w,
.k-state-hover > * > .k-rtl .k-i-collapse,
.k-state-hover > * > .k-rtl .k-minus,
.k-state-hover > * > .k-rtl .k-minus-disabled,
.k-state-hover > .k-i-collapse-w,
.k-state-hover > .k-rtl .k-i-collapse,
.k-state-hover > .k-rtl .k-minus,
.k-state-hover > .k-rtl .k-minus-disabled,
.k-textbox:hover .k-i-collapse-w,
.k-textbox:hover .k-rtl .k-i-collapse,
.k-textbox:hover .k-rtl .k-minus,
.k-textbox:hover .k-rtl .k-minus-disabled {
  background-position: -16px -240px;
}
.k-edit,
.k-i-pencil {
  background-position: -32px 0;
}
.k-button:active .k-edit,
.k-button:active .k-i-pencil,
.k-button:not(.k-state-disabled):hover .k-edit,
.k-button:not(.k-state-disabled):hover .k-i-pencil,
.k-link:not(.k-state-disabled):hover > .k-edit,
.k-link:not(.k-state-disabled):hover > .k-i-pencil,
.k-state-hover > * > .k-edit,
.k-state-hover > * > .k-i-pencil,
.k-state-hover > .k-edit,
.k-state-hover > .k-i-pencil,
.k-textbox:hover .k-edit,
.k-textbox:hover .k-i-pencil {
  background-position: -48px 0;
}
.k-delete,
.k-group-delete,
.k-i-close {
  background-position: -32px -16px;
}
.k-button:active .k-delete,
.k-button:active .k-group-delete,
.k-button:active .k-i-close,
.k-button:not(.k-state-disabled):hover .k-delete,
.k-button:not(.k-state-disabled):hover .k-group-delete,
.k-button:not(.k-state-disabled):hover .k-i-close,
.k-link:not(.k-state-disabled):hover > .k-delete,
.k-link:not(.k-state-disabled):hover > .k-group-delete,
.k-link:not(.k-state-disabled):hover > .k-i-close,
.k-state-hover > * > .k-delete,
.k-state-hover > * > .k-group-delete,
.k-state-hover > * > .k-i-close,
.k-state-hover > .k-delete,
.k-state-hover > .k-group-delete,
.k-state-hover > .k-i-close,
.k-textbox:hover .k-delete,
.k-textbox:hover .k-group-delete,
.k-textbox:hover .k-i-close {
  background-position: -48px -16px;
}
.k-si-close {
  background-position: -160px -80px;
}
.k-button:active .k-si-close,
.k-button:not(.k-state-disabled):hover .k-si-close,
.k-link:not(.k-state-disabled):hover > .k-si-close,
.k-state-hover > * > .k-si-close,
.k-state-hover > .k-si-close,
.k-textbox:hover .k-si-close {
  background-position: -176px -80px;
}
.k-multiselect .k-delete {
  background-position: -160px -80px;
}
.k-multiselect .k-state-hover .k-delete {
  background-position: -176px -80px;
}
.k-i-tick,
.k-insert,
.k-update {
  background-position: -32px -32px;
}
.k-button:active .k-i-tick,
.k-button:active .k-insert,
.k-button:active .k-update,
.k-button:not(.k-state-disabled):hover .k-i-tick,
.k-button:not(.k-state-disabled):hover .k-insert,
.k-button:not(.k-state-disabled):hover .k-update,
.k-link:not(.k-state-disabled):hover > .k-i-tick,
.k-link:not(.k-state-disabled):hover > .k-insert,
.k-link:not(.k-state-disabled):hover > .k-update,
.k-state-hover > * > .k-i-tick,
.k-state-hover > * > .k-insert,
.k-state-hover > * > .k-update,
.k-state-hover > .k-i-tick,
.k-state-hover > .k-insert,
.k-state-hover > .k-update,
.k-textbox:hover .k-i-tick,
.k-textbox:hover .k-insert,
.k-textbox:hover .k-update {
  background-position: -48px -32px;
}
.k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox],
.k-mobile-list .k-edit-field [type=radio] {
  background-position: -32px -32px;
}
.k-button:active .k-check:checked,
.k-button:active .k-mobile-list .k-edit-field [type=checkbox],
.k-button:active .k-mobile-list .k-edit-field [type=radio],
.k-button:not(.k-state-disabled):hover .k-check:checked,
.k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=checkbox],
.k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=radio],
.k-link:not(.k-state-disabled):hover > .k-check:checked,
.k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=checkbox],
.k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=radio],
.k-state-hover > * > .k-check:checked,
.k-state-hover > * > .k-mobile-list .k-edit-field [type=checkbox],
.k-state-hover > * > .k-mobile-list .k-edit-field [type=radio],
.k-state-hover > .k-check:checked,
.k-state-hover > .k-mobile-list .k-edit-field [type=checkbox],
.k-state-hover > .k-mobile-list .k-edit-field [type=radio],
.k-textbox:hover .k-check:checked,
.k-textbox:hover .k-mobile-list .k-edit-field [type=checkbox],
.k-textbox:hover .k-mobile-list .k-edit-field [type=radio] {
  background-position: -48px -32px;
}
.k-cancel,
.k-denied,
.k-i-cancel {
  background-position: -32px -48px;
}
.k-button:active .k-cancel,
.k-button:active .k-denied,
.k-button:active .k-i-cancel,
.k-button:not(.k-state-disabled):hover .k-cancel,
.k-button:not(.k-state-disabled):hover .k-denied,
.k-button:not(.k-state-disabled):hover .k-i-cancel,
.k-link:not(.k-state-disabled):hover > .k-cancel,
.k-link:not(.k-state-disabled):hover > .k-denied,
.k-link:not(.k-state-disabled):hover > .k-i-cancel,
.k-state-hover > * > .k-cancel,
.k-state-hover > * > .k-denied,
.k-state-hover > * > .k-i-cancel,
.k-state-hover > .k-cancel,
.k-state-hover > .k-denied,
.k-state-hover > .k-i-cancel,
.k-textbox:hover .k-cancel,
.k-textbox:hover .k-denied,
.k-textbox:hover .k-i-cancel {
  background-position: -48px -48px;
}
.k-add,
.k-i-plus {
  background-position: -32px -64px;
}
.k-button:active .k-add,
.k-button:active .k-i-plus,
.k-button:not(.k-state-disabled):hover .k-add,
.k-button:not(.k-state-disabled):hover .k-i-plus,
.k-link:not(.k-state-disabled):hover > .k-add,
.k-link:not(.k-state-disabled):hover > .k-i-plus,
.k-state-hover > * > .k-add,
.k-state-hover > * > .k-i-plus,
.k-state-hover > .k-add,
.k-state-hover > .k-i-plus,
.k-textbox:hover .k-add,
.k-textbox:hover .k-i-plus {
  background-position: -48px -64px;
}
.k-filter,
.k-i-funnel {
  background-position: -32px -80px;
}
.k-button:active .k-filter,
.k-button:active .k-i-funnel,
.k-button:not(.k-state-disabled):hover .k-filter,
.k-button:not(.k-state-disabled):hover .k-i-funnel,
.k-link:not(.k-state-disabled):hover > .k-filter,
.k-link:not(.k-state-disabled):hover > .k-i-funnel,
.k-state-hover > * > .k-filter,
.k-state-hover > * > .k-i-funnel,
.k-state-hover > .k-filter,
.k-state-hover > .k-i-funnel,
.k-textbox:hover .k-filter,
.k-textbox:hover .k-i-funnel {
  background-position: -48px -80px;
}
.k-clear-filter,
.k-i-funnel-clear {
  background-position: -32px -96px;
}
.k-button:active .k-clear-filter,
.k-button:active .k-i-funnel-clear,
.k-button:not(.k-state-disabled):hover .k-clear-filter,
.k-button:not(.k-state-disabled):hover .k-i-funnel-clear,
.k-link:not(.k-state-disabled):hover > .k-clear-filter,
.k-link:not(.k-state-disabled):hover > .k-i-funnel-clear,
.k-state-hover > * > .k-clear-filter,
.k-state-hover > * > .k-i-funnel-clear,
.k-state-hover > .k-clear-filter,
.k-state-hover > .k-i-funnel-clear,
.k-textbox:hover .k-clear-filter,
.k-textbox:hover .k-i-funnel-clear {
  background-position: -48px -96px;
}
.k-i-lock {
  background-position: -64px 0;
}
.k-button:active .k-i-lock,
.k-button:not(.k-state-disabled):hover .k-i-lock,
.k-link:not(.k-state-disabled):hover > .k-i-lock,
.k-state-hover > * > .k-i-lock,
.k-state-hover > .k-i-lock,
.k-textbox:hover .k-i-lock {
  background-position: -80px 0;
}
.k-i-unlock {
  background-position: -64px -16px;
}
.k-button:active .k-i-unlock,
.k-button:not(.k-state-disabled):hover .k-i-unlock,
.k-link:not(.k-state-disabled):hover > .k-i-unlock,
.k-state-hover > * > .k-i-unlock,
.k-state-hover > .k-i-unlock,
.k-textbox:hover .k-i-unlock {
  background-position: -80px -16px;
}
.k-i-refresh {
  background-position: -32px -112px;
}
.k-button:active .k-i-refresh,
.k-button:not(.k-state-disabled):hover .k-i-refresh,
.k-link:not(.k-state-disabled):hover > .k-i-refresh,
.k-state-hover > * > .k-i-refresh,
.k-state-hover > .k-i-refresh,
.k-textbox:hover .k-i-refresh {
  background-position: -48px -112px;
}
.k-i-exception {
  background-position: -160px -304px;
}
.k-button:active .k-i-exception,
.k-button:not(.k-state-disabled):hover .k-i-exception,
.k-link:not(.k-state-disabled):hover > .k-i-exception,
.k-state-hover > * > .k-i-exception,
.k-state-hover > .k-i-exception,
.k-textbox:hover .k-i-exception {
  background-position: -176px -304px;
}
.k-i-restore {
  background-position: -32px -128px;
}
.k-button:active .k-i-restore,
.k-button:not(.k-state-disabled):hover .k-i-restore,
.k-link:not(.k-state-disabled):hover > .k-i-restore,
.k-state-hover > * > .k-i-restore,
.k-state-hover > .k-i-restore,
.k-textbox:hover .k-i-restore {
  background-position: -48px -128px;
}
.k-i-maximize {
  background-position: -32px -144px;
}
.k-button:active .k-i-maximize,
.k-button:not(.k-state-disabled):hover .k-i-maximize,
.k-link:not(.k-state-disabled):hover > .k-i-maximize,
.k-state-hover > * > .k-i-maximize,
.k-state-hover > .k-i-maximize,
.k-textbox:hover .k-i-maximize {
  background-position: -48px -144px;
}
.k-i-minimize {
  background-position: -64px -288px;
}
.k-button:active .k-i-minimize,
.k-button:not(.k-state-disabled):hover .k-i-minimize,
.k-link:not(.k-state-disabled):hover > .k-i-minimize,
.k-state-hover > * > .k-i-minimize,
.k-state-hover > .k-i-minimize,
.k-textbox:hover .k-i-minimize {
  background-position: -80px -288px;
}
.k-i-pin {
  background-position: -160px -256px;
}
.k-button:active .k-i-pin,
.k-button:not(.k-state-disabled):hover .k-i-pin,
.k-link:not(.k-state-disabled):hover > .k-i-pin,
.k-state-hover > * > .k-i-pin,
.k-state-hover > .k-i-pin,
.k-textbox:hover .k-i-pin {
  background-position: -176px -256px;
}
.k-i-unpin {
  background-position: -160px -272px;
}
.k-button:active .k-i-unpin,
.k-button:not(.k-state-disabled):hover .k-i-unpin,
.k-link:not(.k-state-disabled):hover > .k-i-unpin,
.k-state-hover > * > .k-i-unpin,
.k-state-hover > .k-i-unpin,
.k-textbox:hover .k-i-unpin {
  background-position: -176px -272px;
}
.k-resize-se {
  background-position: -32px -160px;
}
.k-button:active .k-resize-se,
.k-button:not(.k-state-disabled):hover .k-resize-se,
.k-link:not(.k-state-disabled):hover > .k-resize-se,
.k-state-hover > * > .k-resize-se,
.k-state-hover > .k-resize-se,
.k-textbox:hover .k-resize-se {
  background-position: -48px -160px;
}
.k-i-calendar {
  background-position: -32px -176px;
}
.k-button:active .k-i-calendar,
.k-button:not(.k-state-disabled):hover .k-i-calendar,
.k-link:not(.k-state-disabled):hover > .k-i-calendar,
.k-state-hover > * > .k-i-calendar,
.k-state-hover > .k-i-calendar,
.k-textbox:hover .k-i-calendar {
  background-position: -48px -176px;
}
.k-i-clock {
  background-position: -32px -192px;
}
.k-button:active .k-i-clock,
.k-button:not(.k-state-disabled):hover .k-i-clock,
.k-link:not(.k-state-disabled):hover > .k-i-clock,
.k-state-hover > * > .k-i-clock,
.k-state-hover > .k-i-clock,
.k-textbox:hover .k-i-clock {
  background-position: -48px -192px;
}
.k-si-plus {
  background-position: -32px -208px;
}
.k-button:active .k-si-plus,
.k-button:not(.k-state-disabled):hover .k-si-plus,
.k-link:not(.k-state-disabled):hover > .k-si-plus,
.k-state-hover > * > .k-si-plus,
.k-state-hover > .k-si-plus,
.k-textbox:hover .k-si-plus {
  background-position: -48px -208px;
}
.k-si-minus {
  background-position: -32px -224px;
}
.k-button:active .k-si-minus,
.k-button:not(.k-state-disabled):hover .k-si-minus,
.k-link:not(.k-state-disabled):hover > .k-si-minus,
.k-state-hover > * > .k-si-minus,
.k-state-hover > .k-si-minus,
.k-textbox:hover .k-si-minus {
  background-position: -48px -224px;
}
.k-i-search {
  background-position: -32px -240px;
}
.k-button:active .k-i-search,
.k-button:not(.k-state-disabled):hover .k-i-search,
.k-link:not(.k-state-disabled):hover > .k-i-search,
.k-state-hover > * > .k-i-search,
.k-state-hover > .k-i-search,
.k-textbox:hover .k-i-search {
  background-position: -48px -240px;
}
.k-i-custom {
  background-position: -115px -113px;
}
.k-button:active .k-i-custom,
.k-button:not(.k-state-disabled):hover .k-i-custom,
.k-link:not(.k-state-disabled):hover > .k-i-custom,
.k-state-hover > * > .k-i-custom,
.k-state-hover > .k-i-custom,
.k-textbox:hover .k-i-custom {
  background-position: -141px -113px;
}
.k-editor .k-i-custom {
  background-position: -111px -109px;
}
.k-viewHtml {
  background-position: -288px -120px;
}
.k-i-insert-n,
.k-insert-top {
  background-position: -160px -32px;
}
.k-button:active .k-i-insert-n,
.k-button:active .k-insert-top,
.k-button:not(.k-state-disabled):hover .k-i-insert-n,
.k-button:not(.k-state-disabled):hover .k-insert-top,
.k-link:not(.k-state-disabled):hover > .k-i-insert-n,
.k-link:not(.k-state-disabled):hover > .k-insert-top,
.k-state-hover > * > .k-i-insert-n,
.k-state-hover > * > .k-insert-top,
.k-state-hover > .k-i-insert-n,
.k-state-hover > .k-insert-top,
.k-textbox:hover .k-i-insert-n,
.k-textbox:hover .k-insert-top {
  background-position: -176px -32px;
}
.k-i-insert-m,
.k-insert-middle {
  background-position: -160px -48px;
}
.k-button:active .k-i-insert-m,
.k-button:active .k-insert-middle,
.k-button:not(.k-state-disabled):hover .k-i-insert-m,
.k-button:not(.k-state-disabled):hover .k-insert-middle,
.k-link:not(.k-state-disabled):hover > .k-i-insert-m,
.k-link:not(.k-state-disabled):hover > .k-insert-middle,
.k-state-hover > * > .k-i-insert-m,
.k-state-hover > * > .k-insert-middle,
.k-state-hover > .k-i-insert-m,
.k-state-hover > .k-insert-middle,
.k-textbox:hover .k-i-insert-m,
.k-textbox:hover .k-insert-middle {
  background-position: -176px -48px;
}
.k-i-insert-s,
.k-insert-bottom {
  background-position: -160px -64px;
}
.k-button:active .k-i-insert-s,
.k-button:active .k-insert-bottom,
.k-button:not(.k-state-disabled):hover .k-i-insert-s,
.k-button:not(.k-state-disabled):hover .k-insert-bottom,
.k-link:not(.k-state-disabled):hover > .k-i-insert-s,
.k-link:not(.k-state-disabled):hover > .k-insert-bottom,
.k-state-hover > * > .k-i-insert-s,
.k-state-hover > * > .k-insert-bottom,
.k-state-hover > .k-i-insert-s,
.k-state-hover > .k-insert-bottom,
.k-textbox:hover .k-i-insert-s,
.k-textbox:hover .k-insert-bottom {
  background-position: -176px -64px;
}
.k-drop-hint {
  background-position: 0 -326px;
}
.k-i-note,
.k-warning {
  background-position: -160px -240px;
}
.k-button:active .k-i-note,
.k-button:active .k-warning,
.k-button:not(.k-state-disabled):hover .k-i-note,
.k-button:not(.k-state-disabled):hover .k-warning,
.k-link:not(.k-state-disabled):hover > .k-i-note,
.k-link:not(.k-state-disabled):hover > .k-warning,
.k-state-hover > * > .k-i-note,
.k-state-hover > * > .k-warning,
.k-state-hover > .k-i-note,
.k-state-hover > .k-warning,
.k-textbox:hover .k-i-note,
.k-textbox:hover .k-warning {
  background-position: -176px -240px;
}
.k-i-sort-asc {
  background-position: -112px -240px;
}
.k-button:active .k-i-sort-asc,
.k-button:not(.k-state-disabled):hover .k-i-sort-asc,
.k-link:not(.k-state-disabled):hover > .k-i-sort-asc,
.k-state-hover > * > .k-i-sort-asc,
.k-state-hover > .k-i-sort-asc,
.k-textbox:hover .k-i-sort-asc {
  background-position: -128px -240px;
}
.k-i-sort-desc {
  background-position: -112px -256px;
}
.k-button:active .k-i-sort-desc,
.k-button:not(.k-state-disabled):hover .k-i-sort-desc,
.k-link:not(.k-state-disabled):hover > .k-i-sort-desc,
.k-state-hover > * > .k-i-sort-desc,
.k-state-hover > .k-i-sort-desc,
.k-textbox:hover .k-i-sort-desc {
  background-position: -128px -256px;
}
.k-i-group {
  background-position: -112px -272px;
}
.k-button:active .k-i-group,
.k-button:not(.k-state-disabled):hover .k-i-group,
.k-link:not(.k-state-disabled):hover > .k-i-group,
.k-state-hover > * > .k-i-group,
.k-state-hover > .k-i-group,
.k-textbox:hover .k-i-group {
  background-position: -128px -272px;
}
.k-i-ungroup {
  background-position: -112px -288px;
}
.k-button:active .k-i-ungroup,
.k-button:not(.k-state-disabled):hover .k-i-ungroup,
.k-link:not(.k-state-disabled):hover > .k-i-ungroup,
.k-state-hover > * > .k-i-ungroup,
.k-state-hover > .k-i-ungroup,
.k-textbox:hover .k-i-ungroup {
  background-position: -128px -288px;
}
.k-i-columns {
  background-position: -112px -304px;
}
.k-button:active .k-i-columns,
.k-button:not(.k-state-disabled):hover .k-i-columns,
.k-link:not(.k-state-disabled):hover > .k-i-columns,
.k-state-hover > * > .k-i-columns,
.k-state-hover > .k-i-columns,
.k-textbox:hover .k-i-columns {
  background-position: -128px -304px;
}
.k-i-hbars {
  background-position: -64px -32px;
}
.k-button:active .k-i-hbars,
.k-button:not(.k-state-disabled):hover .k-i-hbars,
.k-link:not(.k-state-disabled):hover > .k-i-hbars,
.k-state-hover > * > .k-i-hbars,
.k-state-hover > .k-i-hbars,
.k-textbox:hover .k-i-hbars {
  background-position: -80px -32px;
}
.k-i-vbars {
  background-position: -64px -48px;
}
.k-button:active .k-i-vbars,
.k-button:not(.k-state-disabled):hover .k-i-vbars,
.k-link:not(.k-state-disabled):hover > .k-i-vbars,
.k-state-hover > * > .k-i-vbars,
.k-state-hover > .k-i-vbars,
.k-textbox:hover .k-i-vbars {
  background-position: -80px -48px;
}
.k-i-sum {
  background-position: -64px -64px;
}
.k-button:active .k-i-sum,
.k-button:not(.k-state-disabled):hover .k-i-sum,
.k-link:not(.k-state-disabled):hover > .k-i-sum,
.k-state-hover > * > .k-i-sum,
.k-state-hover > .k-i-sum,
.k-textbox:hover .k-i-sum {
  background-position: -80px -64px;
}
.k-i-pdf {
  background-position: -64px -80px;
}
.k-button:active .k-i-pdf,
.k-button:not(.k-state-disabled):hover .k-i-pdf,
.k-link:not(.k-state-disabled):hover > .k-i-pdf,
.k-state-hover > * > .k-i-pdf,
.k-state-hover > .k-i-pdf,
.k-textbox:hover .k-i-pdf {
  background-position: -80px -80px;
}
.k-i-excel {
  background-position: -64px -96px;
}
.k-button:active .k-i-excel,
.k-button:not(.k-state-disabled):hover .k-i-excel,
.k-link:not(.k-state-disabled):hover > .k-i-excel,
.k-state-hover > * > .k-i-excel,
.k-state-hover > .k-i-excel,
.k-textbox:hover .k-i-excel {
  background-position: -80px -96px;
}
.k-i-rotatecw {
  background-position: -64px -112px;
}
.k-button:active .k-i-rotatecw,
.k-button:not(.k-state-disabled):hover .k-i-rotatecw,
.k-link:not(.k-state-disabled):hover > .k-i-rotatecw,
.k-state-hover > * > .k-i-rotatecw,
.k-state-hover > .k-i-rotatecw,
.k-textbox:hover .k-i-rotatecw {
  background-position: -80px -112px;
}
.k-i-rotateccw {
  background-position: -64px -128px;
}
.k-button:active .k-i-rotateccw,
.k-button:not(.k-state-disabled):hover .k-i-rotateccw,
.k-link:not(.k-state-disabled):hover > .k-i-rotateccw,
.k-state-hover > * > .k-i-rotateccw,
.k-state-hover > .k-i-rotateccw,
.k-textbox:hover .k-i-rotateccw {
  background-position: -80px -128px;
}
.k-i-undo {
  background-position: -64px -160px;
}
.k-button:active .k-i-undo,
.k-button:not(.k-state-disabled):hover .k-i-undo,
.k-link:not(.k-state-disabled):hover > .k-i-undo,
.k-state-hover > * > .k-i-undo,
.k-state-hover > .k-i-undo,
.k-textbox:hover .k-i-undo {
  background-position: -80px -160px;
}
.k-i-redo {
  background-position: -64px -144px;
}
.k-button:active .k-i-redo,
.k-button:not(.k-state-disabled):hover .k-i-redo,
.k-link:not(.k-state-disabled):hover > .k-i-redo,
.k-state-hover > * > .k-i-redo,
.k-state-hover > .k-i-redo,
.k-textbox:hover .k-i-redo {
  background-position: -80px -144px;
}
.k-i-shape {
  background-position: -64px -176px;
}
.k-button:active .k-i-shape,
.k-button:not(.k-state-disabled):hover .k-i-shape,
.k-link:not(.k-state-disabled):hover > .k-i-shape,
.k-state-hover > * > .k-i-shape,
.k-state-hover > .k-i-shape,
.k-textbox:hover .k-i-shape {
  background-position: -80px -176px;
}
.k-i-connector {
  background-position: -64px -192px;
}
.k-button:active .k-i-connector,
.k-button:not(.k-state-disabled):hover .k-i-connector,
.k-link:not(.k-state-disabled):hover > .k-i-connector,
.k-state-hover > * > .k-i-connector,
.k-state-hover > .k-i-connector,
.k-textbox:hover .k-i-connector {
  background-position: -80px -192px;
}
.k-i-kpi {
  background-position: -64px -208px;
}
.k-button:active .k-i-kpi,
.k-button:not(.k-state-disabled):hover .k-i-kpi,
.k-link:not(.k-state-disabled):hover > .k-i-kpi,
.k-state-hover > * > .k-i-kpi,
.k-state-hover > .k-i-kpi,
.k-textbox:hover .k-i-kpi {
  background-position: -80px -208px;
}
.k-i-dimension {
  background-position: -64px -224px;
}
.k-button:active .k-i-dimension,
.k-button:not(.k-state-disabled):hover .k-i-dimension,
.k-link:not(.k-state-disabled):hover > .k-i-dimension,
.k-state-hover > * > .k-i-dimension,
.k-state-hover > .k-i-dimension,
.k-textbox:hover .k-i-dimension {
  background-position: -80px -224px;
}
.k-file {
  background-position: 0 0;
}
.k-button:active .k-file,
.k-button:not(.k-state-disabled):hover .k-file,
.k-link:not(.k-state-disabled):hover > .k-file,
.k-state-hover > * > .k-file,
.k-state-hover > .k-file,
.k-textbox:hover .k-file {
  background-position: -16px 0;
}
.k-addfolder,
.k-i-folder-add {
  background-position: -32px -272px;
}
.k-button:active .k-addfolder,
.k-button:active .k-i-folder-add,
.k-button:not(.k-state-disabled):hover .k-addfolder,
.k-button:not(.k-state-disabled):hover .k-i-folder-add,
.k-link:not(.k-state-disabled):hover > .k-addfolder,
.k-link:not(.k-state-disabled):hover > .k-i-folder-add,
.k-state-hover > * > .k-addfolder,
.k-state-hover > * > .k-i-folder-add,
.k-state-hover > .k-addfolder,
.k-state-hover > .k-i-folder-add,
.k-textbox:hover .k-addfolder,
.k-textbox:hover .k-i-folder-add {
  background-position: -48px -272px;
}
.k-goup,
.k-i-folder-up {
  background-position: -32px -288px;
}
.k-button:active .k-goup,
.k-button:active .k-i-folder-up,
.k-button:not(.k-state-disabled):hover .k-goup,
.k-button:not(.k-state-disabled):hover .k-i-folder-up,
.k-link:not(.k-state-disabled):hover > .k-goup,
.k-link:not(.k-state-disabled):hover > .k-i-folder-up,
.k-state-hover > * > .k-goup,
.k-state-hover > * > .k-i-folder-up,
.k-state-hover > .k-goup,
.k-state-hover > .k-i-folder-up,
.k-textbox:hover .k-goup,
.k-textbox:hover .k-i-folder-up {
  background-position: -48px -288px;
}
.k-i-more {
  background-position: -64px -32px;
}
.k-button:active .k-i-more,
.k-button:not(.k-state-disabled):hover .k-i-more,
.k-link:not(.k-state-disabled):hover > .k-i-more,
.k-state-hover > * > .k-i-more,
.k-state-hover > .k-i-more,
.k-textbox:hover .k-i-more {
  background-position: -80px -32px;
}
.k-i-gantt-toggle {
  background-position: -64px -240px;
}
.k-button:active .k-i-gantt-toggle,
.k-button:not(.k-state-disabled):hover .k-i-gantt-toggle,
.k-link:not(.k-state-disabled):hover > .k-i-gantt-toggle,
.k-state-hover > * > .k-i-gantt-toggle,
.k-state-hover > .k-i-gantt-toggle,
.k-textbox:hover .k-i-gantt-toggle {
  background-position: -80px -240px;
}
.k-file > .k-icon {
  background-position: -115px -91px;
}
.k-image {
  border: 0;
}
.k-breadcrumbs:hover .k-i-arrow-n {
  background-position: 0 0;
}
.k-breadcrumbs:hover .k-i-arrow-e {
  background-position: 0 -16px;
}
.k-gantt-views > .k-current-view > .k-link:after,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after {
  background-position: 0 -32px;
}
.k-button:active .k-gantt-views > .k-current-view > .k-link:after,
.k-button:active .k-pager-numbers .k-current-page .k-link:after,
.k-button:active .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after,
.k-button:not(.k-state-disabled):hover .k-gantt-views > .k-current-view > .k-link:after,
.k-button:not(.k-state-disabled):hover .k-pager-numbers .k-current-page .k-link:after,
.k-button:not(.k-state-disabled):hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after,
.k-link:not(.k-state-disabled):hover > .k-gantt-views > .k-current-view > .k-link:after,
.k-link:not(.k-state-disabled):hover > .k-pager-numbers .k-current-page .k-link:after,
.k-link:not(.k-state-disabled):hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after,
.k-state-hover > * > .k-gantt-views > .k-current-view > .k-link:after,
.k-state-hover > * > .k-pager-numbers .k-current-page .k-link:after,
.k-state-hover > * > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after,
.k-state-hover > .k-gantt-views > .k-current-view > .k-link:after,
.k-state-hover > .k-pager-numbers .k-current-page .k-link:after,
.k-state-hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after,
.k-textbox:hover .k-gantt-views > .k-current-view > .k-link:after,
.k-textbox:hover .k-pager-numbers .k-current-page .k-link:after,
.k-textbox:hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after {
  background-position: -16px -32px;
}
html .k-success-colored {
  color: #507f50;
  border-color: #d0dfd0;
  background-color: #f0fff0;
}
html .k-info-colored {
  color: #50607f;
  border-color: #d0d9df;
  background-color: #f0f9ff;
}
html .k-error-colored {
  color: #7f5050;
  border-color: #dfd0d0;
  background-color: #fff0f0;
}
.k-inline-block {
  padding: 0 2px;
}
.k-loading,
.k-loading-image {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
}
.k-loading-image,
.k-loading-mask,
.k-loading-text {
  position: absolute;
}
.k-loading-mask {
  z-index: 100;
}
.k-loading-mask .k-loading-progress {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.k-loading-text {
  text-indent: -4000px;
  text-align: center;
}
.k-loading-color,
.k-loading-image {
  width: 100%;
  height: 100%;
}
.k-loading-image {
  top: 0;
  left: 0;
  z-index: 2;
}
.k-loading-color {
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.k-content-frame {
  border: 0;
  width: 100%;
  height: 100%;
}
.k-pane > .k-splitter-overlay {
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
}
.k-drag-clue {
  position: absolute;
  z-index: 10003;
  border-style: solid;
  border-width: 1px;
  font-size: .9em;
  padding: .2em .4em;
  white-space: nowrap;
  cursor: default;
}
.k-drag-status {
  margin-top: -3px;
  margin-right: 4px;
  vertical-align: middle;
}
.k-reorder-cue {
  position: absolute;
  width: 1px;
  overflow: visible;
}
.k-reorder-cue .k-icon {
  position: absolute;
  left: -4px;
  width: 8px;
  height: 4px;
}
.k-reorder-cue .k-i-arrow-s {
  top: -4px;
  background-position: -4px -166px;
}
.k-reorder-cue .k-i-arrow-n {
  bottom: -4px;
  background-position: -4px -134px;
}
.k-scrollbar {
  position: absolute;
  overflow: scroll;
}
.k-scrollbar-vertical {
  top: 0;
  right: 0;
  width: 17px;
  height: 100%;
  overflow-x: hidden;
}
.k-touch-scrollbar {
  display: none;
  position: absolute;
  z-index: 200000;
  height: 8px;
  width: 8px;
  border: 1px solid #8a8a8a;
  background-color: #858585;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body .k-touch-scrollbar {
    height: 12px;
    width: 12px;
    border-radius: 7px;
  }
}
.k-virtual-scrollable-wrap {
  overflow-x: auto;
}
.k-current-time {
  background: red;
  position: absolute;
}
.k-animation-container,
.k-animation-container *,
.k-animation-container :after,
.k-block .k-header,
.k-list-container,
.k-widget,
.k-widget *,
.k-widget :before {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.k-autocomplete,
.k-block,
.k-button,
.k-edit-cell .k-widget,
.k-grid-edit-row .k-widget,
.k-grid-edit-row .text-box,
.k-tabstrip > .k-content > .km-scroll-container,
.k-textbox,
.km-actionsheet > li,
.km-shim,
div.k-window-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.input-group .form-control {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.form-control.k-widget {
  padding: 0;
}
a.k-button:hover {
  text-decoration: none;
}
.km-widget,
.km-widget * {
  -webkit-background-clip: border-box;
  background-clip: border-box;
}
.k-radio,
input.k-checkbox {
  display: inline;
  opacity: 0;
  width: 0;
  margin: 0;
  -webkit-appearance: none;
  overflow: hidden;
}
.k-ff .k-radio,
.k-ff input.k-checkbox {
  position: absolute;
}
.k-checkbox-label {
  position: relative;
  padding-left: 1.5em;
  vertical-align: middle;
  line-height: .875em;
  cursor: pointer;
}
.k-checkbox-label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-width: 1px;
  border-style: solid;
  width: 1em;
  height: 1em;
  font-size: 1em;
  line-height: 1em;
  text-align: center;
}
.k-checkbox:indeterminate + .k-checkbox-label:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-width: 1px;
  border-style: solid;
  width: 8px;
  height: 8px;
  font-size: 1em;
  text-align: center;
  content: " ";
  margin-left: -2px;
}
.k-checkbox:checked + .k-checkbox-label:before {
  content: "\2713";
}
.k-checkbox:disabled + .k-checkbox-label {
  cursor: auto;
}
.k-radio-label {
  position: relative;
  padding-left: 1.5em;
  vertical-align: middle;
  line-height: .875em;
  cursor: pointer;
}
.k-radio-label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  border-style: solid;
}
.k-radio:checked + .k-radio-label:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 3px;
  left: 3px;
}
.k-radio:disabled + .k-radio-label {
  cursor: auto;
}
.k-ie8 .k-radio,
.k-ie8 input.k-checkbox {
  display: inline-block;
  width: auto;
}
.k-ie8 .k-checkbox-label,
.k-ie8 .k-radio-label {
  padding-left: 0;
}
.k-ie8 .k-checkbox-label:before,
.k-ie8 .k-radio-label:after,
.k-ie8 .k-radio-label:before {
  display: none;
}
.k-rtl .k-checkbox-label,
.k-rtl .k-radio-label {
  padding-right: 1.5em;
}
.k-rtl .k-checkbox-label:before,
.k-rtl .k-radio-label:before {
  right: 0;
}
.k-rtl .k-radio:checked + .k-radio-label:after {
  right: 3px;
}
input.k-checkbox + label {
  -webkit-user-select: none;
}
.k-pdf-export-shadow {
  position: absolute;
  overflow: hidden;
  left: -15000px;
  width: 14400px;
}
.km-native-scroller {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: pan-x pan-y;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-scroll-snap-type: proximity;
}
.k-rpanel-left {
  -webkit-transform: translateX(-100%) translateZ(0);
  -ms-transform: translateX(-100%) translateZ(0);
  transform: translateX(-100%) translateZ(0);
  left: 0;
}
.k-rpanel-right {
  -webkit-transform: translateX(100%) translateZ(0);
  -ms-transform: translateX(100%) translateZ(0);
  transform: translateX(100%) translateZ(0);
  right: 0;
}
.k-rpanel-left,
.k-rpanel-right {
  position: fixed;
  display: block;
  overflow: auto;
  min-width: 320px;
  height: 100%;
  top: 0;
}
.k-rpanel-left.k-rpanel-expanded,
.k-rpanel-right.k-rpanel-expanded {
  -webkit-transform: translateX(0) translateZ(0);
  -ms-transform: translateX(0) translateZ(0);
  transform: translateX(0) translateZ(0);
}
.k-rpanel-left + *,
.k-rpanel-right + * {
  overflow: auto;
}
.k-rpanel-top {
  position: static;
  max-height: 0;
}
.k-rpanel-top.k-rpanel-expanded {
  max-height: 568px;
  overflow: visible !important;
}
.k-edit-form {
  margin: 0;
  padding: 0;
}
.k-window > div.k-popup-edit-form {
  padding: 1em 0;
}
.k-grid-edit-row .k-edit-form td {
  border-bottom-width: 0;
}
.k-edit-form-container {
  position: relative;
  width: 400px;
}
.k-edit-form-container .editor-label,
.k-edit-label {
  float: left;
  clear: both;
  width: 30%;
  padding: .4em 0 1em;
  margin-left: 2%;
  text-align: right;
}
.k-edit-field,
.k-edit-form-container .editor-field {
  float: right;
  clear: right;
  width: 60%;
  margin-right: 2%;
  padding: 0 0 0.6em;
}
.k-edit-field > input[type=checkbox],
.k-edit-field > input[type=radio] {
  margin-top: 0.4em;
}
.k-edit-form-container .k-button {
  margin: 0 0.16em;
}
.k-edit-field > .k-button:first-child,
.k-edit-field > input[type=checkbox]:first-child,
.k-edit-field > input[type=radio]:first-child,
.k-edit-field > label:first-child > input[type=checkbox] {
  margin-left: 0;
}
.k-edit-form-container .k-edit-buttons {
  clear: both;
  text-align: right;
  border-width: 1px 0 0;
  border-style: solid;
  position: relative;
  bottom: -1em;
  padding: 0.6em;
}
div.k-window {
  display: inline-block;
  position: absolute;
  z-index: 10001;
  border-style: solid;
  border-width: 1px;
  padding-top: 2em;
}
.k-block > .k-header,
.k-window-titlebar {
  position: absolute;
  width: 100%;
  height: 1.1em;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-top: -2em;
  padding: .4em 0;
  font-size: 1.2em;
  white-space: nowrap;
  min-height: 16px;
}
.k-block > .k-header {
  position: relative;
  margin: -2px 0 10px -2px;
  padding: 0.3em 2px;
}
.k-window-title {
  position: absolute;
  left: .44em;
  right: .44em;
  overflow: hidden;
  cursor: default;
  text-overflow: ellipsis;
}
.k-window-title .k-image {
  margin: 0 5px 0 0;
  vertical-align: middle;
}
div.k-window-titleless {
  padding-top: 0;
}
div.k-window-content {
  position: relative;
  height: 100%;
  padding: .58em;
  overflow: auto;
  outline: 0;
}
div.k-window-iframecontent {
  padding: 0;
  overflow: visible;
}
.k-window-content > .km-scroll-container {
  height: 100%;
}
.k-window-titlebar .k-window-actions {
  position: absolute;
  top: 0;
  right: .3em;
  padding-top: .3em;
  white-space: nowrap;
}
.k-window-titlebar .k-window-action {
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 2px;
  text-decoration: none;
  vertical-align: middle;
  opacity: 0.7;
}
.k-window-titlebar .k-state-hover {
  border-style: solid;
  border-width: 1px;
  padding: 1px;
  opacity: 1;
}
.k-window-action .k-icon {
  margin: 0;
  vertical-align: top;
}
.k-window > .k-resize-handle {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  font-size: 0;
  line-height: 6px;
  filter: alpha(opacity=0);
  opacity: 0;
  zoom: 1;
}
.k-resize-n {
  top: -3px;
  left: 0;
  width: 100%;
  height: 6px;
  cursor: n-resize;
}
.k-resize-e {
  top: 0;
  right: -3px;
  width: 6px;
  height: 100%;
  cursor: e-resize;
}
.k-resize-s {
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 6px;
  cursor: s-resize;
}
.k-resize-w {
  top: 0;
  left: -3px;
  width: 6px;
  height: 100%;
  cursor: w-resize;
}
.k-resize-se {
  bottom: -3px;
  right: -3px;
  width: 16px;
  height: 16px;
  cursor: se-resize;
}
.k-resize-sw {
  bottom: -3px;
  left: -3px;
  width: 6px;
  height: 6px;
  cursor: sw-resize;
}
.k-resize-ne {
  top: -3px;
  right: -3px;
  width: 6px;
  height: 6px;
  cursor: ne-resize;
}
.k-resize-nw {
  top: -3px;
  left: -3px;
  width: 6px;
  height: 6px;
  cursor: nw-resize;
}
.k-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
  width: 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.k-window .k-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
}
.k-action-buttons {
  clear: both;
  text-align: right;
  border-width: 1px 0 0;
  border-style: solid;
  position: relative;
  bottom: -1em;
  padding: .6em;
  margin: 0 -1em;
}
.k-action-buttons .k-button {
  display: inline-block;
  margin: 0 0 0 6px;
  min-width: 75px;
}
.k-tabstrip {
  margin: 0;
  padding: 0;
  zoom: 1;
  position: relative;
}
.k-tabstrip-items {
  padding: 0.3em 0.3em 0;
}
.k-tabstrip-scrollable .k-tabstrip-items {
  white-space: nowrap;
  overflow: hidden;
}
.k-tabstrip > .k-button {
  position: absolute;
  top: .4em;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.k-tabstrip-bottom > .k-button {
  top: auto;
  bottom: 0.4em;
}
.k-tabstrip-prev {
  left: 0.4em;
}
.k-tabstrip-next {
  right: 0.4em;
}
.k-panelbar .k-tabstrip-items .k-item,
.k-tabstrip-items .k-item {
  list-style-type: none;
  display: inline-block;
  position: relative;
  border-style: solid;
  border-width: 1px 1px 0;
  margin: 0 -1px 0 0;
  padding: 0;
  vertical-align: top;
}
.k-panelbar .k-tabstrip-items .k-state-active,
.k-tabstrip-items .k-state-active,
.k-tabstrip-items .k-tab-on-top {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.k-tabstrip-items .k-tab-on-top {
  z-index: 1;
}
.k-panelbar .k-tabstrip-items .k-link,
.k-tabstrip-items .k-link {
  display: inline-block;
  border-bottom-width: 0;
  padding: 0.5em 0.92em;
}
.k-panelbar .k-tabstrip-items .k-icon,
.k-tabstrip-items .k-icon {
  margin: -1px 4px 0 -3px;
  vertical-align: top;
}
.k-panelbar .k-tabstrip-items .k-item .k-image,
.k-panelbar .k-tabstrip-items .k-item .k-sprite,
.k-tabstrip-items .k-item .k-image,
.k-tabstrip-items .k-item .k-sprite {
  margin: -3px 3px 0 -6px;
  vertical-align: middle;
}
.k-tabstrip-items .k-loading {
  top: 0;
  left: 0;
  height: 0;
  width: 20%;
  position: absolute;
  background: 0 0;
  border-top: 1px solid transparent;
  border-color: inherit;
  -webkit-transition: width .2s linear;
  transition: width .2s linear;
  -webkit-transition: "width 200ms linear";
  transition: "width 200ms linear";
  -webkit-animation: k-tab-loader 1s ease-in-out infinite;
  animation: k-tab-loader 1s ease-in-out infinite;
}
.k-tabstrip-items .k-progress {
  -webkit-animation: none;
  animation: none;
}
.k-tabstrip-items .k-loading.k-complete {
  width: 100%;
  -webkit-animation: none;
  animation: none;
}
.k-panelbar .k-tabstrip > .k-content,
.k-tabstrip > .k-content {
  position: static;
  border-style: solid;
  border-width: 1px;
  margin: 0 .286em .3em;
  padding: .3em .92em;
  zoom: 1;
}
.k-tabstrip > .k-content {
  display: none;
  overflow: auto;
}
.k-tabstrip > .k-content.km-scroll-wrapper {
  padding: 0;
}
.k-tabstrip > .k-content > .km-scroll-container {
  padding: 0.3em 0.92em;
}
@-webkit-keyframes k-tab-loader {
  0% {
    left: 0;
  }
  50% {
    left: 80%;
  }
  100% {
    left: 0;
  }
}
@keyframes k-tab-loader {
  0% {
    left: 0;
  }
  50% {
    left: 80%;
  }
  100% {
    left: 0;
  }
}
.k-tabstrip-left > div.k-content,
.k-tabstrip-right > div.k-content {
  margin: 0.286em 0.3em;
}
.k-tabstrip-left > .k-tabstrip-items .k-item,
.k-tabstrip-right > .k-tabstrip-items .k-item {
  display: block;
  margin-bottom: -1px;
}
.k-tabstrip-left > .k-tabstrip-items .k-link,
.k-tabstrip-right > .k-tabstrip-items .k-link {
  display: block;
}
.k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active,
.k-tabstrip-left > .k-tabstrip-items .k-state-active,
.k-tabstrip-left > .k-tabstrip-items .k-tab-on-top,
.k-tabstrip-right > .k-tabstrip-items .k-state-active,
.k-tabstrip-right > .k-tabstrip-items .k-tab-on-top {
  margin-bottom: -1px;
  padding-bottom: 0;
}
.k-tabstrip-left > .k-tabstrip-items {
  float: left;
  padding: 0.25em 0 0.3em 0.3em;
}
.k-tabstrip-left > .k-tabstrip-items .k-item {
  border-width: 1px 0 1px 1px;
  border-radius: 3px 0 0 3px;
}
.k-tabstrip-left > .k-tabstrip-items .k-state-active {
  border-width: 1px 0 1px 1px;
}
.k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active,
.k-tabstrip-left > .k-tabstrip-items .k-state-active,
.k-tabstrip-left > .k-tabstrip-items .k-tab-on-top {
  margin-right: -2px;
  padding-right: 1px;
}
.k-tabstrip-right > .k-tabstrip-items {
  float: right;
  padding: 0.25em 0.3em 0.3em 0;
}
.k-tabstrip-right > .k-tabstrip-items .k-item {
  border-width: 1px 1px 1px 0;
  border-radius: 0 3px 3px 0;
}
.k-tabstrip-right > .k-tabstrip-items .k-state-active {
  border-width: 1px 1px 1px 0;
}
.k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active,
.k-tabstrip-right > .k-tabstrip-items .k-state-active,
.k-tabstrip-right > .k-tabstrip-items .k-tab-on-top {
  margin-left: -1px;
  padding-left: 1px;
}
.k-tabstrip-bottom > .k-tabstrip-items {
  margin-top: -1px;
  padding: 0 0.3em 0.3em;
}
.k-panelbar .k-tabstrip-bottom > .k-content,
.k-tabstrip-bottom > .k-content {
  margin: .3em .286em 0;
  z-index: 1;
  position: relative;
}
.k-tabstrip-bottom > .k-tabstrip-items .k-item {
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;
}
.k-tabstrip-bottom > .k-tabstrip-items .k-state-active {
  margin-bottom: 0;
  padding-bottom: 0;
}
.k-tabstrip-bottom > .k-content {
  min-height: 100px;
}
.k-tabstrip-bottom > .k-tabstrip-items .k-loading {
  top: auto;
  bottom: 0;
}
.k-panelbar {
  zoom: 1;
}
.k-panel > .k-item,
.k-panelbar > .k-item {
  list-style-type: none;
  display: block;
  border-width: 0;
  margin: 0;
  zoom: 1;
  border-radius: 0;
}
.k-panelbar .k-link > .k-image,
.k-panelbar .k-link > .k-sprite {
  float: left;
  margin-top: 4px;
  margin-right: 5px;
  vertical-align: middle;
}
.k-panel > .k-item > .k-link,
.k-panelbar > .k-item > .k-link {
  display: block;
  position: relative;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 0 1em;
  line-height: 2.34em;
  text-decoration: none;
  zoom: 1;
}
.k-panelbar-collapse,
.k-panelbar-expand {
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -8px;
}
.k-panelbar .k-content,
.k-panelbar .k-panel {
  position: relative;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin: 0;
  padding: 0;
  zoom: 1;
}
.k-panel > .k-item > .k-link {
  border-bottom: 0;
  font-size: .95em;
  line-height: 2.2;
}
.k-panel .k-panel > .k-item > .k-link {
  padding-left: 2em;
}
.k-panelbar .k-i-seek-e .k-link {
  border-bottom: 0;
}
.k-panel .k-panel {
  border-bottom: 0;
}
.k-menu {
  cursor: default;
}
.k-menu,
.k-menu .k-menu-group {
  list-style: none;
  margin: 0;
  padding: 0;
  zoom: 1;
}
.k-menu:after {
  content: '';
  display: block;
  width: 99%;
  height: 0;
  float: inherit;
  clear: both;
}
.k-menu .k-item {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.k-menu .k-item div {
  -webkit-user-select: default;
  -moz-user-select: default;
  -ms-user-select: default;
  user-select: default;
}
.k-menu .k-item .k-item,
ul.k-menu-vertical > .k-item {
  display: block;
  float: none;
  border-width: 0;
}
.k-menu .k-image,
.k-menu .k-item > .k-link > .k-icon,
.k-menu .k-sprite {
  margin: -2px 4px 0 -4px;
  vertical-align: middle;
}
.k-menu .k-item > .k-link > .k-icon {
  margin: -2px 0 0;
}
.k-menu .k-item > .k-link {
  display: block;
  padding: .5em 1.1em .4em;
  line-height: 1.34em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.k-menu .k-menu-group {
  display: none;
  border-style: solid;
  border-width: 1px;
  overflow: visible;
  white-space: nowrap;
}
.k-menu .k-menu-group > .k-item {
  display: block;
  border-width: 0;
}
.k-menu .k-item,
.k-widget.k-menu-horizontal > .k-item {
  position: relative;
  float: left;
  border-style: solid;
  border-width: 0 1px 0 0;
  vertical-align: top;
  zoom: 1;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.k-context-menu.k-menu-vertical > .k-item > .k-link,
.k-menu .k-menu-group .k-item > .k-link {
  padding: 0.28em 1.8em 0.38em 0.9em;
}
.k-context-menu.k-menu-horizontal > .k-separator {
  display: none;
}
.k-context-menu.k-menu-horizontal > .k-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.k-context-menu.k-menu-horizontal > .k-last {
  border: 0;
}
.k-menu .k-item > .k-link > .k-i-arrow-s {
  margin-right: -8px;
}
.k-menu .k-item > .k-link > .k-i-arrow-e {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 2px;
  right: 0.2rem;
}
.k-menu .k-animation-container {
  border: 0;
}
.k-menu .k-animation-container,
.k-menu .k-menu-group {
  position: absolute;
  left: 0;
}
.k-menu .k-animation-container .k-animation-container,
.k-menu .k-menu-group .k-menu-group,
.k-menu-vertical .k-animation-container,
.k-menu-vertical .k-menu-group {
  top: 0;
  left: 0;
}
.k-menu .k-animation-container .k-menu-group {
  top: auto;
  left: auto;
  margin-left: -1px;
}
.k-menu .k-animation-container,
.k-popup .k-animation-container {
  margin-top: -1px;
  padding-left: 1px;
}
.k-ie .k-menu .k-animation-container,
.k-ie .k-popup .k-animation-container {
  margin-top: -2px;
}
.k-popup .k-animation-container .k-popup {
  margin-left: -1px;
}
ul.k-menu .k-separator {
  padding: .25em 0;
  height: 100%;
  width: 1px;
  font-size: 0;
  line-height: 0;
  border-width: 0 1px 0 0;
}
.k-menu .k-menu-group .k-separator,
ul.k-menu-vertical .k-separator {
  padding: 0;
  height: 1px;
  width: 100%;
  border-width: 1px 0 0;
}
.k-context-menu {
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.k-grid,
.k-listview {
  position: relative;
  zoom: 1;
}
.k-grid table {
  width: 100%;
  margin: 0;
  max-width: none;
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  border-width: 0;
  outline: 0;
}
.k-header.k-drag-clue {
  overflow: hidden;
}
.k-filter-row th,
.k-grid-header th.k-header {
  overflow: hidden;
  border-style: solid;
  border-width: 0 0 1px 1px;
  padding: .5em .6em .4em .6em;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.k-grid-header th.k-header {
  vertical-align: bottom;
}
.k-filtercell,
.k-filtercell .k-widget,
.k-filtercell > span {
  display: block;
  width: auto;
}
.k-filtercell > span {
  padding-right: 4.8em;
  position: relative;
  min-height: 2em;
  line-height: 2em;
}
.k-filtercell > .k-operator-hidden {
  padding-right: 2.3em;
}
.k-filter-row .k-dropdown-operator,
.k-filtercell > span > .k-button {
  position: absolute;
  top: 0;
  right: 0;
}
.k-filter-row .k-dropdown-operator {
  width: 2.1em;
  right: 2.5em;
}
.k-filtercell > span > label {
  vertical-align: middle;
}
.k-filter-row label > input[type=radio] {
  vertical-align: middle;
  position: relative;
  bottom: 2px;
}
.k-ie10 .k-grid-header a:active {
  background-color: transparent;
}
.k-grid-header th.k-header > .k-link {
  display: block;
  min-height: 18px;
  line-height: 18px;
  margin: -0.5em -0.6em -0.4em 0;
  padding: .5em .6em .4em 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.k-grid-header th.k-with-icon .k-link {
  margin-right: 18px;
}
.k-grid-header th.k-header .k-icon {
  position: static;
}
.k-grid-header th > .k-link > .k-icon {
  vertical-align: text-top;
}
.k-grid .k-state-hover {
  cursor: pointer;
}
.k-grid-column-resizing,
.k-grid-column-resizing .k-button,
.k-grid-column-resizing .k-grid-filter,
.k-grid-column-resizing .k-grid-toolbar,
.k-grid-column-resizing .k-link {
  cursor: col-resize;
}
.k-grid td {
  border-style: solid;
  border-width: 0 0 0 1px;
  padding: .4em .6em;
  overflow: hidden;
  line-height: 1.6em;
  vertical-align: middle;
  text-overflow: ellipsis;
}
.k-grid .k-grouping-row td,
.k-grid .k-hierarchy-cell {
  overflow: visible;
}
.k-grid-edit-row td {
  text-overflow: clip;
}
.k-grid-edit-row .k-textbox,
.k-grid-edit-row .text-box {
  margin-top: 0;
  margin-bottom: 0;
}
.k-grid-footer-wrap,
.k-grid-header-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-style: solid;
  border-width: 0 1px 0 0;
  zoom: 1;
}
div.k-grid-footer,
div.k-grid-header {
  padding-right: 17px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  zoom: 1;
}
.k-grid-header-locked > table,
.k-grid-header-wrap > table {
  margin-bottom: -1px;
}
.k-grid-content {
  position: relative;
  width: 100%;
  overflow: auto;
  overflow-x: auto;
  overflow-y: scroll;
  zoom: 1;
  min-height: 0;
}
.k-mobile .k-grid tbody {
  -webkit-backface-visibility: hidden;
}
.k-mobile .k-grid-backface tbody {
  -webkit-backface-visibility: visible;
}
.k-grid-content-expander {
  position: absolute;
  visibility: hidden;
  height: 1px;
}
.k-grid-norecords {
  width: 100%;
  height: 100%;
  text-align: center;
}
.k-grid-norecords-template {
  width: 20em;
  height: 4em;
  line-height: 4em;
  vertical-align: middle;
  margin: 0 auto;
}
.k-grid-content > .k-grid-norecords > .k-grid-norecords-template {
  top: 50%;
  left: 50%;
  margin-left: -10em;
  margin-top: -2em;
  position: absolute;
}
@media print {
  .k-grid {
    height: auto !important;
  }
  .k-grid-header {
    padding: 0 !important;
  }
  .k-grid-content,
  .k-grid-header-wrap {
    overflow: visible;
    height: auto !important;
  }
}
.k-grid .k-scrollbar {
  -ms-overflow-style: scrollbar;
}
.k-virtual-scrollable-wrap {
  height: 100%;
  overflow-y: hidden;
  position: relative;
}
.k-grid-content table,
.k-grid-content-locked > table,
.k-grid-footer table,
.k-grid-header table {
  table-layout: fixed;
}
.k-grid-lockedcolumns {
  white-space: nowrap;
}
.k-grid-content,
.k-grid-content-locked,
.k-pager-wrap {
  white-space: normal;
}
.k-grid-content-locked,
.k-grid-footer-locked,
.k-grid-header-locked {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  border-style: solid;
  border-width: 0 1px 0 0;
}
.k-grid-content-locked + .k-grid-content,
.k-grid-footer-locked + .k-grid-footer-wrap,
.k-grid-header-locked + .k-grid-header-wrap {
  display: inline-block;
  vertical-align: top;
}
.k-grid-toolbar {
  border-style: solid;
  border-width: 1px 0 0;
}
.k-filter-row > th:first-child,
.k-grid tbody td:first-child,
.k-grid tfoot td:first-child,
.k-grid-header th.k-header:first-child {
  border-left-width: 0;
}
.k-grid-header th.k-header.k-first {
  border-left-width: 1px;
}
.k-grid-toolbar:first-child,
.k-grouping-header + .k-grid-toolbar {
  border-width: 0 0 1px;
}
.k-footer-template td {
  border-style: solid;
  border-width: 1px 0 0 1px;
}
.k-group-footer td {
  border-style: solid;
  border-width: 1px 0;
}
.k-group-footer .k-group-cell + td {
  border-left-width: 1px;
}
.k-grid-footer {
  border-style: solid;
  border-width: 1px 0 0;
}
.k-grid-footer td {
  border-top-width: 0;
}
.k-grid-footer > td {
  border-top-width: 1px;
}
.k-pager-wrap {
  clear: both;
  overflow: hidden;
  position: relative;
  border-style: solid;
  border-width: 1px;
  line-height: 2em;
  padding: 0.333em 0 0.333em 0.25em;
}
.k-grid-pager {
  border-width: 1px 0 0;
}
.k-grid .k-pager-numbers,
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
  display: inline-block;
  vertical-align: top;
  margin-right: 1px;
}
.k-pager-numbers {
  margin: 0 2px;
}
.k-pager-numbers .k-state-selected {
  vertical-align: top;
}
.k-pager-numbers .k-current-page {
  display: none;
}
.k-pager-input,
.k-pager-numbers li {
  float: left;
}
.k-grid .k-pager-numbers {
  float: left;
  cursor: default;
}
.k-widget.k-grid .k-pager-numbers {
  position: relative;
}
.k-pager-info {
  float: right;
  padding: 0 1.333em;
}
.k-pager-numbers .k-link {
  text-decoration: none;
}
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected,
.k-pager-wrap > .k-link {
  min-width: 2em;
}
.k-pager-wrap > .k-link {
  float: left;
  margin: 0 .08333em;
  height: 2em;
  line-height: 2em;
  border-radius: 1.0833em;
  cursor: pointer;
  text-align: center;
}
.k-pager-wrap > a.k-state-disabled:hover {
  background: 0 0;
  cursor: default;
}
.k-pager-numbers .k-link {
  text-align: center;
  line-height: 2em;
  border-style: solid;
  border-width: 1px;
  border-radius: 1.0833em;
}
.k-pager-wrap > .k-link {
  border-style: solid;
  border-width: 1px;
}
.k-pager-wrap .k-pager-refresh {
  float: right;
  margin-right: .5em;
  border-width: 0;
  border-radius: 0;
}
.k-pager-numbers .k-state-selected {
  border-style: solid;
  border-width: 1px;
  text-align: center;
  border-radius: 1.0833em;
}
.k-pager-wrap .k-textbox {
  width: 3.333em;
}
.k-pager-wrap .k-dropdown {
  width: 4.5em;
}
.k-pager-refresh {
  float: right;
}
.k-pager-input,
.k-pager-sizes {
  padding: 0 1.4166em;
}
.k-pager-sizes {
  display: inline-block;
  padding-top: 1px;
}
.k-pager-sizes .k-widget.k-dropdown {
  margin-top: -2px;
}
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-widget {
  margin: 0 0.4em 0;
}
.k-header > .k-grid-filter,
.k-header > .k-header-column-menu {
  float: right;
  margin: -0.5em -0.6em -0.4em;
  padding: .5em .2em .4em;
  position: relative;
  z-index: 1;
}
.k-grid .k-animation-container {
  position: absolute;
}
.k-filter-menu {
  padding: 0.5em;
}
.k-list-filter {
  display: block;
}
form.k-filter-menu .k-textbox,
form.k-filter-menu .k-widget {
  display: block;
}
form.k-filter-menu .k-textbox {
  width: 100%;
  margin-bottom: 3px;
}
.k-filter-help-text,
.k-filter-menu .k-textbox,
.k-filter-menu .k-widget {
  margin: 0.19em 0 0;
}
.k-filter-menu span.k-filter-and {
  width: 6em;
  margin: 0.5em 0 0.5em;
}
.k-filter-menu .k-button {
  width: 48%;
  margin: 0.5em 4% 0 0;
}
.k-filter-menu .k-button + .k-button {
  margin-right: 0;
}
.k-multicheck-wrap {
  overflow: auto;
  overflow-x: hidden;
  white-space: nowrap;
  max-height: 300px;
}
.k-multicheck-wrap .k-item {
  line-height: 2.2em;
}
.k-grouping-row .k-icon {
  margin: -3px 4px 0 2px;
}
.k-grouping-row p {
  display: inline-block;
  vertical-align: middle;
  margin-left: -0.6em;
  padding: 0 0.6em;
}
.k-grouping-row + tr td {
  border-top-width: 1px;
}
.k-grouping-row .k-group-cell,
.k-grouping-row + tr .k-group-cell {
  border-top-width: 0;
  text-overflow: none;
}
.k-grid .k-hierarchy-cell + td {
  border-left-width: 0;
}
.k-grid .k-group-col,
.k-grid .k-hierarchy-col {
  width: 27px;
}
.k-grouping-header {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.k-grouping-header {
  line-height: 2;
}
.k-grouping-dropclue {
  position: absolute;
  width: 6px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: -165px -148px;
}
.k-grouping-header .k-group-indicator {
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  margin: 0 3px;
  padding: .15em .15em .15em .4em;
  line-height: 1.5em;
}
.k-grouping-header .k-link {
  display: inline-block;
  border-width: 0;
  padding: 0;
  line-height: normal;
  text-decoration: none;
}
.k-grouping-header .k-button {
  border: 0;
  padding: 0;
  background: 0 0;
  line-height: 1;
}
.k-grouping-header .k-link .k-icon {
  margin: 0 0 0 -3px;
}
.k-grouping-header .k-button .k-icon {
  margin: 0 0 0 3px;
}
.k-grouping-header .k-button,
.k-grouping-header a {
  display: inline-block;
  vertical-align: middle;
}
.k-dirty-cell:before {
  content: "\a0";
  display: inline-block;
  width: 0;
  float: left;
}
.k-dirty {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px;
  border-color: red transparent transparent red;
  margin: -0.45em 0 0 -0.6em;
  padding: 0;
  overflow: hidden;
  vertical-align: top;
}
.k-grid-toolbar,
.k-grouping-header {
  margin: 0;
  padding: .22em .2em .28em;
  cursor: default;
}
.k-grid .k-edit-container {
  padding: 0;
}
.k-grid .field-validation-error {
  display: block;
}
.k-grid .input-validation-error {
  border-style: ridge;
  border-color: red;
  background-color: pink;
}
.k-grid-toolbar .k-button {
  vertical-align: middle;
}
.k-grid-actions {
  display: inline-block;
}
.k-grid .k-button {
  margin: 0 0.16em;
}
.k-grid tbody .k-button,
.k-ie8 .k-grid tbody button.k-button {
  min-width: 64px;
}
.k-grid tbody button.k-button {
  min-width: 78px;
}
html body .k-grid tbody .k-button-icon {
  width: auto;
  min-width: 0;
}
.k-detail-row {
  position: relative;
}
.k-grid .k-detail-cell {
  overflow: visible;
}
.k-grid .k-edit-cell {
  padding: 0 .3em;
  white-space: nowrap;
}
.k-grid .k-edit-cell .k-tooltip {
  white-space: normal;
}
.k-edit-cell > .k-textbox,
.k-edit-cell > .k-widget,
.k-grid-edit-row > td > .k-textbox,
.k-grid-edit-row > td > .k-widget,
.k-grid-edit-row > td > .text-box {
  width: 100%;
}
html .k-edit-cell .k-tooltip,
html .k-grid-edit-row .k-tooltip {
  width: auto;
  max-width: 300px;
}
.k-edit-cell input[type=checkbox] {
  margin-left: 0.6em;
}
.k-grid tbody td > .k-grid-delete {
  margin-top: -0.2em;
  margin-bottom: -0.2em;
}
.k-grid-resize-indicator {
  position: absolute;
  width: 2px;
  background-color: #aaa;
}
.k-grid-header .k-resize-handle,
.k-grid > .k-resize-handle {
  position: absolute;
  height: 25px;
  cursor: col-resize;
  z-index: 2;
}
.k-marquee {
  position: absolute;
  z-index: 100000;
}
.k-marquee-color,
.k-marquee-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.k-marquee-color {
  filter: alpha(opacity=60);
  opacity: 0.6;
}
.k-ie9 .k-column-menu {
  width: 160px;
}
.k-ie8 .k-grid-filter,
.k-ie8 .k-header-column-menu {
  font-size: 100%;
}
.k-column-menu {
  min-width: 160px;
}
.k-column-menu .k-sprite {
  margin-right: 10px;
}
.k-column-menu > .k-menu {
  border-width: 0;
}
.k-columns-item .k-group {
  max-height: 200px;
  overflow: auto;
}
.k-pdf-export-shadow .k-grid {
  float: left;
  width: auto !important;
}
.k-pdf-export-shadow .k-grid,
.k-pdf-export-shadow .k-grid-content,
.k-pdf-export-shadow .k-grid-content-locked {
  height: auto!important;
  overflow: visible;
}
.k-pdf-export-shadow .k-grid-content-locked + .k-grid-content,
.k-pdf-export-shadow .k-grid-footer-locked + .k-grid-footer-wrap,
.k-pdf-export-shadow .k-grid-header-locked + .k-grid-header-wrap {
  width: auto !important;
}
.k-pdf-export-shadow .k-grid-footer,
.k-pdf-export-shadow .k-grid-header {
  padding: 0 !important;
}
.k-loading-pdf-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}
.k-loading-pdf-mask .k-loading-color {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.k-loading-pdf-mask .k-loading-pdf-progress {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.k-pdf-export .k-loading-pdf-mask {
  display: none;
}
.k-autofitting {
  width: auto!important;
  table-layout: auto !important;
}
.k-autofitting td,
.k-autofitting th.k-header {
  white-space: nowrap !important;
}
.k-autofitting .k-detail-row {
  display: none !important;
}
@media only screen and (max-width: 1024px) {
  .k-ff .k-pager-wrap,
  .k-ie11 .k-pager-wrap,
  .k-safari .k-pager-wrap,
  .k-webkit .k-pager-wrap {
    overflow: visible;
  }
  .k-ff .k-pager-input,
  .k-ff .k-pager-wrap .k-pager-nav,
  .k-ie11 .k-pager-input,
  .k-ie11 .k-pager-wrap .k-pager-nav,
  .k-safari .k-pager-input,
  .k-safari .k-pager-wrap .k-pager-nav,
  .k-webkit .k-pager-input,
  .k-webkit .k-pager-wrap .k-pager-nav {
    display: inline-block;
    vertical-align: top;
  }
  .k-ff .k-grid .k-pager-numbers,
  .k-ff .k-pager-numbers,
  .k-ie11 .k-grid .k-pager-numbers,
  .k-ie11 .k-pager-numbers,
  .k-safari .k-grid .k-pager-numbers,
  .k-safari .k-pager-numbers,
  .k-webkit .k-grid .k-pager-numbers,
  .k-webkit .k-pager-numbers {
    position: relative;
    left: 4.8em;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    overflow: visible;
    height: auto;
  }
  .k-ff .k-grid .k-pager-numbers.k-state-expanded,
  .k-ff .k-pager-numbers.k-state-expanded,
  .k-ie11 .k-grid .k-pager-numbers.k-state-expanded,
  .k-ie11 .k-pager-numbers.k-state-expanded,
  .k-safari .k-grid .k-pager-numbers.k-state-expanded,
  .k-safari .k-pager-numbers.k-state-expanded,
  .k-webkit .k-grid .k-pager-numbers.k-state-expanded,
  .k-webkit .k-pager-numbers.k-state-expanded {
    -ms-transform: translatey(-100%);
    transform: translatey(-100%);
    -webkit-transform: translatey(-100%);
  }
  .k-ff .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-ff .km-pane-wrapper .k-pager-numbers,
  .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-ie11 .km-pane-wrapper .k-pager-numbers,
  .k-safari .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-safari .km-pane-wrapper .k-pager-numbers,
  .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-webkit .km-pane-wrapper .k-pager-numbers {
    left: 50%;
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -webkit-transform: translate(-50%, -100%);
  }
  .k-ff .km-pane-wrapper .k-pager-numbers .k-link,
  .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected,
  .k-ff .km-pane-wrapper .k-pager-wrap > .k-link,
  .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info,
  .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link,
  .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected,
  .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link,
  .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info,
  .k-safari .km-pane-wrapper .k-pager-numbers .k-link,
  .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected,
  .k-safari .km-pane-wrapper .k-pager-wrap > .k-link,
  .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info,
  .k-webkit .km-pane-wrapper .k-pager-numbers .k-link,
  .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected,
  .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link,
  .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info {
    padding-top: 0;
    padding-bottom: 0;
  }
  .k-ff .k-rtl .k-grid .k-pager-numbers,
  .k-ff .k-rtl .k-pager-numbers,
  .k-ie11 .k-rtl .k-grid .k-pager-numbers,
  .k-ie11 .k-rtl .k-pager-numbers,
  .k-safari .k-rtl .k-grid .k-pager-numbers,
  .k-safari .k-rtl .k-pager-numbers,
  .k-webkit .k-rtl .k-grid .k-pager-numbers,
  .k-webkit .k-rtl .k-pager-numbers {
    left: auto;
    right: 4.8em;
    width: 4.5em;
  }
  .k-ff .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-ff .k-rtl .km-pane-wrapper .k-pager-numbers,
  .k-ie11 .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-ie11 .k-rtl .km-pane-wrapper .k-pager-numbers,
  .k-safari .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-safari .k-rtl .km-pane-wrapper .k-pager-numbers,
  .k-webkit .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-webkit .k-rtl .km-pane-wrapper .k-pager-numbers {
    right: 5.8em;
  }
  .k-ff .k-grid .k-pager-numbers .k-current-page,
  .k-ff .k-pager-numbers .k-current-page,
  .k-ie11 .k-grid .k-pager-numbers .k-current-page,
  .k-ie11 .k-pager-numbers .k-current-page,
  .k-safari .k-grid .k-pager-numbers .k-current-page,
  .k-safari .k-pager-numbers .k-current-page,
  .k-webkit .k-grid .k-pager-numbers .k-current-page,
  .k-webkit .k-pager-numbers .k-current-page {
    display: block;
    border-left: 0;
  }
  .k-ff .k-grid .k-pager-number.k-state-expanded .k-current-page,
  .k-ff .k-pager-numbers.k-state-expanded .k-current-page,
  .k-ie11 .k-grid .k-pager-number.k-state-expanded .k-current-page,
  .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
  .k-safari .k-grid .k-pager-number.k-state-expanded .k-current-page,
  .k-safari .k-pager-numbers.k-state-expanded .k-current-page,
  .k-webkit .k-grid .k-pager-number.k-state-expanded .k-current-page,
  .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
    -ms-transform: translatey(100%);
    transform: translatey(100%);
    -webkit-transform: translatey(100%);
  }
  .k-ff .k-pager-numbers li:not(.k-current-page),
  .k-ie11 .k-pager-numbers li:not(.k-current-page),
  .k-safari .k-pager-numbers li:not(.k-current-page),
  .k-webkit .k-pager-numbers li:not(.k-current-page) {
    display: none;
  }
  .k-ff .k-pager-numbers .k-current-page .k-link,
  .k-ie11 .k-pager-numbers .k-current-page .k-link,
  .k-safari .k-pager-numbers .k-current-page .k-link,
  .k-webkit .k-pager-numbers .k-current-page .k-link {
    width: 3.2em;
    padding: 0 .429em 0 .714em;
    border-radius: 1.0833em;
  }
  .k-ff .k-pager-numbers + .k-link,
  .k-ie11 .k-pager-numbers + .k-link,
  .k-safari .k-pager-numbers + .k-link,
  .k-webkit .k-pager-numbers + .k-link {
    margin-left: 4.8em;
  }
  .k-ff .k-rtl .k-pager-numbers + .k-link,
  .k-ie11 .k-rtl .k-pager-numbers + .k-link,
  .k-safari .k-rtl .k-pager-numbers + .k-link,
  .k-webkit .k-rtl .k-pager-numbers + .k-link {
    margin-right: 5.1em;
    margin-left: 0;
  }
  .k-ff .k-pager-numbers .k-link,
  .k-ff .k-pager-numbers .k-state-selected,
  .k-ie11 .k-pager-numbers .k-link,
  .k-ie11 .k-pager-numbers .k-state-selected,
  .k-safari .k-pager-numbers .k-link,
  .k-safari .k-pager-numbers .k-state-selected,
  .k-webkit .k-pager-numbers .k-link,
  .k-webkit .k-pager-numbers .k-state-selected {
    display: block;
    margin-right: 0;
    padding: 1px 5px 1px 5px;
    text-align: left;
  }
  .k-ff .k-pager-numbers.k-state-expanded,
  .k-ie11 .k-pager-numbers.k-state-expanded,
  .k-safari .k-pager-numbers.k-state-expanded,
  .k-webkit .k-pager-numbers.k-state-expanded {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px 2px 0;
  }
  .k-ff .k-pager-numbers.k-state-expanded .k-current-page,
  .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
  .k-safari .k-pager-numbers.k-state-expanded .k-current-page,
  .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
    margin: -2em -3px 0;
    padding: 0;
  }
  .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link,
  .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link,
  .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link,
  .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link {
    border-radius: 0 0 1.0833em 1.0833em;
  }
  .k-ff .k-pager-numbers.k-state-expanded li,
  .k-ie11 .k-pager-numbers.k-state-expanded li,
  .k-safari .k-pager-numbers.k-state-expanded li,
  .k-webkit .k-pager-numbers.k-state-expanded li {
    display: inline-block;
  }
}
@media only screen and (max-width: 640px) {
  .k-ff .k-pager-info,
  .k-ie11 .k-pager-info,
  .k-safari .k-pager-info,
  .k-webkit .k-pager-info {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .k-ff .k-pager-sizes,
  .k-ie11 .k-pager-sizes,
  .k-safari .k-pager-sizes,
  .k-webkit .k-pager-sizes {
    display: none;
  }
}
.k-treelist .k-status {
  padding: .4em .6em;
  line-height: 1.6em;
}
.k-treelist .k-status .k-loading {
  vertical-align: baseline;
  margin-right: 5px;
}
.k-treelist tr.k-hidden {
  display: none;
}
.k-treelist.k-treelist-dragging,
.k-treelist.k-treelist-dragging .k-state-hover {
  cursor: default;
}
.k-treelist .k-drop-hint {
  position: absolute;
  z-index: 10000;
  visibility: hidden;
  width: 80px;
  height: 5px;
  margin-top: -3px;
  background-color: transparent;
  background-repeat: no-repeat;
}
.k-drag-separator {
  display: inline-block;
  border-right: 1px solid;
  height: 1em;
  vertical-align: top;
  margin: 0 0.5em;
}
.k-gantt {
  white-space: nowrap;
  position: relative;
}
.k-gantt-layout {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.k-gantt .k-splitbar {
  position: relative;
  cursor: e-resize;
  width: 5px;
  border-width: 0 1px;
  background-repeat: repeat-y;
}
.k-gantt .k-gantt-layout th {
  vertical-align: bottom;
}
.k-gantt td {
  overflow: hidden;
  white-space: nowrap;
  vertical-align: top;
}
.k-gantt .k-grid .k-edit-cell {
  vertical-align: middle;
}
.k-gantt-timeline > .k-timeline,
.k-gantt-treelist > .k-treelist {
  border-width: 0;
  height: 100%;
}
.k-gantt-toolbar {
  border-style: solid;
  border-width: 0 0 1px;
  line-height: 2.4em;
  padding: 0.5em;
}
.k-gantt-layout + .k-gantt-toolbar {
  border-width: 1px 0 0;
}
.k-gantt-actions,
.k-gantt-toolbar > ul {
  float: left;
  margin-right: 0.6em;
}
.k-gantt-actions > .k-button {
  margin-right: .5em;
  vertical-align: top;
}
.k-gantt-toolbar > .k-gantt-views {
  float: right;
  margin-right: 0;
}
.k-gantt-toolbar > .k-gantt-views > li.k-current-view {
  display: none;
}
.k-gantt-toolbar > ul > li {
  display: inline-block;
  border-style: solid;
  border-width: 1px 1px 1px 0;
}
.k-gantt-toolbar > ul > li:first-child + li {
  border-left-width: 1px;
}
.k-gantt-toolbar .k-link {
  display: inline-block;
  padding: 0 1.1em;
}
.k-gantt-toolbar li:first-child + li,
.k-gantt-toolbar li:first-child + li > .k-link {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.k-gantt-toolbar li:last-child,
.k-gantt-toolbar li:last-child > .k-link {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.k-gantt-toolbar li.k-button {
  line-height: inherit;
  padding-top: 0;
  padding-bottom: 0;
}
.k-gantt-treelist .k-grid-header tr {
  height: 5em;
}
.k-gantt .k-treelist .k-grid-header {
  padding: 0 !important;
}
.k-gantt .k-treelist .k-grid-content {
  overflow-y: hidden;
  overflow-x: scroll;
}
.k-treelist-group > tr > span {
  font-weight: 700;
}
.k-treelist-group .k-widget {
  font-weight: 400;
}
.k-gantt-timeline .k-grid-header tr {
  height: 2.5em;
}
.k-gantt-tasks {
  position: relative;
}
.k-gantt .k-grid-content tr,
.k-gantt-rows tr,
.k-gantt-tasks tr {
  height: 2.3em;
}
.k-gantt .k-gantt-tasks td:after {
  content: "\a0";
}
.k-gantt-timeline {
  background: 0 0;
}
.k-gantt-columns,
.k-gantt-dependencies,
.k-gantt-rows {
  position: absolute;
  top: 0;
  left: 0;
}
.k-gantt-tables {
  position: relative;
}
.k-gantt .k-timeline .k-grid-content {
  overflow-x: scroll;
}
.k-gantt .k-gantt-timeline th {
  text-align: center;
}
.k-gantt .k-gantt-timeline tr:first-child th {
  border-bottom-width: 1px;
}
.k-task-summary {
  height: 10px;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
}
.k-task-summary-complete {
  height: 10px;
  position: relative;
  z-index: 2;
}
.k-task-summary-progress {
  height: 15px;
  overflow: hidden;
}
.k-task-summary-complete:after,
.k-task-summary-complete:before,
.k-task-summary:after,
.k-task-summary:before {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px;
  border-color: transparent;
}
.k-task-summary-complete:before,
.k-task-summary:before {
  left: 0;
  border-left-color: inherit;
}
.k-task-summary-complete:after,
.k-task-summary:after {
  right: 0;
  border-right-color: inherit;
}
.k-line-h,
.k-line-v {
  position: absolute;
}
.k-line-h {
  height: 2px;
}
.k-line-v {
  width: 2px;
}
.k-arrow-e,
.k-arrow-w {
  position: absolute;
  top: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px;
}
.k-arrow-e {
  right: -6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.k-arrow-w {
  left: -6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.k-task-milestone {
  width: 13px;
  height: 13px;
  margin-top: 3px;
  border-style: solid;
  border-width: 1px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.k-ie8 .k-task-milestone {
  margin-left: 1px;
}
.k-gantt .k-gantt-tasks .k-button-icon,
.k-gantt .k-gantt-treelist .k-button {
  padding-top: 0;
  padding-bottom: 0;
}
.k-gantt .k-gantt-tasks .k-button-icon {
  margin-top: 4px;
}
.k-gantt .k-gantt-treelist .k-button {
  margin-top: -4px;
  margin-bottom: -2px;
}
.k-gantt .k-gantt-tasks .k-button-icon {
  padding-left: 2px;
  padding-right: 2px;
}
.k-gantt .k-gantt-tasks .k-button .k-icon,
.k-gantt .k-gantt-treelist .k-button .k-icon {
  vertical-align: text-top;
}
.k-rel .k-button-icon {
  position: absolute;
  left: 200px;
}
.k-rel {
  position: relative;
  height: 0;
  top: -0.3em;
}
.k-task-wrap {
  position: absolute;
  padding: 0 23px 5px;
  margin: -1px -23px 0;
  z-index: 2;
}
.k-line.k-state-selected,
.k-task-wrap:hover {
  z-index: 3;
}
.k-milestone-wrap {
  margin: 0 -13px 0 -27px;
}
.k-task-content {
  position: relative;
  z-index: 2;
}
.k-task-complete {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 20%;
  z-index: 1;
}
.k-task-dot {
  position: absolute;
  top: 0;
  width: 16px;
  height: 16px;
  line-height: 16px;
  display: none;
  cursor: pointer;
}
.k-task-dot.k-state-hover {
  background-color: transparent;
}
.k-task-single + .k-task-dot,
.k-task-single + .k-task-dot + .k-task-dot {
  top: 0.2em;
}
.k-task-wrap-active .k-task-dot,
.k-task-wrap:hover .k-task-dot {
  display: block;
}
.k-task-dot:before {
  content: "\a0";
  display: inline-block;
  width: 0;
  height: 16px;
}
.k-task-dot:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin-left: 4px;
}
.k-task-dot.k-state-hover:after,
.k-task-dot:hover:after,
.k-task-wrap-active .k-task-dot:after {
  border-style: solid;
  border-width: 1px;
  margin-left: 3px;
}
.k-task-start {
  left: 0;
}
.k-task-end {
  right: 0;
}
.k-task-single {
  border-style: solid;
  border-width: 1px;
  text-align: left;
  overflow: hidden;
  cursor: default;
  min-height: 1.3em;
  white-space: nowrap;
}
.k-task-template {
  padding: .2em 1.4em .2em .6em;
  line-height: normal;
}
.k-task-actions,
.k-task-content > .k-link {
  position: absolute;
  top: 0;
  right: 4px;
  white-space: nowrap;
}
.k-task-actions {
  z-index: 1;
}
.k-task-actions:first-child {
  position: static;
  float: left;
  margin: 4px 2px 0 4px;
}
.k-webkit .k-task-actions:first-child {
  margin-top: 3px;
}
.k-task-actions:first-child > .k-link {
  display: inline-block;
}
.k-task-delete {
  display: none;
}
.k-task-wrap-active .k-task-delete,
.k-task-wrap:hover .k-task-delete {
  display: inline-block;
}
.k-task-single .k-resize-handle {
  position: absolute;
  visibility: hidden;
  z-index: 2;
  height: auto;
}
.k-task-single:hover .k-resize-handle,
.k-task-wrap-active .k-resize-handle {
  visibility: visible;
}
.k-task-single .k-resize-handle:after {
  content: "";
  position: absolute;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.k-task-content > .k-resize-e {
  right: 0;
  top: 0;
  bottom: 0;
  width: 0.4em;
}
.k-task-content > .k-resize-w {
  left: 0;
  top: 0;
  bottom: 0;
  width: 0.4em;
}
.k-task-content > .k-resize-e:after,
.k-task-content > .k-resize-w:after {
  left: 1px;
  top: 50%;
  margin-top: -0.7em;
  height: 1.4em;
  width: 1px;
}
.k-task-content > .k-resize-e:after {
  left: auto;
  right: 1px;
}
.k-task-draghandle {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  margin-left: 16px;
  border-width: 5px;
  border-style: solid;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  display: none;
  cursor: e-resize;
}
.k-task-wrap-active .k-task-draghandle,
.k-task-wrap:hover .k-task-draghandle {
  display: block;
}
.k-dependency-hint {
  z-index: 4;
}
.k-gantt-rowheight .k-task-dot,
.k-gantt-rowheight .k-task-milestone,
.k-gantt-rowheight .k-task-single + .k-task-dot,
.k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot,
.k-gantt-rowheight .k-task-summary {
  top: 50%;
}
.k-gantt-rowheight .k-task-milestone,
.k-gantt-rowheight .k-task-summary {
  margin-top: -6px;
}
.k-gantt-rowheight .k-task-dot,
.k-gantt-rowheight .k-task-single + .k-task-dot,
.k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot {
  margin-top: -11px;
}
.k-gantt-rowheight .k-task-single {
  height: -webkit-calc(98%);
  height: calc(98%);
}
.k-ie .k-gantt-rowheight .k-task-single {
  height: 99%;
}
.k-gantt-rowheight .k-task-content {
  height: 100%;
}
.k-gantt-rowheight .k-task-content > .k-resize-e:after,
.k-gantt-rowheight .k-task-content > .k-resize-w:after {
  top: 0;
  margin-top: 0;
  height: 100%;
}
.k-task-details {
  padding: .4em;
  text-align: left;
  white-space: nowrap;
}
.k-task-details > strong {
  font-size: 120%;
  display: block;
}
.k-task-pct {
  margin: .5em 0 .1em;
  font-size: 170%;
}
.k-task-details > ul {
  line-height: 1.2;
}
.k-resources-wrap {
  position: absolute;
  z-index: 2;
  zoom: 1;
  margin-left: 20px;
  margin-top: -2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.k-resources-wrap .k-resource {
  margin: 0 5px;
}
.k-gantt-edit-form > .k-edit-form-container {
  width: 430px;
}
.k-gantt-edit-form > .k-resources-form-container {
  width: 506px;
}
.k-resources-form-container > .k-grid {
  margin: 0 0.9em;
}
.k-gantt-edit-form > .k-edit-form-container .k-numerictextbox,
.k-gantt-edit-form > .k-edit-form-container .k-textbox {
  width: 15em;
}
.k-gantt-edit-form .k-edit-buttons .k-gantt-delete {
  float: left;
}
.k-pdf-export-shadow .k-gantt {
  float: left;
}
.k-pdf-export-shadow .k-gantt,
.k-pdf-export-shadow .k-gantt .k-grid-content,
.k-pdf-export-shadow .k-gantt-timeline {
  width: auto!important;
  height: auto!important;
  overflow: visible !important;
}
.k-pdf-export-shadow .k-gantt-treelist {
  height: auto!important;
  overflow: visible !important;
}
.k-pdf-export-shadow .k-gantt-timeline .k-grid-header {
  padding: 0 !important;
}
.k-pdf-export-shadow .k-gantt .k-splitbar,
.k-pdf-export-shadow .k-pdf-export {
  display: none;
}
button.k-gantt-toggle {
  display: none;
  float: left;
  margin-right: 0.5em;
}
.k-rtl button.k-gantt-toggle {
  float: right;
  margin-right: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 1024px) {
  .k-gantt-toolbar > ul.k-gantt-views {
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 10000;
  }
  .k-rtl .k-gantt-toolbar > ul.k-gantt-views {
    right: auto;
    left: 6px;
  }
  .k-gantt-toolbar > ul.k-gantt-views > li:not(.k-current-view) {
    display: none;
  }
  .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view {
    display: block;
    border-width: 1px;
  }
  .k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view {
    text-align: left;
    padding-left: 1em;
  }
  .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link {
    display: block;
    position: relative;
    padding-right: 2.5em;
    padding-left: 1em;
  }
  .k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link {
    padding-left: 0;
  }
  .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -0.6em;
    right: .333em;
    width: 16px;
    height: 16px;
  }
  .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li,
  .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li:first-child + li {
    display: block;
    border: 0;
    border-radius: 0;
  }
  .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
    border: 1px solid #c5c5c5;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  }
  .k-rtl .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
    text-align: left;
  }
}
@media only screen and (max-width: 480px) {
  button.k-gantt-toggle {
    display: inline-block;
  }
  .k-gantt-create span + span,
  .k-gantt-pdf span + span {
    display: none;
  }
  .k-gantt-create .k-icon,
  .k-gantt-pdf .k-icon {
    margin: 0;
  }
  .k-gantt .k-splitbar {
    display: none;
    width: 0;
    border-width: 0;
  }
  .k-gantt .k-gantt-treelist {
    display: none;
    max-width: 0;
  }
  .k-gantt .k-treelist .k-grid-content {
    overflow-y: scroll;
  }
  .k-gantt .k-gantt-timeline {
    width: 100%;
  }
}
.k-pivot {
  position: relative;
}
.k-pivot-toolbar {
  padding: .2em;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.k-pivot .k-pivot-toolbar {
  padding: 0.6em;
}
.k-pivot-toolbar .k-button {
  margin-right: .4em;
  line-height: 1.2em;
  font-size: .9em;
  text-align: left;
  position: relative;
  padding: 0.3em 5em 0.3em 0.3em;
}
.k-field-actions {
  position: absolute;
  right: 2px;
  top: 3px;
}
.k-pivot .k-grid td {
  white-space: nowrap;
}
.k-pivot-layout {
  border-spacing: 0;
  table-layout: auto;
}
.k-pivot-layout > tbody > tr > td {
  vertical-align: top;
  padding: 0;
}
.k-pivot td {
  vertical-align: top;
}
.k-pivot-rowheaders > .k-grid,
.k-pivot-table > .k-grid {
  border-width: 0;
}
.k-pivot-rowheaders > .k-grid td:first-child,
.k-pivot-table .k-grid-header .k-header.k-first {
  border-left-width: 1px;
}
.k-pivot-rowheaders > .k-grid td.k-first {
  border-left-width: 0;
}
.k-pivot-rowheaders > .k-grid {
  overflow: hidden;
}
.k-pivot-table {
  border-left-width: 1px;
  border-left-style: solid;
}
.k-pivot-table .k-grid-header-wrap > table {
  height: 100%;
}
.k-pivot .k-grid-header .k-header {
  vertical-align: top;
}
.k-header.k-alt,
td.k-alt {
  font-weight: 700;
}
.k-header.k-alt {
  background-image: none;
}
.k-pivot-layout .k-grid td {
  border-bottom-width: 1px;
}
.k-pivot-layout .k-grid-footer > td {
  border-top-width: 0;
}
.k-pivot-filter-window .k-treeview {
  max-height: 600px;
}
.k-fieldselector .k-edit-buttons {
  bottom: auto;
}
.k-fieldselector .k-edit-label {
  width: 16%;
}
.k-fieldselector .k-edit-field {
  width: 77%;
}
.k-fieldselector .k-edit-field > .k-textbox,
.k-fieldselector .k-edit-field > .k-widget {
  width: 99%;
}
.k-fieldselector .k-edit-buttons > input,
.k-fieldselector .k-edit-buttons > label {
  float: left;
  margin-top: 0.4em;
}
.k-fieldselector p {
  margin: 0 0 .2em .5em;
  text-transform: uppercase;
}
.k-fieldselector p .k-icon {
  margin: 0 5px 0 0;
}
.k-fieldselector .k-columns {
  border-style: solid;
  border-width: 0;
}
.k-fieldselector .k-columns > div {
  overflow: auto;
  padding: .6em;
  border-style: solid;
  border-width: 0 0 0 1px;
  float: left;
  width: 45%;
}
.k-fieldselector .k-columns > div:first-child {
  border-width: 0;
  margin-right: -1px;
}
.k-fieldselector .k-columns > div + div {
  float: right;
  border-width: 0;
}
.k-fieldselector div.k-treeview {
  border-width: 0;
  margin-right: -1px;
  padding-left: 4px;
  overflow: visible;
}
.k-fieldselector .k-list-container {
  margin-left: .5em;
  margin-bottom: 1em;
  padding: .2em 0 0;
  border-style: solid;
  border-width: 1px;
}
.k-fieldselector .k-list {
  padding-bottom: 2em;
}
.k-fieldselector .k-list li.k-item {
  padding: .3em 3.3em .3em .3em;
  margin: 0 .2em.2em;
  position: relative;
  font-size: .9em;
  line-height: 1.2em;
  min-height: 1em;
}
.k-i-kpi-decrease {
  background-position: 0 0;
}
.k-i-kpi-denied {
  background-position: -16px 0;
}
.k-i-kpi-equal {
  background-position: -32px 0;
}
.k-i-kpi-hold {
  background-position: -48px 0;
}
.k-i-kpi-increase {
  background-position: -64px 0;
}
.k-i-kpi-open {
  background-position: -80px 0;
}
.k-pdf-export-shadow .k-pivot .k-grid-content {
  overflow: visible !important;
}
.k-pdf-export-shadow .k-pivot .k-grid-content,
.k-pdf-export-shadow .k-pivot .k-pivot-rowheaders .k-grid {
  height: 100% !important;
}
.k-pdf-export-shadow .k-pivot .k-grid-header {
  padding-right: 0 !important;
}
.k-pdf-export-shadow .k-pivot {
  width: auto!important;
  height: auto !important;
}
.k-pdf-export-shadow .k-pivot .k-grid-content > table,
.k-pdf-export-shadow .k-pivot .k-grid-header-wrap > table {
  width: 100%!important;
  height: auto !important;
}
.k-calendar {
  position: relative;
  display: inline-block;
  width: 16.917em;
  overflow: hidden;
}
.k-calendar .k-link,
.k-calendar td {
  text-decoration: none;
}
.k-calendar .k-action-link {
  text-decoration: underline;
}
.k-calendar .k-footer,
.k-calendar .k-header {
  position: relative;
  text-align: center;
  zoom: 1;
}
.k-widget.k-calendar .k-nav-next,
.k-widget.k-calendar .k-nav-prev {
  position: absolute;
  top: .16666em;
  line-height: 1.8333em;
  height: 1.8333em;
}
.k-widget.k-calendar .k-nav-prev {
  left: 1%;
}
.k-widget.k-calendar .k-nav-next {
  right: 1%;
}
.k-calendar .k-content {
  float: left;
  border-spacing: 0;
  width: 100%;
  height: 14.167em;
  border-width: 0;
  margin: 0;
  table-layout: fixed;
  outline: 0;
}
.k-calendar .k-content,
.k-calendar .k-content th {
  text-align: right;
}
.k-calendar .k-animation-container .k-content {
  height: 100%;
}
.k-widget.k-calendar .k-nav-fast {
  display: inline-block;
  width: 75%;
  height: 1.8333em;
  line-height: 1.8333em;
  margin: 0.16666em -0.08333em 0.3333em 0;
}
.k-calendar .k-header .k-icon {
  vertical-align: middle;
}
.k-calendar .k-header .k-link.k-nav-next,
.k-calendar .k-header .k-link.k-nav-prev {
  height: 1.8333em;
  width: 1.8333em;
}
.k-calendar th {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: .4em .45em .4em .1em;
  font-weight: 400;
  cursor: default;
}
.k-calendar td {
  padding: .08333em;
  cursor: pointer;
}
.k-calendar .k-state-focus {
  border-style: dotted;
  border-width: .08333em;
  padding: 0;
}
.k-calendar .k-content .k-link {
  display: block;
  overflow: hidden;
  min-height: 1.8333em;
  line-height: 1.8333em;
  padding: 0 0.45em 0 0.1em;
}
.k-calendar .k-meta-view .k-link {
  padding: .25em 0 .3em;
  text-align: center;
}
.k-calendar .k-footer {
  clear: both;
}
.k-calendar .k-footer .k-nav-today,
.k-calendar .k-footer > .k-state-disabled {
  display: block;
  height: 100%;
  padding: 0.5em 0;
}
.k-calendar .k-nav-today:hover {
  text-decoration: underline;
}
div.k-treeview {
  border-width: 0;
  background: 0 0;
  overflow: auto;
  white-space: nowrap;
}
.k-treeview .k-item {
  display: block;
  border-width: 0;
  margin: 0;
  padding: 0 0 0 16px;
}
.k-treeview .k-content,
.k-treeview .k-item > .k-group,
.k-treeview > .k-group {
  margin: 0;
  padding: 0;
  background: 0 0;
  list-style-type: none;
  position: relative;
}
.k-treeview .k-checkbox,
.k-treeview .k-icon,
.k-treeview .k-image,
.k-treeview .k-in,
.k-treeview .k-sprite {
  display: inline-block;
  vertical-align: top;
}
.k-treeview .k-checkbox {
  margin-top: 0.2em;
}
.k-treeview .k-icon,
.k-treeview .k-in {
  vertical-align: middle;
}
.k-treeview .k-request-retry {
  vertical-align: baseline;
}
.k-treeview .k-minus,
.k-treeview .k-minus-disabled,
.k-treeview .k-plus,
.k-treeview .k-plus-disabled {
  margin-top: .25em;
  margin-left: -16px;
  cursor: pointer;
}
.k-treeview .k-minus-disabled,
.k-treeview .k-plus-disabled {
  cursor: default;
}
.k-treeview .k-image,
.k-treeview .k-sprite {
  margin-right: 3px;
}
.k-treeview .k-in {
  margin: 1px 0 1px .16666em;
  padding: 1px .3333em 1px .25em;
  line-height: 1.3333em;
  text-decoration: none;
  border-style: solid;
  border-width: 1px;
}
.k-treeview span.k-in {
  cursor: default;
}
.k-treeview .k-drop-hint {
  position: absolute;
  z-index: 10000;
  visibility: hidden;
  width: 80px;
  height: 5px;
  margin-top: -3px;
  background-color: transparent;
  background-repeat: no-repeat;
}
.k-toolbar .k-split-button,
span.k-colorpicker,
span.k-combobox,
span.k-datepicker,
span.k-datetimepicker,
span.k-dropdown,
span.k-numerictextbox,
span.k-timepicker {
  background-image: none;
}
.k-autocomplete,
.k-colorpicker,
.k-combobox,
.k-datepicker,
.k-datetimepicker,
.k-dropdown,
.k-numerictextbox,
.k-selectbox,
.k-textbox,
.k-timepicker,
.k-toolbar .k-split-button {
  position: relative;
  display: inline-block;
  width: 12.4em;
  overflow: visible;
  border-width: 0;
  vertical-align: middle;
}
.k-filter-menu .k-combobox,
.k-filter-menu .k-datepicker,
.k-filter-menu .k-datetimepicker,
.k-filter-menu .k-dropdown,
.k-filter-menu .k-numerictextbox,
.k-filter-menu .k-textbox,
.k-filter-menu .k-timepicker {
  width: 13.2em;
}
.k-autocomplete,
.k-colorpicker,
.k-combobox,
.k-datepicker,
.k-datetimepicker,
.k-dropdown,
.k-numerictextbox,
.k-selectbox,
.k-timepicker,
.k-toolbar .k-split-button {
  white-space: nowrap;
}
.k-colorpicker,
.k-toolbar .k-split-button {
  width: auto;
}
.k-datetimepicker {
  width: 15em;
}
.k-autocomplete,
.k-numeric-wrap,
.k-picker-wrap {
  position: relative;
  cursor: default;
}
.k-dropdown-wrap {
  position: relative;
}
.k-dropdown-wrap,
.k-numeric-wrap,
.k-picker-wrap {
  display: block;
}
.k-block,
.k-content,
.k-grid,
.k-header-column-menu,
.k-panelbar,
.k-slider,
.k-splitter,
.k-treeview,
.k-widget {
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.k-block,
.k-calendar,
.k-grid-header .k-link,
.k-header-column-menu,
.k-pager-wrap,
.k-slider,
.k-splitbar,
.k-treeview {
  -webkit-touch-callout: none;
}
.k-list-scroller {
  position: relative;
  overflow: auto;
}
.k-popup.k-calendar-container,
.k-popup.k-list-container {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 2px;
  border-width: 1px;
  border-style: solid;
}
.k-autocomplete.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-list-container.k-state-border-down,
.k-numeric-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down {
  border-bottom-width: 0;
  padding-bottom: 1px;
}
.k-list-container .km-scroll-container {
  padding-bottom: 6px;
}
.k-autocomplete,
.k-dropdown-wrap,
.k-numeric-wrap,
.k-picker-wrap,
.k-textbox {
  border-width: 1px;
  border-style: solid;
  padding: 0 1.9em 0 0;
}
.k-numeric-wrap.k-expand-padding {
  padding-right: 0;
}
.k-autocomplete,
.k-textbox {
  padding: 0;
}
.k-textbox.k-space-left {
  padding-left: 1.9em;
}
.k-textbox.k-space-right {
  padding-right: 1.9em;
}
.k-textbox .k-icon {
  top: 50%;
  margin: -8px 0 0;
  position: absolute;
}
.k-space-left .k-icon {
  left: 3px;
}
.k-space-right .k-icon {
  right: 3px;
}
span.k-textbox:after {
  content: "\a0";
  display: block;
  height: .4px;
  overflow: hidden;
}
.k-autocomplete,
.k-dropdown-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-picker-wrap.k-state-hover {
  -webkit-transition: -webkit-box-shadow 0.15s ease-out;
  transition: box-shadow 0.15s ease-out;
  -webkit-transition: "box-shadow .15s ease-out";
  transition: "box-shadow .15s ease-out";
}
.k-combobox .k-input,
.k-numeric-wrap .k-input,
.k-picker-wrap .k-input,
.k-textbox > input {
  width: 100%;
  vertical-align: top;
}
.k-dropdown-wrap .k-input,
.k-numeric-wrap .k-input,
.k-picker-wrap .k-input,
.k-selectbox .k-input {
  font-family: inherit;
  border-width: 0;
  outline: 0;
}
.k-dropdown .k-input,
.k-selectbox .k-input {
  background: 0 0;
}
.k-dropdown-wrap .k-select,
.k-numeric-wrap .k-select,
.k-picker-wrap .k-select {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
}
.k-combobox .k-select,
.k-numeric-wrap .k-select,
.k-picker-wrap .k-select {
  border-style: solid;
  border-width: 0 0 0 1px;
  border-color: inherit;
}
span.k-datetimepicker .k-select,
span.k-datetimepicker .k-select + .k-select {
  right: 0;
}
.k-autocomplete .k-input,
.k-textbox > input {
  display: block;
}
.k-dropdown .k-select,
.k-selectbox .k-select {
  overflow: hidden;
  border: 0;
  text-decoration: none;
  font: inherit;
  color: inherit;
}
.k-dropdown .k-input,
.k-selectbox .k-input {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-numeric-wrap .k-input,
.k-picker-wrap .k-input,
.k-selectbox .k-input,
.k-textbox > input {
  height: 1.65em;
  line-height: 1.65em;
  padding: .177em 0;
  text-indent: .33em;
  border: 0;
  margin: 0;
}
.k-combobox .k-dropdown-wrap:before,
.k-numeric-wrap:before,
.k-picker-wrap:before {
  content: "\a0";
  display: inline-block;
  width: 0;
  height: 1.65em;
  padding-bottom: 0.3em;
}
.k-webkit .k-combobox .k-dropdown-wrap:before,
.k-webkit .k-numeric-wrap:before,
.k-webkit .k-picker-wrap:before {
  padding-bottom: 0.38em;
}
.km.root .k-combobox .k-dropdown-wrap:before,
.km.root .k-numeric-wrap:before,
.km.root .k-picker-wrap:before {
  content: none;
}
.k-combobox .k-input,
.k-numeric-wrap .k-input,
.k-picker-wrap .k-input {
  display: inline;
}
.k-dropdown-wrap .k-select,
.k-numeric-wrap .k-select,
.k-picker-wrap .k-select {
  min-height: 1.65em;
  line-height: 2em;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  text-align: center;
  width: 1.9em;
  height: 100%;
}
.k-numeric-wrap .k-select {
  padding: 0;
}
body .k-datetimepicker .k-select {
  border-radius: 0;
}
.k-combobox .k-icon,
.k-dropdown,
.k-selectbox .k-icon {
  cursor: pointer;
}
.k-popup {
  border-style: solid;
  border-width: 1px;
}
.k-list-optionlabel,
.k-popup .k-item {
  cursor: default;
}
.k-popup .k-calendar {
  border: 0;
}
.k-list {
  height: auto;
}
.k-fieldselector .k-list .k-item,
.k-list-optionlabel,
.k-popup .k-list .k-item,
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
  padding: 1px 5px 1px 5px;
  line-height: 1.8em;
  min-height: 1.8em;
}
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
  padding-right: 22px;
}
.k-overflow-container .k-item {
  padding: 1px;
}
.k-overflow-container .k-button.k-state-disabled,
.k-overflow-container .k-button.k-state-disabled:hover,
.k-overflow-container > .k-state-disabled .k-button {
  border: 0;
  background: 0 0;
}
.k-fieldselector .k-list .k-item,
.k-list-optionlabel.k-state-focused,
.k-list-optionlabel.k-state-selected,
.k-overflow-container .k-state-focused,
.k-overflow-container .k-state-hover,
.k-overflow-container .k-state-selected,
.k-popup .k-list .k-state-focused,
.k-popup .k-list .k-state-hover,
.k-popup .k-list .k-state-selected {
  padding: 0 4px;
  border-width: 1px;
  border-style: solid;
}
.k-list-filter {
  position: relative;
  margin-bottom: 2px;
}
.k-list-filter > .k-textbox {
  padding-right: 20px;
  width: 100%;
}
.k-list-filter > .k-icon {
  position: absolute;
  right: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.km-root .k-list-filter > .k-textbox {
  padding-left: 0;
  padding-right: 0;
  border-left-width: 0;
  border-right-width: 0;
}
.k-multiselect-wrap {
  position: relative;
  border-width: 0;
  border-style: solid;
  border-radius: 4px;
  border-color: #C5C5C5;
  background-color: #FFF;
  min-height: 2.04em;
}
.k-multiselect-wrap .k-input {
  background-color: transparent;
  height: 1.31em;
  line-height: 1.31em;
  padding: .18em 0;
  text-indent: .33em;
  border: 0;
  margin: 1px 0 0;
  float: left;
}
.k-multiselect-wrap .k-input::-ms-clear {
  display: none;
}
.k-multiselect-wrap li {
  margin: 1px 0 1px 1px;
  padding: .1em 1.6em .1em .4em;
  line-height: 1.5em;
  float: left;
  position: relative;
}
.k-autocomplete .k-loading,
.k-multiselect .k-loading {
  position: absolute;
  right: 3px;
  bottom: 4px;
}
.k-multiselect .k-loading-hidden {
  visibility: hidden;
}
.k-multiselect-wrap .k-select {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0.1em 0.2em;
}
.k-datetimepicker .k-picker-wrap {
  padding-right: 3.8em;
}
.k-datetimepicker .k-select {
  width: 3.8em;
}
.k-datetimepicker .k-picker-wrap .k-icon {
  margin: 0 2px;
}
.k-picker-wrap .k-icon {
  cursor: pointer;
}
.k-button,
.k-datepicker,
.k-datetimepicker,
.k-textbox,
.k-timepicker {
  display: inline-block;
  vertical-align: middle;
}
.k-picker-wrap .k-input {
  margin: 0;
}
.k-time-popup .k-item {
  padding: 1px 3px;
}
.k-input {
  padding: 0.25em 0;
}
.k-input,
.k-textbox > input {
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.k-textbox {
  outline: 0;
}
input.k-textbox,
textarea.k-textbox {
  padding: 2px 0.3em;
}
input.k-textbox {
  height: 2.13em;
  text-indent: .33em;
  line-height: 1.6em;
}
.k-ie input.k-textbox {
  text-indent: 0.165em;
}
.k-ff input.k-textbox {
  height: 2.17em;
}
textarea.k-textbox {
  height: auto;
}
span.k-numerictextbox {
  background-color: transparent;
}
.k-numerictextbox .k-input {
  margin: 0;
}
.k-numerictextbox .k-link {
  display: block;
  height: 1em;
  line-height: 1em;
  vertical-align: middle;
  border-width: 0;
  padding: 0;
}
.k-numerictextbox .k-icon {
  height: 11px;
}
.k-numeric-wrap .k-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.k-colorpicker .k-picker-wrap {
  line-height: 2em;
}
.k-colorpicker .k-selected-color {
  vertical-align: top;
  line-height: 0;
  display: inline-block;
  height: 2em;
  width: 2em;
}
.k-colorpicker .k-tool-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  padding: 3px 3px 2px;
  font-size: 0;
  line-height: 0;
  margin-right: 3px;
  margin-left: 2px;
  margin-bottom: 3px;
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  -ms-high-contrast-adjust: none;
}
.k-colorpicker .k-tool-icon .k-selected-color {
  display: block;
  height: 3px;
  width: 16px;
  position: absolute;
  left: 3px;
  bottom: -3px;
  border-radius: 0 !important;
}
.k-colorpicker .k-select {
  cursor: pointer;
}
.k-disabled-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: .5;
  filter: alpha(opacity=50);
}
.k-colorpalette {
  position: relative;
  line-height: 0;
  border-width: 0;
  display: inline-block;
}
.k-colorpalette .k-palette {
  border-collapse: collapse;
  position: relative;
  width: 100%;
  height: 100%;
}
.k-colorpalette .k-item {
  width: 14px;
  height: 14px;
  overflow: hidden;
  -ms-high-contrast-adjust: none;
}
.k-colorpalette .k-item.k-state-selected,
.k-colorpalette .k-item.k-state-selected:hover {
  z-index: 100;
  background: 0 0;
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.45);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.45);
  position: relative;
}
.k-colorpalette .k-item:hover {
  z-index: 101;
  position: relative;
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}
.k-flatcolorpicker {
  position: relative;
  display: inline-block;
  width: 250px;
  padding-bottom: 5px;
}
div.k-flatcolorpicker {
  background-color: transparent;
  background-image: none;
}
.k-flatcolorpicker .k-selected-color {
  background-image: url(textures/transtexture.png);
  background-position: 50% 50%;
  text-align: right;
}
.k-flatcolorpicker .k-selected-color input.k-color-value {
  font-family: Consolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospace;
  padding: .75em .3em .65em 1em;
  border: 0;
  margin: 0;
  width: 70%;
}
.k-flatcolorpicker .k-hsv-rectangle {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pinch-zoom double-tap-zoom;
}
.k-flatcolorpicker .k-hsv-rectangle .k-draghandle {
  cursor: pointer;
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  border: 1px solid #eee;
  margin-left: -5px;
  margin-top: -5px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px #444;
  box-shadow: 0 1px 2px #444;
  background: 0 0;
}
.k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus,
.k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover {
  background: 0 0;
  border-color: #fff;
  -webkit-box-shadow: 0 1px 5px #000;
  box-shadow: 0 1px 5px #000;
}
.k-flatcolorpicker .k-hsv-rectangle.k-dragging,
.k-flatcolorpicker .k-hsv-rectangle.k-dragging * {
  cursor: none;
}
.k-flatcolorpicker .k-slider-horizontal {
  height: 20px;
  width: 90%;
  margin: 0 5%;
}
.k-flatcolorpicker .k-slider-horizontal .k-slider-track {
  -webkit-box-shadow: 0 1px 0 #fff, 0 -1px 0 #999;
  box-shadow: 0 1px 0 #fff, 0 -1px 0 #999;
}
.k-flatcolorpicker .k-hue-slider,
.k-flatcolorpicker .k-transparency-slider {
  display: block;
}
.k-flatcolorpicker .k-hue-slider .k-slider-selection,
.k-flatcolorpicker .k-transparency-slider .k-slider-selection {
  background: 0 0;
}
.k-flatcolorpicker .k-hue-slider .k-draghandle,
.k-flatcolorpicker .k-transparency-slider .k-draghandle {
  background: 0 0;
  border: 3px solid #eee;
  margin-top: 1px;
  height: 8px;
  width: 8px;
  -webkit-box-shadow: 0 1px 4px #444;
  box-shadow: 0 1px 4px #444;
}
.k-flatcolorpicker .k-hue-slider .k-draghandle:focus,
.k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
.k-flatcolorpicker .k-transparency-slider .k-draghandle:focus,
.k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
  background: 0 0;
  border-color: #fff;
  -webkit-box-shadow: 0 1px 5px #000;
  box-shadow: 0 1px 5px #000;
  border-width: 2px;
  padding: 1px;
}
.k-flatcolorpicker .k-hue-slider .k-slider-track {
  background: -webkit-gradient(linear, left top, right top, from(red), color-stop(16%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(84%, #f0f), to(#ff0004));
  background: -webkit-linear-gradient(left, red 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
  background: linear-gradient(to right, red 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
}
.k-flatcolorpicker .k-transparency-slider .k-slider-track {
  background-image: url(textures/transparency.png);
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
.k-flatcolorpicker .k-controls {
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 90%;
}
.k-flatcolorpicker .k-controls .k-button {
  width: 6em;
}
.k-flatcolorpicker .k-hsv-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)), -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%), -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
  height: 180px;
  margin-bottom: 5px;
}
.k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.k-ie9 .k-flatcolorpicker .k-hsv-gradient {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track {
  background: url(textures/hue.png) repeat 0 50%;
}
.k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track {
  background: url(textures/transparency.png) repeat 0 50%;
}
.k-ie8 .k-flatcolorpicker .k-hsv-gradient {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#00ffffff', GradientType=1) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff000000', GradientType=0);
}
table.k-editor {
  width: 100%;
  height: 250px;
  table-layout: fixed;
  border-style: solid;
  border-width: 1px;
  border-collapse: separate;
  border-spacing: 4px;
  font-size: 100%;
  vertical-align: top;
  position: relative;
}
.k-editor-inline {
  border-width: 2px;
  padding: .3em .5em;
  word-wrap: break-word;
  overflow: auto;
}
.k-editortoolbar-dragHandle {
  cursor: move;
  padding-left: 0;
  padding-right: 3px;
  -webkit-box-shadow: none!important;
  box-shadow: none !important;
}
.k-editor-widget > .k-window-content {
  overflow: hidden;
}
.k-editor .k-editor-toolbar-wrap {
  border: 0;
  padding: 0;
}
.k-editor-toolbar {
  margin: 0;
  padding: .1em 0;
  list-style-type: none;
  line-height: 1.3em;
  cursor: default;
  word-wrap: break-word;
}
.k-editor-toolbar li {
  display: inline-block;
  vertical-align: middle;
}
.k-ff .k-editor-toolbar,
.k-ie9 .k-editor-toolbar,
.k-webkit .k-editor-toolbar {
  padding: 0;
}
.k-ff .k-editor-toolbar li,
.k-ie10 .k-editor-toolbar li,
.k-ie9 .k-editor-toolbar li,
.k-safari .k-editor-toolbar li,
.k-webkit .k-editor-toolbar li {
  display: inline-block;
  padding: 0.1em 0;
}
.k-editor-toolbar .k-editor-widget,
.k-editor-toolbar > li {
  margin-right: 6px;
}
.k-group-start.k-group-end .k-editor-widget {
  margin-right: 0;
}
.k-editor-toolbar .k-editor-dropdown {
  position: relative;
}
.k-select-overlay {
  -webkit-appearance: none;
  opacity: 0;
  z-index: 11000;
  top: 0;
  left: 0;
  position: absolute;
  height: 26px;
  width: 100%;
  margin: -4px 0 0;
}
.k-editor-toolbar .k-separator {
  position: relative;
  top: 1px;
  border-style: solid;
  border-width: 0 1px 0 0;
  margin: 0 .3em 0 .1em;
  padding: 0 0 0 1px;
  font-size: 1.3em;
}
.k-editor-toolbar .k-break {
  display: block;
  height: 1px;
  font-size: 0;
  line-height: 0;
}
.k-editor-toolbar .k-colorpicker,
.k-editor-toolbar .k-combobox,
.k-editor-toolbar .k-dropdown,
.k-editor-toolbar .k-selectbox {
  vertical-align: middle;
}
.k-button-group {
  white-space: nowrap;
}
.k-button-group .k-tool {
  display: inline-block;
  vertical-align: middle;
  margin: 1px 0;
  width: 2em;
  height: 2em;
  line-height: 2em;
}
.k-button-group .k-tool-icon {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  -ms-high-contrast-adjust: none;
}
.k-i-move {
  background-position: -160px -288px;
}
.k-bold {
  background-position: -240px 0;
}
.k-state-hover .k-bold,
.k-state-selected .k-bold {
  background-position: -264px 0;
}
.k-italic {
  background-position: -240px -24px;
}
.k-state-hover .k-italic,
.k-state-selected .k-italic {
  background-position: -264px -24px;
}
.k-underline {
  background-position: -240px -48px;
}
.k-state-hover .k-underline,
.k-state-selected .k-underline {
  background-position: -264px -48px;
}
.k-strikethrough {
  background-position: -240px -72px;
}
.k-state-hover .k-strikethrough,
.k-state-selected .k-strikethrough {
  background-position: -264px -72px;
}
.k-foreColor {
  background-position: -240px -96px;
}
.k-state-hover .k-foreColor,
.k-state-selected .k-foreColor {
  background-position: -264px -96px;
}
.k-backColor {
  background-position: -240px -120px;
}
.k-state-hover .k-backColor,
.k-state-selected .k-backColor {
  background-position: -264px -120px;
}
.k-colorpicker .k-foreColor {
  background-position: -240px -96px;
}
.k-colorpicker .k-backColor {
  background-position: -240px -120px;
}
.k-justifyLeft {
  background-position: -240px -144px;
}
.k-state-hover .k-justifyLeft,
.k-state-selected .k-justifyLeft {
  background-position: -264px -144px;
}
.k-justifyCenter {
  background-position: -240px -168px;
}
.k-state-hover .k-justifyCenter,
.k-state-selected .k-justifyCenter {
  background-position: -264px -168px;
}
.k-justifyRight {
  background-position: -240px -192px;
}
.k-state-hover .k-justifyRight,
.k-state-selected .k-justifyRight {
  background-position: -264px -192px;
}
.k-justifyFull {
  background-position: -240px -216px;
}
.k-state-hover .k-justifyFull,
.k-state-selected .k-justifyFull {
  background-position: -264px -216px;
}
.k-insertUnorderedList {
  background-position: -240px -264px;
}
.k-state-hover .k-insertUnorderedList,
.k-state-selected .k-insertUnorderedList {
  background-position: -264px -264px;
}
.k-insertOrderedList {
  background-position: -240px -288px;
}
.k-state-hover .k-insertOrderedList,
.k-state-selected .k-insertOrderedList {
  background-position: -264px -288px;
}
.k-indent,
.k-rtl .k-outdent {
  background-position: -288px 0;
}
.k-state-hover .k-indent,
.k-state-hover .k-rtl .k-outdent,
.k-state-selected .k-indent,
.k-state-selected .k-rtl .k-outdent {
  background-position: -312px 0;
}
.k-outdent,
.k-rtl .k-indent {
  background-position: -288px -24px;
}
.k-state-hover .k-outdent,
.k-state-hover .k-rtl .k-indent,
.k-state-selected .k-outdent,
.k-state-selected .k-rtl .k-indent {
  background-position: -312px -24px;
}
.k-createLink {
  background-position: -288px -48px;
}
.k-state-hover .k-createLink,
.k-state-selected .k-createLink {
  background-position: -312px -48px;
}
.k-unlink {
  background-position: -288px -72px;
}
.k-state-hover .k-unlink,
.k-state-selected .k-unlink {
  background-position: -312px -72px;
}
.k-insertImage {
  background-position: -288px -96px;
}
.k-state-hover .k-insertImage,
.k-state-selected .k-insertImage {
  background-position: -312px -96px;
}
.k-insertFile {
  background-position: -288px -216px;
}
.k-state-hover .k-insertFile,
.k-state-selected .k-insertFile {
  background-position: -312px -216px;
}
.k-subscript {
  background-position: -288px -144px;
}
.k-state-hover .k-subscript,
.k-state-selected .k-subscript {
  background-position: -312px -144px;
}
.k-superscript {
  background-position: -288px -168px;
}
.k-state-hover .k-superscript,
.k-state-selected .k-superscript {
  background-position: -312px -168px;
}
.k-cleanFormatting {
  background-position: -288px -192px;
}
.k-state-hover .k-cleanFormatting,
.k-state-selected .k-cleanFormatting {
  background-position: -312px -192px;
}
.k-createTable {
  background-position: -192px 0;
}
.k-state-hover .k-createTable,
.k-state-selected .k-createTable {
  background-position: -216px 0;
}
.k-addColumnLeft {
  background-position: -192px -24px;
}
.k-state-hover .k-addColumnLeft,
.k-state-selected .k-addColumnLeft {
  background-position: -216px -24px;
}
.k-addColumnRight {
  background-position: -192px -48px;
}
.k-state-hover .k-addColumnRight,
.k-state-selected .k-addColumnRight {
  background-position: -216px -48px;
}
.k-addRowAbove {
  background-position: -192px -72px;
}
.k-state-hover .k-addRowAbove,
.k-state-selected .k-addRowAbove {
  background-position: -216px -72px;
}
.k-addRowBelow {
  background-position: -192px -96px;
}
.k-state-hover .k-addRowBelow,
.k-state-selected .k-addRowBelow {
  background-position: -216px -96px;
}
.k-deleteRow {
  background-position: -192px -120px;
}
.k-state-hover .k-deleteRow,
.k-state-selected .k-deleteRow {
  background-position: -216px -120px;
}
.k-deleteColumn {
  background-position: -192px -144px;
}
.k-state-hover .k-deleteColumn,
.k-state-selected .k-deleteColumn {
  background-position: -216px -144px;
}
.k-mergeCells {
  background-position: -192px -168px;
}
.k-state-hover .k-mergeCells,
.k-state-selected .k-mergeCells {
  background-position: -216px -168px;
}
.k-pdf {
  background-position: -288px -240px;
}
.k-state-hover .k-pdf,
.k-state-selected .k-pdf {
  background-position: -312px -240px;
}
.k-print {
  background-position: -288px -264px;
}
.k-state-hover .k-print,
.k-state-selected .k-print {
  background-position: -312px -264px;
}
.k-fontName {
  width: 110px;
}
.k-fontSize {
  width: 124px;
}
.k-formatBlock {
  width: 147px;
}
.k-editortoolbar-dragHandle {
  float: left;
  margin: 1px 0 0;
}
.k-editor-toolbar .k-button-group {
  padding: 1px;
}
.k-editor .k-editor-toolbar .k-row-break {
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.k-button-group .k-tool {
  border-style: solid;
  border-width: 1px;
  margin-right: -1px;
}
.k-button-group .k-tool.k-state-hover,
.k-button-group .k-tool:focus {
  position: relative;
  z-index: 1;
}
.k-rtl .k-button-group .k-tool {
  border-style: solid;
  border-width: 1px;
}
.k-button-group .k-tool.k-group-end {
  border-right-width: 1px;
}
.k-rtl .k-button-group .k-tool.k-group-end {
  border-left-width: 1px;
}
.k-button-group .k-state-disabled {
  display: none;
}
.k-button-group .k-state-active,
.k-button-group .k-state-hover {
  vertical-align: middle;
}
.k-button-group .k-state-disabled {
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.k-editor .k-editable-area {
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 1px;
  outline: 0;
}
.k-editor .k-content {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  background: #fff;
}
.k-editor .k-tool {
  outline: 0;
}
.k-editor iframe.k-content {
  display: inline;
  vertical-align: top;
}
.k-editor .k-raw-content {
  border: 0;
  margin: 0;
  padding: 0;
}
.k-editor .k-raw-content,
.k-editor-dialog .k-editor-textarea {
  font-size: inherit;
  font-family: consolas, "courier new", monospace;
}
.k-editor-dialog {
  padding: 1em;
  width: 400px;
}
.k-editor-dialog .k-edit-label {
  width: 25%;
}
.k-editor-dialog .k-edit-field {
  width: 66%;
}
.k-editor-dialog .k-edit-field .k-textbox {
  width: 96%;
}
.k-viewhtml-dialog {
  width: auto;
}
.k-filebrowser-dialog {
  width: auto;
  min-width: 350px;
}
.k-filebrowser-dialog .k-filebrowser {
  margin: 0 1em 0;
}
.k-filebrowser-dialog .k-edit-label {
  width: 18%;
}
.k-filebrowser-dialog .k-edit-field {
  width: 75%;
}
.k-filebrowser-dialog .k-edit-field .k-textbox {
  width: 70%;
}
#k-editor-image-height,
#k-editor-image-width {
  width: 5em;
}
.k-editor-dialog .k-button {
  display: inline-block;
}
.k-editor-dialog .k-editor-textarea {
  width: 600px;
  height: 350px;
  padding: .2em .2em .2em .4em;
  border-width: 1px;
  border-style: solid;
  overflow: auto;
}
.k-button-wrapper .k-link:hover {
  text-decoration: underline;
}
.k-ct-popup {
  width: 180.4px;
  padding: 0.65em 0.5em 0.5em;
}
.k-ct-popup .k-status {
  margin: 0.3em 0;
}
.k-ct-cell {
  border-width: 1px;
  border-style: solid;
  width: 18px;
  height: 18px;
  margin: 1px;
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
  -ms-high-contrast-adjust: none;
}
.k-editor .k-resize-handle {
  position: absolute;
  padding: 5px;
  right: 0;
  bottom: 0;
}
.k-editor .k-overlay {
  position: absolute;
  background-color: #fff;
  opacity: 0;
}
.k-toolbar-resizable {
  min-height: 2.4375em;
  position: relative;
}
.k-overflow-tools {
  position: absolute;
  right: 0;
  top: 0;
}
.k-editor-overflow-popup .k-tool {
  width: auto;
  height: auto;
  display: block;
  text-align: left;
  text-decoration: initial;
  border: 0;
  padding-right: .5em;
  margin: 0;
  padding: 0 6px;
}
.k-editor-overflow-popup .k-tool.k-state-disabled {
  display: none;
}
.k-editor-toolbar .k-tool-text {
  display: none;
}
.k-notification-wrap {
  padding: .6em .5em;
  cursor: default;
  position: relative;
  white-space: nowrap;
}
.k-notification-button .k-notification-wrap {
  padding-right: 20px;
}
.k-notification-wrap > .k-i-note {
  vertical-align: text-bottom;
  margin-right: 4px;
}
.k-notification-wrap > .k-i-close {
  position: absolute;
  top: 7px;
  right: 4px;
  display: none;
}
.k-notification-button .k-notification-wrap > .k-i-close {
  display: block;
}
.k-progressbar {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.k-progressbar {
  border-radius: 4px;
}
.k-progressbar-horizontal {
  width: 27em;
  height: 1.9em;
}
.k-progressbar-vertical {
  width: 1.9em;
  height: 27em;
}
.k-progressbar > .k-state-selected {
  position: absolute;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
}
.k-progressbar-horizontal > .k-state-selected,
.k-rtl .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected {
  left: -1px;
  right: auto;
  top: -1px;
  height: 100%;
  border-radius: 4px 0 0 4px;
}
.k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
.k-rtl .k-progressbar-horizontal > .k-state-selected {
  left: auto;
  right: -1px;
  border-radius: 0 4px 4px 0;
}
.k-progressbar-vertical > .k-state-selected {
  left: -1px;
  bottom: -1px;
  width: 100%;
  border-radius: 0 0 4px 4px;
}
.k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
  bottom: auto;
  top: -1px;
  border-radius: 4px 4px 0 0;
}
.k-progressbar > .k-state-selected.k-complete,
.k-rtl .k-progressbar > .k-state-selected.k-complete {
  border-radius: 4px;
}
.k-progressbar > .k-reset {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: -1px;
  top: -1px;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  white-space: nowrap;
}
.k-progressbar-horizontal .k-item {
  display: inline-block;
  height: 100%;
  border-style: solid;
  margin-left: -1px;
}
.k-progressbar-horizontal .k-item.k-first {
  margin-left: 0;
}
.k-progressbar-horizontal .k-item.k-last {
  border-right-width: 0;
}
.k-progressbar-horizontal .k-item,
.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item {
  border-width: 1px 0 1px 1px;
}
.k-progressbar-horizontal.k-progressbar-reverse .k-item,
.k-rtl .k-progressbar-horizontal .k-item {
  border-width: 1px 0 1px 1px;
}
.k-progressbar-horizontal .k-first,
.k-rtl .k-progressbar-horizontal .k-last,
.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left-width: 1px;
}
.k-progressbar-horizontal .k-last,
.k-rtl .k-progressbar-horizontal .k-first {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.k-progressbar-horizontal.k-progressbar-reverse .k-last,
.k-rtl .k-progressbar-horizontal .k-first {
  border-right-width: 1px;
}
.k-progressbar-horizontal .k-last.k-state-selected {
  border-right-width: 1px;
}
.k-progressbar-vertical .k-item {
  width: 100%;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  margin-top: -1px;
}
.k-progressbar-vertical .k-item.k-first {
  margin-top: 0;
}
.k-progressbar-vertical li.k-item.k-last {
  border-bottom-width: 0;
}
.k-progressbar-vertical .k-first {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.k-progressbar-vertical .k-last {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-width: 1px;
}
.k-progressbar-vertical.k-progressbar-reverse .k-item {
  border-width: 0 1px 1px 1px;
}
.k-progressbar-vertical.k-progressbar-reverse .k-first {
  border-top-width: 1px;
}
.k-progress-status-wrap {
  position: absolute;
  top: -1px;
  border: 1px solid transparent;
  line-height: 2em;
  width: 100%;
  height: 100%;
}
.k-progress-status-wrap,
.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap {
  left: -1px;
  right: auto;
  text-align: right;
}
.k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap,
.k-rtl .k-progressbar-horizontal .k-progress-status-wrap {
  left: auto;
  right: -1px;
  text-align: left;
}
.k-progressbar-vertical .k-progress-status-wrap {
  top: auto;
  bottom: -1px;
}
.k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap {
  bottom: auto;
  top: -1px;
}
.k-progress-status {
  display: inline-block;
  padding: 0 .5em;
  min-width: 10px;
  white-space: nowrap;
}
.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
  position: absolute;
  bottom: 0;
  left: 0;
}
.k-progressbar-vertical .k-progress-status {
  -webkit-transform: rotate(-90deg) translateX(-100%);
  -ms-transform: rotate(-90deg) translateX(-100%);
  transform: rotate(-90deg) translateX(-100%);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
  -webkit-transform: rotate(90deg) translateX(-100%);
  -ms-transform: rotate(90deg) translateX(-100%);
  transform: rotate(90deg) translateX(-100%);
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.k-ie8 .k-progressbar-vertical .k-progress-status {
  -webkit-writing-mode: bt-lr;
  -ms-writing-mode: bt-lr;
  writing-mode: bt-lr;
  padding: 0.5em 0;
}
div.k-slider {
  position: relative;
  border-width: 0;
  background-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.k-slider-vertical {
  width: 26px;
  height: 200px;
}
.k-slider-horizontal {
  display: inline-block;
  width: 200px;
  height: 26px;
}
.k-slider-wrap {
  width: 100%;
  height: 100%;
}
.k-grid .k-slider .k-button,
.k-slider .k-button {
  position: absolute;
  top: 0;
  width: 24px;
  min-width: 0;
  height: 24px;
  margin: 0;
  padding: 0;
  outline: 0;
}
.k-slider .k-button .k-icon {
  margin-top: 3px;
  vertical-align: top;
}
.k-state-disabled .k-slider-wrap {
  filter: alpha(opacity=60);
  opacity: 0.6;
}
.k-state-disabled .k-slider-wrap .k-slider-items {
  color: #333;
}
.k-slider .k-button-decrease {
  left: 0;
}
.k-grid .k-slider-vertical .k-button-decrease,
.k-slider-vertical .k-button-decrease {
  top: auto;
  bottom: 0;
}
.k-slider .k-button-increase {
  right: 0;
}
.k-slider .k-icon,
.k-slider .k-tick,
.k-slider-track {
  cursor: pointer;
}
.k-slider-selection,
.k-slider-track {
  position: absolute;
  margin: 0;
  padding: 0;
}
.k-slider-horizontal .k-slider-selection,
.k-slider-horizontal .k-slider-track {
  top: 50%;
  left: 0;
  height: 8px;
  margin-top: -4px;
  background-repeat: repeat-x;
}
.k-slider-horizontal .k-slider-buttons .k-slider-track {
  left: 34px;
}
.k-slider-vertical .k-slider-selection,
.k-slider-vertical .k-slider-track {
  left: 50%;
  bottom: 0;
  width: 8px;
  margin-left: -4px;
  background-repeat: repeat-y;
}
.k-slider-vertical .k-slider-buttons .k-slider-track {
  bottom: 34px;
}
.k-draghandle {
  position: absolute;
  background-repeat: no-repeat;
  background-color: transparent;
  text-indent: -3333px;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
  outline: 0;
}
.k-slider-horizontal .k-draghandle {
  top: -4px;
  width: 13px;
  height: 14px;
}
.k-slider-vertical .k-draghandle {
  left: -4px;
  width: 14px;
  height: 13px;
}
.k-slider-buttons .k-slider-items {
  margin-left: 34px;
}
.k-slider-horizontal .k-slider-items {
  height: 100%;
}
.k-slider-vertical .k-slider-items {
  padding-top: 1px;
}
.k-slider-vertical .k-slider-buttons .k-slider-items {
  padding-top: 0;
}
.k-slider-vertical .k-slider-buttons .k-slider-items {
  margin: 0;
  padding-top: 35px;
}
.k-slider .k-tick {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
}
.k-slider-horizontal .k-tick {
  float: left;
  height: 100%;
  text-align: center;
}
.k-slider-horizontal .k-tick {
  background-position: center -92px;
}
.k-slider-horizontal .k-slider-topleft .k-tick {
  background-position: center -122px;
}
.k-slider-horizontal .k-slider-bottomright .k-tick {
  background-position: center -152px;
}
.k-slider-horizontal .k-tick-large {
  background-position: center -2px;
}
.k-slider-horizontal .k-slider-topleft .k-tick-large {
  background-position: center -32px;
}
.k-slider-horizontal .k-slider-bottomright .k-tick-large {
  background-position: center -62px;
}
.k-slider-vertical .k-tick {
  background-position: -92px center;
}
.k-slider-vertical .k-slider-topleft .k-tick {
  background-position: -122px center;
}
.k-slider-vertical .k-slider-bottomright .k-tick {
  background-position: -152px center;
}
.k-slider-vertical .k-tick-large {
  background-position: -2px center;
}
.k-slider-vertical .k-slider-topleft .k-tick-large {
  background-position: -32px center;
}
.k-slider-vertical .k-slider-bottomright .k-tick-large {
  background-position: -62px center;
}
.k-slider-horizontal .k-first {
  background-position: 0 -92px;
}
.k-slider-horizontal .k-tick-large.k-first {
  background-position: 0 -2px;
}
.k-slider-horizontal .k-slider-topleft .k-first {
  background-position: 0 -122px;
}
.k-slider-horizontal .k-slider-topleft .k-tick-large.k-first {
  background-position: 0 -32px;
}
.k-slider-horizontal .k-slider-bottomright .k-first {
  background-position: 0 -152px;
}
.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first {
  background-position: 0 -62px;
}
.k-slider-horizontal .k-last {
  background-position: 100% -92px;
}
.k-slider-horizontal .k-tick-large.k-last {
  background-position: 100% -2px;
}
.k-slider-horizontal .k-slider-topleft .k-last {
  background-position: 100% -122px;
}
.k-slider-horizontal .k-slider-topleft .k-tick-large.k-last {
  background-position: 100% -32px;
}
.k-slider-horizontal .k-slider-bottomright .k-last {
  background-position: 100% -152px;
}
.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last {
  background-position: 100% -62px;
}
.k-slider-vertical .k-first {
  background-position: -92px 100%;
}
.k-slider-vertical .k-tick-large.k-first {
  background-position: -2px 100%;
}
.k-slider-vertical .k-slider-topleft .k-first {
  background-position: -122px 100%;
}
.k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
  background-position: -32px 100%;
}
.k-slider-vertical .k-slider-bottomright .k-first {
  background-position: -152px 100%;
}
.k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
  background-position: -62px 100%;
}
.k-slider-vertical .k-last {
  background-position: -92px 0;
}
.k-slider-vertical .k-tick-large.k-last {
  background-position: -2px 0;
}
.k-slider-vertical .k-slider-topleft .k-last {
  background-position: -122px 0;
}
.k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
  background-position: -32px 0;
}
.k-slider-vertical .k-slider-bottomright .k-last {
  background-position: -152px 0;
}
.k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
  background-position: -62px 0;
}
.k-slider-vertical .k-tick {
  text-align: right;
}
.k-slider-vertical .k-slider-topleft .k-tick {
  text-align: left;
}
.k-slider .k-label {
  position: absolute;
  white-space: nowrap;
  font-size: 0.92em;
}
.k-slider-horizontal .k-label {
  left: 0;
  width: 100%;
  line-height: 1;
}
.k-slider-horizontal .k-first .k-label {
  left: -50%;
}
.k-slider-horizontal .k-last .k-label {
  left: auto;
  right: -50%;
}
.k-slider-horizontal .k-label {
  bottom: -1.2em;
}
.k-slider-horizontal .k-slider-topleft .k-label {
  top: -1.2em;
}
.k-slider-vertical .k-label {
  left: 120%;
  display: block;
  text-align: left;
}
.k-slider-vertical .k-last .k-label {
  top: -0.5em;
}
.k-slider-vertical .k-first .k-label {
  bottom: -0.5em;
}
.k-slider-vertical .k-slider-topleft .k-label {
  left: auto;
  right: 120%;
}
.k-slider-tooltip {
  top: -4444px;
}
.k-scheduler-footer,
.k-scheduler-toolbar {
  border-style: solid;
}
.k-scheduler-footer,
.k-scheduler-toolbar {
  line-height: 28px;
  padding: 6px;
}
.k-scheduler-toolbar {
  position: relative;
  border-width: 0 0 1px;
}
.k-edit-field.k-scheduler-toolbar {
  border-width: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.k-scheduler-header {
  text-align: center;
}
.k-scheduler-footer {
  border-width: 1px 0 0;
}
.k-scheduler-toolbar > ul {
  float: right;
}
.k-scheduler-toolbar > ul:first-child {
  float: left;
}
.k-scheduler-toolbar > .k-scheduler-tools {
  float: left;
  margin-bottom: 0.5em;
}
.k-scheduler-tools + .k-scheduler-navigation {
  float: left;
  clear: left;
}
.k-scheduler-footer > ul > li,
.k-scheduler-toolbar > ul > li {
  display: inline-block;
  border-style: solid;
  border-width: 1px 1px 1px 0;
}
.k-scheduler .k-scheduler-toolbar .k-nav-current,
.k-scheduler .k-scheduler-toolbar .k-scheduler-tools > li {
  border-width: 0;
}
.k-scheduler-toolbar > ul.k-scheduler-views > li:first-child + li,
.k-scheduler-toolbar > ul > li:first-child {
  border-left-width: 1px;
}
.k-scheduler div.k-scheduler-footer ul li {
  margin-right: .6em;
  border-width: 1px;
}
.k-scheduler-footer .k-link,
.k-scheduler-toolbar .k-link {
  display: inline-block;
  padding: 0 1.1em;
}
.k-scheduler-toolbar .k-nav-next .k-link,
.k-scheduler-toolbar .k-nav-prev .k-link {
  padding-left: .6em;
  padding-right: 0.6em;
}
.k-scheduler-toolbar .k-nav-current .k-link {
  padding: 0;
}
.k-scheduler-toolbar .k-nav-current {
  margin: 0 1.1em;
}
.k-scheduler .k-nav-current > .k-state-active,
.k-scheduler div.k-scheduler-toolbar > ul > li.k-nav-current {
  background: 0 0;
}
.k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation {
  width: 100%;
  text-align: center;
}
.k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation > li {
  background: 0 0;
  border: 0;
}
.k-scheduler-phone .k-toolbar .k-nav-next {
  float: right;
}
.k-scheduler-phone .k-toolbar .k-nav-prev {
  float: left;
}
.k-scheduler-footer .k-icon,
.k-scheduler-toolbar .k-i-calendar {
  margin: -2px 6px 0 0;
}
.k-scheduler-header,
.k-scheduler-header-wrap {
  overflow: hidden;
}
.k-scheduler-header-wrap {
  position: relative;
  border-style: solid;
  border-width: 0;
}
.k-scheduler .k-scrollbar-v .k-scheduler-header-wrap {
  border-right-width: 1px;
}
.k-scheduler-content,
.k-scheduler-times {
  position: relative;
}
.k-scheduler-times {
  overflow: hidden;
  border-style: solid;
  border-width: 0;
}
.k-scheduler-content {
  overflow: auto;
}
.k-scheduler-layout,
.k-scheduler-table {
  border-spacing: 0;
  width: 100%;
  margin: 0;
  border-collapse: separate;
}
.k-scheduler-layout > tbody > tr > td {
  padding: 0;
  vertical-align: top;
}
.k-safari .k-scheduler-layout > tbody > tr > td + td {
  width: 100%;
}
.k-scheduler-table {
  table-layout: fixed;
  max-width: none;
}
.k-scheduler-times .k-scheduler-table {
  table-layout: auto;
}
.k-scheduler-monthview .k-scheduler-content .k-scheduler-table {
  height: 100%;
}
.k-scheduler-table td,
.k-scheduler-table th {
  height: 1.5em;
  padding: .334em .5em;
  font-size: 100%;
}
.k-scheduler .k-scheduler-table td,
.k-scheduler .k-scheduler-table th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.k-scheduler-monthview .k-hidden,
.k-scheduler-monthview .k-hidden > div {
  width: 0!important;
  overflow: hidden !important;
}
.k-scheduler-monthview .k-hidden {
  padding-left: 0!important;
  padding-right: 0!important;
  border-right-width: 0 !important;
}
.k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times {
  margin-right: 1px;
}
.k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times .k-hidden {
  height: auto;
}
.k-scheduler-monthview .k-hidden,
.k-scheduler-monthview .k-scheduler-table td {
  height: 80px;
  text-align: right;
}
.k-scheduler-phone .k-scheduler-monthview .k-hidden,
.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td {
  height: 40px;
}
.k-scheduler-table td,
.k-slot-cell {
  vertical-align: top;
}
.k-scheduler-layout tr + tr .k-scheduler-times th:last-child {
  vertical-align: top;
}
.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td {
  text-align: center;
  vertical-align: middle;
}
.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td span {
  font-size: 1.5em;
}
.k-scheduler-header th {
  overflow: hidden;
  text-overflow: ellipsis;
}
.k-scheduler-header th,
.k-scheduler-table td {
  border-style: solid;
  border-width: 0 0 1px 1px;
}
.k-scheduler-header th:first-child,
.k-scheduler-table td:first-child {
  border-left-width: 0;
}
.k-scheduler-agendaview .k-scheduler-table td:first-child {
  border-left-width: 1px;
}
.k-scheduler-agendaview .k-scheduler-table td.k-first {
  border-left-width: 0;
}
.k-scheduler-layout tr + tr .k-scheduler-table > tbody > tr:last-child > td,
.k-scheduler-layout tr + tr .k-scheduler-times tr:last-child > th,
.k-scheduler-table > tbody > tr > .k-last {
  border-bottom-width: 0;
}
.k-scheduler-agendaview.k-scrollbar-h .k-scheduler-table > tbody > tr > td.k-last,
.k-scrollbar-h .k-scheduler-content .k-scheduler-table > tbody > tr:last-child > td,
.k-scrollbar-h tr + tr .k-scheduler-times {
  border-bottom-width: 1px;
}
.k-scheduler-times th {
  text-align: right;
  padding-right: .6em;
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: transparent;
  white-space: nowrap;
}
.k-scheduler-layout tr + tr .k-scheduler-times th {
  border-bottom-color: transparent;
}
.k-scheduler-layout tr + tr .k-scheduler-times th.k-scheduler-times-all-day,
.k-scheduler-layout tr + tr .k-scheduler-times th.k-slot-cell {
  border-bottom-color: inherit;
}
.k-scheduler .k-middle-row td {
  border-bottom-style: dotted;
}
.k-scheduler-now-arrow,
.k-scheduler-now-line {
  position: absolute;
}
.k-scheduler-now-arrow {
  width: 0;
  height: 0;
  border: solid 5px transparent;
  left: 0;
}
.k-scheduler-now-line {
  left: 5px;
  right: 0;
  height: 1px;
}
.k-task {
  position: relative;
}
div.k-more-events {
  text-align: center;
  font-size: 18px;
  line-height: 1.2;
  padding: 0;
}
.k-more-events > span {
  display: block;
  margin-top: -0.6em;
}
.k-event,
.k-more-events {
  position: absolute;
  border-style: solid;
  border-width: 1px;
  text-align: left;
  overflow: hidden;
}
.k-event {
  cursor: default;
  min-height: 1.3em;
}
.k-event-drag-hint {
  filter: alpha(opacity=60);
  opacity: .6;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
.k-scheduler-header .k-event {
  white-space: nowrap;
}
.k-event-template {
  padding: 0.3em 1.4em 0.3em 0.6em;
}
.k-event-time {
  display: none;
  padding-bottom: 0;
  font-size: 0.9em;
}
.k-event-drag-hint .k-event-time {
  display: block;
}
.k-event-actions,
.k-event > .k-link,
.k-task > .k-link {
  position: absolute;
  top: 3px;
  right: 4px;
  white-space: nowrap;
}
.k-event-actions {
  z-index: 1;
}
.k-scheduler-agendaview .k-task > .k-link {
  top: 0;
  right: 0;
}
.k-event-actions:first-child {
  position: static;
  float: left;
  margin: 4px 2px 0 4px;
}
.k-webkit .k-event-actions:first-child {
  margin-top: 3px;
}
.k-event-actions:first-child > .k-link {
  display: inline-block;
}
.k-event-delete {
  display: none;
}
.k-event:hover .k-event-delete,
tr:hover > td > .k-task .k-event-delete {
  display: inline-block;
}
.k-event .k-event-bottom-actions,
.k-event .k-event-top-actions {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.k-event .k-event-bottom-actions {
  top: auto;
  bottom: 0;
}
.k-event .k-resize-handle,
.k-scheduler-mobile .k-event:hover .k-resize-handle {
  position: absolute;
  visibility: hidden;
  z-index: 2;
}
.k-event-active .k-resize-handle,
.k-event:hover .k-resize-handle,
.k-scheduler-mobile .k-event-active:hover .k-resize-handle {
  visibility: visible;
}
.k-event .k-resize-handle:after {
  content: "";
  position: absolute;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.k-scheduler-mobile .k-event .k-resize-handle:after {
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}
.k-event > .k-resize-n {
  top: 0;
  left: 0;
  right: 0;
  height: 0.4em;
}
.k-event > .k-resize-s {
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.4em;
}
.k-event > .k-resize-e {
  right: 0;
  top: 0;
  bottom: 0;
  width: 0.4em;
}
.k-event > .k-resize-w {
  left: 0;
  top: 0;
  bottom: 0;
  width: 0.4em;
}
.k-event > .k-resize-n:after,
.k-event > .k-resize-s:after {
  top: 1px;
  left: 50%;
  margin-left: -1em;
  width: 2em;
  height: 1px;
}
.k-event > .k-resize-s:after {
  top: auto;
  bottom: 1px;
}
.k-event > .k-resize-e:after,
.k-event > .k-resize-w:after {
  left: 1px;
  top: 50%;
  margin-top: -0.7em;
  height: 1.4em;
  width: 1px;
}
.k-event > .k-resize-e:after {
  left: auto;
  right: 1px;
}
.k-scheduler-mobile .k-event > .k-resize-n,
.k-scheduler-mobile .k-event > .k-resize-s {
  height: 0.6em;
}
.k-scheduler-mobile .k-event > .k-resize-e,
.k-scheduler-mobile .k-event > .k-resize-w {
  width: 0.6em;
}
.k-scheduler-mobile .k-event > .k-resize-n:after,
.k-scheduler-mobile .k-event > .k-resize-s:after {
  top: 0;
  margin-left: -3em;
  width: 4em;
  height: 0.6em;
}
.k-scheduler-mobile .k-event > .k-resize-s:after {
  bottom: 0;
}
.k-scheduler-mobile .k-event > .k-resize-e:after,
.k-scheduler-mobile .k-event > .k-resize-w:after {
  left: 0;
  margin-top: -0.7em;
  height: 1.4em;
  width: 0.6em;
}
.k-scheduler-mobile .k-event > .k-resize-e:after {
  right: 0;
}
.k-scheduler-mobile .k-event > .k-resize-n:after {
  border-radius: 0 0 4px 4px;
}
.k-scheduler-mobile .k-event > .k-resize-s:after {
  border-radius: 4px 4px 0 0;
}
.k-scheduler-mobile .k-event > .k-resize-w:after {
  border-radius: 0 4px 4px 0;
}
.k-scheduler-mobile .k-event > .k-resize-e:after {
  border-radius: 4px 0 0 4px;
}
.k-scheduler-phone .k-scheduler-monthview .k-events-container {
  position: absolute;
  text-align: center;
  height: 6px;
  line-height: 6px;
}
.k-scheduler-phone .k-scheduler-monthview .k-event {
  position: static;
  display: inline-block;
  width: 4px;
  height: 4px;
  min-height: 0;
  margin: 1px;
}
.k-scheduler-marquee {
  border-style: solid;
  border-width: 0;
}
.k-scheduler-marquee.k-first:before,
.k-scheduler-marquee.k-last:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px;
}
div.k-scheduler-marquee:before {
  top: 0;
  left: 0;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
div.k-scheduler-marquee:after {
  bottom: 0;
  right: 0;
  border-top-color: transparent;
  border-left-color: transparent;
}
.k-scheduler-marquee .k-label-top {
  position: absolute;
  top: .3em;
  left: .8em;
  font-size: 0.8em;
}
.k-scheduler-marquee .k-label-bottom {
  position: absolute;
  bottom: .3em;
  right: .81em;
  font-size: 0.8em;
}
.k-scheduler-quickedit .k-textbox {
  width: 200px;
}
.k-tooltip-bottom {
  text-align: left;
}
.k-tooltip-bottom .k-button {
  float: left;
  margin-right: 0.3em;
}
.k-tooltip-bottom .k-quickedit-details {
  float: right;
  margin-right: 0;
}
.k-scheduler-agendaview .k-scheduler-table td,
.k-scheduler-agendaview .k-scheduler-table th {
  text-align: left;
}
.k-scheduler-groupcolumn,
.k-scheduler-times .k-slot-cell {
  width: 6em;
}
.k-scheduler-datecolumn {
  width: 12em;
}
.k-scheduler-timecolumn {
  width: 11em;
}
.k-scheduler-timecolumn > div {
  position: relative;
  vertical-align: top;
}
.k-webkit .k-scheduler-timecolumn > div > .k-icon {
  vertical-align: top;
}
.k-scheduler-timecolumn > div > .k-i-arrow-e {
  position: absolute;
  right: -4px;
}
.k-scheduler-timecolumn .k-i-arrow-w {
  margin-left: -4px;
}
.k-scheduler-mark {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-right: 0.5em;
}
.k-scheduler-agendaday {
  float: left;
  margin: 0 .2em 0 0;
  font-size: 3em;
  font-weight: 400;
}
.k-scheduler-agendaweek {
  display: block;
  margin: .4em 0 0;
  font-size: 1.1em;
  font-style: normal;
}
.k-scheduler-agendadate {
  font-size: 0.8em;
}
.k-scheduler-timecolumn {
  white-space: nowrap;
}
.k-scheduler-edit-form .k-edit-form-container,
.k-scheduler-timezones .k-edit-form-container {
  width: 520px;
}
.k-scheduler-edit-form .k-edit-label {
  width: 17%;
}
.k-scheduler-edit-form .k-edit-field {
  width: 77%;
}
.k-scheduler-edit-form .k-textbox[name=title],
.k-scheduler-edit-form textarea.k-textbox {
  width: 100%;
}
.k-scheduler-edit-form textarea.k-textbox {
  min-height: 4em;
  resize: vertical;
}
.k-scheduler-edit-form > .k-edit-box:first-child .k-datetimepicker {
  margin-right: 1em;
}
.km-pane-wrapper .k-scheduler-edit-form .k-edit-buttons {
  clear: right;
  margin-right: 2%;
  margin-left: 2%;
  padding: 0 0 0.6em;
}
.k-edit-box {
  float: left;
}
.k-edit-box + .k-edit-box {
  float: right;
}
.k-scheduler-edit-form label + input {
  margin-left: 1em;
}
.k-edit-field > ul.k-reset > li {
  margin: .2em 0 .4em;
  line-height: 2.4;
}
.k-edit-field > ul.k-reset.k-toolbar > li {
  margin: 0;
}
.k-edit-field > ul.k-reset .k-widget {
  margin-left: 0.8em;
}
.k-edit-field span.k-recur-interval,
.k-edit-field > ul.k-reset .k-numerictextbox {
  width: 5em;
}
.k-edit-field > ul.k-reset .k-datepicker,
.k-edit-field > ul.k-reset .k-dropdown,
div[name=recurrenceRule] > .k-dropdown {
  width: 9em;
}
.k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete {
  float: left;
}
.k-popup-message {
  margin: 0;
  padding: 1em 0 2em;
  text-align: center;
}
.k-scheduler-timezones .k-dropdown:first-child {
  width: 100%;
}
.k-scheduler-timezones .k-dropdown + .k-dropdown {
  margin: 0.5em 0 0.7em;
}
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
  display: none;
}
.k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
  display: none;
}
.k-scheduler-refresh {
  float: right;
  padding: 0 0.5em;
}
@media only screen and (max-width: 1024px) {
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views {
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 10000;
  }
  .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
    right: auto;
    left: 6px;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view),
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view),
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view),
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
    display: none;
  }
  .k-ff .k-scheduler-toolbar li.k-nav-current .k-lg-date-format,
  .k-ie11 .k-scheduler-toolbar li.k-nav-current .k-lg-date-format,
  .k-safari .k-scheduler-toolbar li.k-nav-current .k-lg-date-format,
  .k-webkit .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
    display: none;
  }
  .k-ff .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
  .k-ie11 .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
  .k-safari .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
  .k-webkit .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
    display: inline;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    display: block;
    border-width: 1px;
  }
  .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    text-align: left;
    padding-left: 1em;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
    display: block;
    position: relative;
    padding-right: 2.5em;
    padding-left: 1em;
  }
  .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
    padding-left: 0;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -0.6em;
    right: .333em;
    width: 1.333em;
    height: 1.333em;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
    display: block;
    border: 0;
    border-radius: 0;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    border: 1px solid #c5c5c5;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  }
  .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    text-align: left;
  }
}
@media only screen and (max-width: 480px) {
  .k-ff .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
  .k-ie11 .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
  .k-safari .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
  .k-webkit .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
    display: none;
  }
  .k-ff .k-scheduler-timecolumn,
  .k-ie11 .k-scheduler-timecolumn,
  .k-safari .k-scheduler-timecolumn,
  .k-webkit .k-scheduler-timecolumn {
    width: 5em;
  }
  .k-ff .k-scheduler-datecolumn,
  .k-ie11 .k-scheduler-datecolumn,
  .k-safari .k-scheduler-datecolumn,
  .k-webkit .k-scheduler-datecolumn {
    width: 6em;
    overflow: hidden;
  }
  .k-ff .k-scheduler-datecolumn > div,
  .k-ff .k-scheduler-timecolumn > div,
  .k-ie11 .k-scheduler-datecolumn > div,
  .k-ie11 .k-scheduler-timecolumn > div,
  .k-safari .k-scheduler-datecolumn > div,
  .k-safari .k-scheduler-timecolumn > div,
  .k-webkit .k-scheduler-datecolumn > div,
  .k-webkit .k-scheduler-timecolumn > div {
    white-space: normal;
  }
}
.k-scheduler-pdf-export {
  overflow: hidden;
}
.k-pdf-export-shadow .k-scheduler,
.k-scheduler-pdf-export .k-scheduler-content,
.k-scheduler-pdf-export .k-scheduler-times {
  height: auto!important;
  overflow: visible !important;
}
.k-scheduler-pdf-export .k-scheduler-header {
  padding: 0 !important;
}
.k-scheduler-pdf-export .k-scheduler-header-wrap {
  border-width: 0 !important;
}
.k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table,
.k-scheduler-pdf-export .k-scheduler-header .k-scheduler-table {
  width: 100% !important;
}
.k-tooltip {
  position: absolute;
  z-index: 12000;
  border-style: solid;
  border-width: 0;
  padding: 5px 5px 5px 6px;
  background-repeat: repeat-x;
  min-width: 20px;
  text-align: center;
}
.k-tooltip-button {
  text-align: right;
  height: 0;
}
.k-tooltip-content {
  height: 100%;
}
.k-tooltip-closable .k-tooltip-content {
  padding-right: 20px;
}
span.k-tooltip {
  position: static;
  display: inline-block;
  border-width: 1px;
  padding: 2px 5px 1px 6px;
}
.k-invalid-msg {
  display: none;
}
.k-callout {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  border-color: transparent;
}
.k-callout-n {
  top: -12px;
  left: 50%;
}
.k-callout-w {
  top: 50%;
  left: -12px;
}
.k-callout-s {
  left: 50%;
  bottom: -12px;
}
.k-callout-e {
  top: 50%;
  right: -12px;
}
.k-slider-tooltip .k-callout-n,
.k-slider-tooltip .k-callout-s {
  margin-left: -6px;
}
.k-slider-tooltip .k-callout-e,
.k-slider-tooltip .k-callout-w {
  margin-top: -6px;
}
.k-tooltip-validation .k-warning {
  vertical-align: text-top;
  margin-right: 3px;
}
.k-tooltip-validation {
  z-index: 9999;
}
.k-toolbar {
  position: relative;
  display: block;
  vertical-align: middle;
  line-height: 2.9em;
}
.k-overflow-container .k-button .k-icon,
.k-overflow-container .k-button .k-sprite,
.k-toolbar .k-button .k-icon,
.k-toolbar .k-button .k-sprite {
  vertical-align: middle;
  margin-top: -7px;
  margin-bottom: -5px;
}
.k-toolbar .k-input {
  line-height: inherit;
  height: inherit;
  padding-top: 2px;
  padding-bottom: 2px;
}
.k-toolbar .k-input:before {
  content: "\a0";
  display: inline-block;
  width: 0;
}
.k-ie .k-toolbar .k-input {
  height: 1.65em;
}
.k-toolbar .k-combobox .k-dropdown-wrap:before,
.k-toolbar .k-numeric-wrap:before,
.k-toolbar .k-picker-wrap:before {
  display: none;
}
.k-overflow-container .k-sprite {
  margin-left: -4px;
}
.k-toolbar-resizable {
  overflow: hidden;
  white-space: nowrap;
}
.k-toolbar > .k-align-left {
  float: none;
}
.k-toolbar > .k-align-right {
  float: right;
}
.k-toolbar .k-button,
.k-toolbar > * {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.72em;
}
.k-toolbar .k-separator {
  border-width: 0 0 0 1px;
  border-style: solid;
  width: 1px;
  line-height: inherit;
}
.k-toolbar .k-button-group {
  list-style-type: none;
}
.k-toolbar .k-button-group > li {
  display: inline-block;
}
.k-toolbar .k-button-group .k-button {
  margin: 0 0 0 -1px;
  border-radius: 0;
}
.k-toolbar .k-button,
.k-toolbar .k-button-group,
.k-toolbar .k-separator,
.k-toolbar .k-split-button,
.k-toolbar .k-textbox,
.k-toolbar .k-widget,
.k-toolbar label {
  margin: 0 .2em;
  line-height: 1.72em;
  vertical-align: middle;
}
.k-toolbar .k-split-button {
  padding-left: 0;
}
.k-toolbar .k-button-group .k-group-start,
.k-toolbar .k-split-button .k-button {
  margin: 0;
}
.k-toolbar .k-split-button .k-split-button-arrow {
  margin: 0 0 0 -1px;
}
.k-toolbar .k-overflow-anchor {
  border-width: 0 0 0 1px;
  border-style: solid;
  height: 3em;
  width: 3em;
  line-height: inherit;
  padding: 0 .5em;
  margin: 0;
  position: relative;
  float: right;
  border-radius: 0;
}
.k-overflow-container .k-item {
  float: none;
  border: 0;
}
.k-overflow-container .k-separator {
  border-width: 0 0 1px;
  border-style: solid;
  height: 1px;
  line-height: 0;
  font-size: 0;
  padding: 0;
}
.k-overflow-container .k-overflow-button,
.k-split-container .k-button {
  text-align: left;
  display: block;
  background: 0 0;
  border-color: transparent;
  white-space: nowrap;
}
.k-split-container {
  margin-top: -1px;
}
.k-overflow-container .k-button-group {
  padding: 0;
}
.k-overflow-container .k-button-group > li {
  display: block;
}
.k-overflow-container .k-overflow-group {
  border-width: 1px 0;
  border-style: solid;
  border-radius: 0;
  padding: 2px 0;
  margin: 1px 0;
}
.k-overflow-container .k-overflow-hidden {
  display: none;
}
.k-overflow-container .k-overflow-group + .k-overflow-group,
.k-overflow-container .k-separator + .k-overflow-group,
.k-overflow-container .k-toolbar-first-visible {
  border-top: 0;
  margin-top: 0;
  padding-top: 1px;
}
.k-overflow-container .k-overflow-group + .k-separator {
  display: none;
}
.k-overflow-container .k-toolbar-last-visible {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 1px;
}
.k-splitter {
  position: relative;
  height: 300px;
}
.k-pane > .k-splitter {
  border-width: 0;
  overflow: hidden;
}
.k-splitter .k-pane {
  overflow: hidden;
}
.k-splitter .k-scrollable {
  overflow: auto;
}
.k-splitter .k-pane-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
}
.k-ghost-splitbar,
.k-splitbar {
  position: absolute;
  border-style: solid;
  font-size: 0;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.k-splitter .k-ghost-splitbar-horizontal,
.k-splitter .k-splitbar-horizontal {
  top: 0;
  width: 5px;
  border-width: 0 1px;
  background-repeat: repeat-y;
}
.k-ghost-splitbar-vertical,
.k-splitbar-vertical {
  left: 0;
  height: 5px;
  border-width: 1px 0;
  background-repeat: repeat-x;
}
.k-splitbar-draggable-horizontal {
  cursor: w-resize;
}
.k-splitbar-draggable-vertical {
  cursor: n-resize;
}
.k-splitbar .k-resize-handle {
  display: none;
}
.k-restricted-size-horizontal,
.k-restricted-size-vertical {
  background-color: red;
}
.k-splitbar-horizontal .k-icon {
  position: absolute;
  top: 50%;
  width: 5px;
  height: 20px;
  margin-top: -10px;
}
.k-collapse-next,
.k-collapse-prev,
.k-expand-next,
.k-expand-prev {
  cursor: pointer;
}
.k-splitbar-horizontal .k-collapse-prev {
  margin-top: -31px;
}
.k-splitbar-horizontal .k-collapse-next {
  margin-top: 11px;
}
.k-splitbar-static-horizontal {
  width: 1px;
}
.k-splitbar-static-vertical {
  height: 1px;
}
.k-splitbar-vertical .k-icon {
  position: absolute;
  left: 50%;
  width: 20px;
  height: 5px;
  margin-left: -10px;
}
.k-splitbar-vertical .k-collapse-prev {
  margin-left: -31px;
}
.k-splitbar-vertical .k-collapse-next {
  margin-left: 11px;
}
.k-splitbar-draggable-horizontal .k-resize-handle,
.k-splitbar-draggable-vertical .k-resize-handle {
  display: inline-block;
}
.k-splitbar-horizontal .k-resize-handle {
  background-position: -165px -6px;
}
.k-splitbar-horizontal-hover > .k-resize-handle {
  background-position: -181px -6px;
}
.k-splitbar-horizontal .k-collapse-prev,
.k-splitbar-horizontal .k-expand-next {
  background-position: -6px -174px;
}
.k-splitbar-horizontal-hover > .k-collapse-prev,
.k-splitbar-horizontal-hover > .k-expand-next {
  background-position: -22px -174px;
}
.k-splitbar-horizontal .k-collapse-next,
.k-splitbar-horizontal .k-expand-prev {
  background-position: -5px -142px;
}
.k-splitbar-horizontal-hover > .k-collapse-next,
.k-splitbar-horizontal-hover > .k-expand-prev {
  background-position: -21px -142px;
}
.k-splitbar-vertical .k-resize-handle {
  background-position: -38px -309px;
}
.k-splitbar-vertical-hover > .k-resize-handle {
  background-position: -70px -309px;
}
.k-splitbar-vertical .k-collapse-prev,
.k-splitbar-vertical .k-expand-next {
  background-position: 2px -134px;
}
.k-splitbar-vertical-hover > .k-collapse-prev,
.k-splitbar-vertical-hover > .k-expand-next {
  background-position: -14px -134px;
}
.k-splitbar-vertical .k-collapse-next,
.k-splitbar-vertical .k-expand-prev {
  background-position: 2px -165px;
}
.k-splitbar-vertical-hover > .k-collapse-next,
.k-splitbar-vertical-hover > .k-expand-prev {
  background-position: -14px -165px;
}
.k-splitter-resizing {
  overflow: hidden;
}
html .k-upload {
  position: relative;
}
.k-dropzone em,
.k-upload-button {
  vertical-align: middle;
}
.k-dropzone,
.k-file {
  position: relative;
}
.k-dropzone {
  border-style: solid;
  border-width: 0;
  padding: .8em;
  background-color: transparent;
}
.k-dropzone em {
  visibility: hidden;
  margin-left: 0.6em;
}
.k-dropzone-active em {
  visibility: visible;
}
.k-upload-button {
  position: relative;
  overflow: hidden;
  direction: ltr;
}
.k-upload .k-upload-button {
  min-width: 7.167em;
}
.k-ie8 .k-upload-button,
.k-ie9 .k-upload-button,
.k-upload-sync .k-upload-button {
  margin: 0.8em;
}
.k-upload-button input {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  font: 170px monospace!important;
  filter: alpha(opacity=0);
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.k-upload-files {
  margin: 0 0 .6em;
  line-height: 2.66;
  border-style: solid;
  border-width: 1px 0 0;
}
.k-upload-files .k-button {
  padding: 0;
}
.k-upload-files .k-button,
.k-upload-status-total .k-icon {
  margin-left: 8px;
}
.k-upload .k-fail {
  background-position: -161px -111px;
}
.k-si-refresh {
  background-position: -160px -128px;
}
.k-button:active .k-si-refresh,
.k-button:not(.k-state-disabled):hover .k-si-refresh,
.k-link:not(.k-state-disabled):hover > .k-si-refresh,
.k-state-hover > * > .k-si-refresh,
.k-state-hover > .k-si-refresh,
.k-textbox:hover .k-si-refresh {
  background-position: -176px -128px;
}
.k-si-tick,
.k-success {
  background-position: -160px -96px;
}
.k-button:active .k-si-tick,
.k-button:active .k-success,
.k-button:not(.k-state-disabled):hover .k-si-tick,
.k-button:not(.k-state-disabled):hover .k-success,
.k-link:not(.k-state-disabled):hover > .k-si-tick,
.k-link:not(.k-state-disabled):hover > .k-success,
.k-state-hover > * > .k-si-tick,
.k-state-hover > * > .k-success,
.k-state-hover > .k-si-tick,
.k-state-hover > .k-success,
.k-textbox:hover .k-si-tick,
.k-textbox:hover .k-success {
  background-position: -176px -96px;
}
.k-si-cancel {
  background-position: -160px -112px;
}
.k-button:active .k-si-cancel,
.k-button:not(.k-state-disabled):hover .k-si-cancel,
.k-link:not(.k-state-disabled):hover > .k-si-cancel,
.k-state-hover > * > .k-si-cancel,
.k-state-hover > .k-si-cancel,
.k-textbox:hover .k-si-cancel {
  background-position: -176px -112px;
}
.k-file {
  border-style: solid;
  border-width: 0 0 1px;
  padding: 0.167em 0.167em 0.167em 0.8em;
}
.k-file .k-icon {
  position: relative;
}
.k-file > .k-icon {
  background-position: -112px -288px;
}
.k-button:active .k-file > .k-icon,
.k-button:not(.k-state-disabled):hover .k-file > .k-icon,
.k-link:not(.k-state-disabled):hover > .k-file > .k-icon,
.k-state-hover > * > .k-file > .k-icon,
.k-state-hover > .k-file > .k-icon,
.k-textbox:hover .k-file > .k-icon {
  background-position: -128px -288px;
}
.k-filename {
  position: relative;
  display: inline-block;
  min-width: 10em;
  max-width: 16.667em;
  vertical-align: middle;
  margin-left: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.k-upload-status {
  position: absolute;
  right: 12px;
}
.k-upload-status .k-button,
.k-upload-status .k-warning {
  vertical-align: text-bottom;
}
.k-dropzone .k-upload-status {
  line-height: 2.4;
}
.k-ie8 .k-upload-status-total {
  line-height: 29px;
}
.k-upload-action {
  line-height: normal;
}
.k-progress {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.k-upload-selected {
  min-width: 7.167em;
  margin: .25em 0 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.k-upload-cancel,
.k-upload-selected {
  margin-bottom: 0.8em;
}
.k-upload-selected {
  margin-left: .8em;
  margin-right: 0.2em;
}
.k-toolbar-wrap .k-dropzone em,
.k-toolbar-wrap .k-upload-files {
  display: none;
}
.k-toolbar-wrap .k-dropzone {
  border: 0;
  padding: 0;
}
.k-toolbar-wrap .k-dropzone-active {
  text-align: center;
}
.k-toolbar-wrap .k-dropzone-active em {
  display: inline;
  margin: 0;
  font-size: 5em;
  font-style: normal;
}
.k-toolbar-wrap .k-dropzone-active .k-upload-button {
  display: none;
}
.k-filebrowser-dropzone {
  z-index: 10010;
  filter: alpha(opacity=40);
  opacity: .4;
  position: fixed;
}
.k-search-wrap {
  position: relative;
  float: right;
  width: 20%;
  padding: 0;
}
.k-search-wrap label {
  position: absolute;
  top: 0;
  left: 4px;
  line-height: 20px;
  font-style: italic;
}
.k-search-wrap input.k-input {
  padding-left: 0;
  padding-right: 0;
}
.k-search-wrap .k-search {
  position: absolute;
  top: 4px;
  right: 2px;
  margin: 0;
}
.k-breadcrumbs {
  position: relative;
  float: left;
  width: 79%;
}
.k-breadcrumbs-wrap {
  position: absolute;
  top: 3px;
  left: 0;
  z-index: 1;
  padding-left: 5px;
  line-height: 18px;
}
.k-breadcrumbs > .k-input {
  width: 100%;
  font-size: inherit;
  font-family: inherit;
  border: 0;
}
.k-breadcrumbs .k-link,
.k-breadcrumbs-wrap .k-icon {
  margin-top: 0;
  text-decoration: none;
  vertical-align: middle;
  position: static;
}
.k-breadcrumbs .k-link:hover {
  text-decoration: underline;
}
.k-filebrowser .k-breadcrumbs .k-i-seek-w {
  text-decoration: none;
  cursor: default;
}
.k-filebrowser .k-filebrowser-toolbar {
  border-style: solid;
  border-width: 1px;
  margin: 8px 0 0;
  padding: .25em;
  line-height: 23px;
  white-space: nowrap;
}
.k-filebrowser .k-filebrowser-toolbar .k-button.k-state-disabled {
  display: none;
}
.k-filebrowser .k-toolbar-wrap {
  float: left;
}
.k-filebrowser .k-tiles-arrange {
  float: right;
}
.k-filebrowser .k-tiles-arrange .k-dropdown {
  width: 75px;
}
.k-filebrowser .k-upload {
  float: left;
  z-index: 10010;
  border-width: 0;
  background-color: transparent;
}
.k-filebrowser .k-upload .k-upload-status {
  display: none;
}
.k-filebrowser .k-upload .k-upload-button {
  width: auto;
  margin-left: 0;
  vertical-align: top;
}
.k-filebrowser .k-upload .k-icon {
  vertical-align: bottom;
}
.k-tiles {
  clear: both;
  height: 390px;
  border-style: solid;
  border-width: 1px;
  border-top-width: 0;
  margin: 0 0 1.4em;
  padding: 9px;
  overflow: auto;
  line-height: 1.2;
}
.k-tile {
  float: left;
  width: 223px;
  height: 88px;
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  margin: 1px;
  padding: 0 0 4px;
  background-position: 0 100px;
  background-repeat: repeat-x;
  cursor: pointer;
}
.k-tiles li.k-state-hover,
.k-tiles li.k-state-selected {
  background-position: 0 center;
}
.k-filebrowser .k-thumb {
  float: left;
  display: inline;
  width: 80px;
  height: 80px;
  margin: 4px 10px 0 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.k-filebrowser .k-file {
  width: 80px;
  height: 80px;
}
.k-filebrowser .k-image {
  margin: 2px 0 0 2px;
}
.k-filebrowser .k-folder {
  width: 80px;
  height: 80px;
  background-position: 0 -200px;
  background-repeat: no-repeat;
}
.k-filebrowser .k-loading {
  margin: 35px 0 0 33px;
}
.k-tile input,
.k-tile strong {
  margin: 10px 0 4px;
  font-weight: 400;
}
.k-tile strong {
  float: left;
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.k-tile input {
  width: 100px;
}
.k-tile .k-filesize,
.k-tile input,
.k-tile strong {
  display: block;
}
.k-filebrowser .k-form-text-row {
  text-align: right;
}
.k-filebrowser .k-form-text-row label {
  width: 14%;
}
.k-filebrowser .k-form-text-row input {
  width: 80%;
}
.k-tile-empty {
  margin: 160px 0 0;
}
.k-tile-empty .k-dialog-upload {
  font-weight: 700;
  font-size: 120%;
}
.k-tile-empty strong {
  display: block;
  margin: 0 0 .2em;
  font-size: 3em;
  font-weight: 400;
}
.k-tile-empty,
.k-tile-empty .k-button-wrapper {
  text-align: center;
}
.k-chart,
.k-gauge,
.k-sparkline,
.k-stockchart {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.k-chart,
.k-stockchart {
  height: 400px;
}
.k-stockchart,
div.k-chart,
div.k-gauge,
span.k-sparkline {
  background-color: transparent;
}
.k-gauge {
  text-align: left;
  position: relative;
}
.k-baseline-marker {
  zoom: 1;
  *display: inline;
}
.k-chart-tooltip {
  border-radius: 4px;
  padding: 6px;
  white-space: nowrap;
  z-index: 12000;
  line-height: normal;
  background-repeat: repeat-x;
  background-position: 0 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//vwMDFQELEP8beQb+HTWQYgP/DHoD/466cAR4edRAyg38P6hLbIAAAwCnWhhVsxvdCAAAAABJRU5ErkJggg==);
  color: #fff;
}
.k-chart-tooltip-inverse {
  color: #000;
}
.k-chart-tooltip table {
  border-spacing: 0;
  border-collapse: collapse;
}
.k-chart-tooltip th {
  width: auto;
  text-align: center;
  padding: 1px;
}
.k-chart-tooltip td {
  width: auto;
  text-align: left;
  padding: 0.1em 0.2em;
}
.k-selector {
  position: absolute;
  -webkit-transform: translateZ(0);
}
.k-selection {
  position: absolute;
  border-width: 1px;
  border-style: solid;
  border-color: #d2d2d2;
  border-bottom: 0;
  height: 100%;
}
.k-selection-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.01);
  filter: alpha(opacity=1);
}
.k-handle {
  background: #d2d2d2;
  width: 7px;
  height: 26px;
  cursor: e-resize;
  z-index: 1;
  border-radius: 6px;
  position: absolute;
}
.k-handle div {
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.k-leftHandle {
  left: -4px;
}
.k-rightHandle {
  right: -4px;
}
.k-leftHandle div {
  margin: -20px 0 0 -15px;
  padding: 40px 30px 0 0;
}
.k-rightHandle div {
  margin: -20px 0 0 -15px;
  padding: 40px 0 0 30px;
}
.k-mask {
  position: absolute;
  height: 100%;
  background-color: #fff;
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.k-border {
  background: #d2d2d2;
  width: 1px;
  height: 100%;
  position: absolute;
}
.k-navigator-hint div {
  position: absolute;
}
.k-navigator-hint .k-scroll {
  position: absolute;
  height: 4px;
  border-radius: 4px;
  background: #d2d2d2;
}
.k-navigator-hint .k-tooltip {
  margin-top: 20px;
  min-width: 160px;
  opacity: 1;
  text-align: center;
  border: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  background: #fff;
}
.k-sparkline,
.k-sparkline span {
  display: inline-block;
  vertical-align: top;
}
.k-sparkline span {
  height: 100%;
  width: 100%;
}
.k-diagram,
.k-map {
  height: 600px;
}
.k-diagram .km-scroll-wrapper,
.k-map .km-scroll-wrapper {
  padding-bottom: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.k-diagram .km-scroll-container,
.k-diagram .km-scroll-wrapper,
.k-map .km-scroll-container,
.k-map .km-scroll-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}
.k-diagram .k-layer,
.k-map .k-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.k-diagram .km-touch-scrollbar,
.k-map .km-touch-scrollbar {
  display: none;
}
.k-map .k-marker {
  position: absolute;
  width: 28px;
  height: 40px;
  margin: -40px 0 0 -14px;
  cursor: pointer;
}
.k-map .k-marker-pin {
  background-position: 0 40px;
}
.k-map .k-marker-pin-target {
  background-position: 0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .k-map .k-marker {
    width: 56px;
    height: 80px;
    margin: -80px 0 0 -28px;
  }
  .k-map .k-marker-pin {
    background-position: 0 80px;
  }
}
.k-map .k-pos-top {
  top: 0;
}
.k-map .k-pos-bottom {
  bottom: 0;
}
.k-map .k-pos-left {
  left: 0;
}
.k-map .k-pos-right {
  right: 0;
}
.k-map-controls {
  position: absolute;
}
.k-map-controls.k-pos-left .k-widget:first-child {
  margin-right: 0;
}
.k-map-controls.k-pos-right .k-widget:first-child {
  margin-left: 0;
}
.k-navigator {
  width: 50px;
  height: 50px;
  margin: 20px;
  border-radius: 80px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.k-pdf-export .k-navigator {
  display: none;
}
.k-navigator > button {
  border-color: transparent;
  background: 0 0;
}
div.k-navigator > .k-button {
  margin: 0;
  padding: 0;
  line-height: 10px;
  border-radius: 16px;
  position: absolute;
  font-size: 1px;
  line-height: 1px;
}
div.k-navigator .k-navigator-n {
  top: 2px;
  left: 50%;
  margin-left: -9px;
}
div.k-navigator .k-navigator-e {
  right: 2px;
  top: 50%;
  margin-top: -9px;
}
div.k-navigator .k-navigator-s {
  bottom: 2px;
  left: 50%;
  margin-left: -9px;
}
div.k-navigator .k-navigator-w {
  left: 2px;
  top: 50%;
  margin-top: -9px;
}
.k-map .k-attribution {
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 10px;
  padding: 2px 4px;
  z-index: 1000;
}
.k-zoom-control {
  margin: 14px;
  vertical-align: middle;
}
.k-pdf-export .k-zoom-control {
  display: none;
}
.k-button-wrap {
  border-radius: 4px;
  display: inline-block;
}
.k-button-wrap .k-button {
  position: relative;
  font: 700 17px/1.18 monospace;
}
.k-buttons-horizontal :first-child {
  border-radius: 4px 0 0 4px;
}
.k-buttons-horizontal :first-child + .k-zoom-in {
  border-radius: 0;
  margin-left: -1px;
}
.k-buttons-horizontal .k-zoom-out {
  border-radius: 0 4px 4px 0;
  margin-left: -1px;
}
.k-button-wrap .k-button:hover {
  z-index: 1;
}
.k-buttons-vertical .k-button {
  display: block;
}
.k-buttons-vertical :first-child {
  border-radius: 4px 4px 0 0;
}
.k-buttons-vertical .k-zoom-out {
  border-radius: 0 0 4px 4px;
  margin-top: -1px;
}
.k-zoom-text {
  margin: 0;
  width: 4.3em;
  vertical-align: top;
}
.k-rtl .k-buttons-horizontal :first-child {
  border-radius: 0 4px 4px 0;
}
.k-rtl .k-buttons-horizontal :first-child + .k-zoom-in {
  border-radius: 0;
  margin-left: 0;
  margin-right: -1px;
}
.k-rtl .k-buttons-horizontal .k-zoom-out {
  border-radius: 4px 0 0 4px;
  margin-left: 0;
  margin-right: -1px;
}
.k-diagram {
  height: 600px;
}
.k-diagram .km-scroll-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.k-diagram .km-scroll-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.k-canvas-container {
  width: 100%;
  height: 100%;
}
.k-diagram img {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.k-treemap {
  overflow: hidden;
  height: 400px;
}
.k-treemap-tile {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
  position: absolute;
  margin: -1px 0 0 -1px;
  overflow: hidden;
}
.k-treemap-tile.k-leaf {
  padding: 0.6em;
}
.k-treemap-wrap.k-last > .k-treemap-tile {
  padding: 0.3em;
}
.k-treemap-tile.k-state-hover,
.k-treemap-tile.k-state-hover:hover {
  z-index: 2;
  background-image: none;
}
.k-treemap > .k-treemap-tile {
  position: relative;
  height: 100%;
}
.k-treemap-title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 2.42em;
  height: 2.42em;
  padding: 0 .6em;
  white-space: nowrap;
}
.k-treemap-wrap .k-treemap-title {
  border-width: 0 0 1px;
  border-style: solid;
}
.k-treemap-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.k-treemap-title + .k-treemap-wrap {
  top: 2.42em;
}
.k-treemap-title-vertical {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-overflow: ellipsis;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2.42em;
  line-height: 2.42em;
  overflow: hidden;
  padding: .6em 0;
  white-space: nowrap;
}
.k-treemap-title-vertical > div {
  position: absolute;
  top: 0;
  right: 1.23em;
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.k-treemap-title-vertical + .k-treemap-wrap {
  left: 2.42em;
}
.km-pane,
.km-pane-wrapper,
.km-root {
  width: 100%;
  height: 100%;
  -ms-touch-action: none;
  -ms-content-zooming: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}
.km-pane-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}
.km-pane,
.km-shim {
  font-family: sans-serif;
}
.km-pane {
  overflow-x: hidden;
}
.km-view {
  top: 0;
  left: 0;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  vertical-align: top;
}
.k-ff .km-pane,
.k-ff .km-view {
  overflow: hidden;
}
.k-ff18 .km-pane,
.k-ff18 .km-view,
.k-ff19 .km-pane,
.k-ff19 .km-view,
.k-ff20 .km-pane,
.k-ff20 .km-view,
.k-ff21 .km-pane,
.k-ff21 .km-view {
  position: relative;
}
.k-ff .km-view {
  display: -moz-inline-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.km-content {
  min-height: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  flex-align: stretch;
  display: block;
  width: auto;
  overflow: hidden;
  position: relative;
}
.km-actionsheet > li {
  list-style-type: none;
  padding: inherit 1em;
  line-height: 2em;
}
.km-actionsheet {
  padding: 0;
  margin: 0;
}
.km-shim {
  left: 0;
  bottom: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10001;
}
.km-actionsheet-wrapper,
.km-shim .k-animation-container {
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.km-shim .k-animation-container {
  width: auto;
}
.km-pane-wrapper .k-grid-column-menu > .km-header,
.km-pane-wrapper .k-grid-edit-form > .km-header,
.km-pane-wrapper .k-grid-filter-menu > .km-header,
.km-pane-wrapper .k-scheduler-edit-form > .km-header {
  border-style: solid;
  border-width: 1px;
  padding: .3em .6em;
  text-align: center;
  width: auto;
  line-height: 2em;
}
.k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-footer,
.k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-toolbar {
  line-height: 2em;
}
.km-pane-wrapper .k-grid-edit-form .k-multiselect,
.km-pane-wrapper .k-scheduler-edit-form .k-multiselect {
  width: 15em;
}
.km-pane-wrapper .k-grid-edit-form .k-dropdown-wrap,
.km-pane-wrapper .k-scheduler-edit-form .k-dropdown-wrap {
  display: block;
}
.km-pane-wrapper .k-grid-column-menu .k-done,
.km-pane-wrapper .k-grid-edit-form .k-grid-update,
.km-pane-wrapper .k-grid-filter-menu .k-submit,
.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-update {
  float: right;
}
.km-pane-wrapper .k-grid-edit-form .k-grid-cancel,
.km-pane-wrapper .k-grid-filter-menu .k-cancel,
.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-cancel {
  float: left;
}
.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-delete,
:not(.km-pane) > .km-shim .km-actionsheet .k-button {
  display: block;
  text-align: center;
}
:not(.km-pane) > .km-shim .km-actionsheet .k-button {
  font-size: 1.4em;
  margin: 0.3em 1em;
}
:not(.km-pane) > .km-shim .km-actionsheet-title {
  text-align: center;
  line-height: 3em;
  margin-bottom: -0.3em;
}
:not(.km-pane) > .km-shim > .k-animation-container {
  margin: 0!important;
  padding: 0!important;
  left: 0 !important;
}
.km-pane-wrapper > div.km-pane {
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 400;
}
.km-pane-wrapper .k-grid-column-menu .km-content > .km-scroll-container,
.km-pane-wrapper .k-grid-edit-form .km-content > .km-scroll-container,
.km-pane-wrapper .k-grid-filter-menu .km-content > .km-scroll-container,
.km-pane-wrapper .k-popup-edit-form .km-content > .km-scroll-container {
  position: absolute;
  width: 100%;
  min-height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.km-pane-wrapper .k-mobile-list .k-edit-field {
  width: 74%;
}
.km-pane-wrapper .k-grid-edit-form .k-edit-form-container,
.km-pane-wrapper .k-grid-edit-form .k-popup-edit-form {
  width: auto;
}
.km-pane-wrapper .k-filter-menu .k-button {
  width: 100%;
  margin: 0;
}
.k-grid-mobile {
  border-width: 0;
}
.k-grid-mobile .k-resize-handle-inner {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: -7px;
  width: 17px;
  height: 17px;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px;
}
.k-grid-mobile .k-resize-handle-inner:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 1px;
  width: 6px;
  height: 6px;
  background-position: -5px -53px;
}
.k-grid-mobile .k-resize-handle-inner:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 1px;
  width: 6px;
  height: 6px;
  background-position: -5px -21px;
}
.km-pane-wrapper .km-pane * {
  -webkit-background-clip: border-box;
  background-clip: border-box;
}
.km-pane-wrapper .k-mobile-list ul,
.km-pane-wrapper .km-pane .k-mobile-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  border-radius: 0;
  background: 0 0;
}
.km-pane-wrapper .km-switch {
  top: 50%;
  right: .8rem;
  position: absolute;
  margin-top: -1.1rem;
}
.km-pane-wrapper .k-mobile-list .k-state-disabled {
  opacity: 1;
}
.km-pane-wrapper .k-mobile-list .k-state-disabled > * {
  opacity: 0.7;
}
.km-pane-wrapper .k-mobile-list .k-edit-label,
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-item > .k-label,
.km-pane-wrapper .k-mobile-list .k-item > .k-link {
  display: block;
  position: relative;
  list-style-type: none;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .5em 0 .5em 1em;
  font-size: 1em;
}
.km-pane-wrapper .k-edit-form-container,
.km-pane-wrapper .k-scheduler-edit-form .km-scroll-container {
  padding-top: 1em;
  width: 100%;
}
.km-pane-wrapper .k-mobile-list .k-edit-label {
  position: absolute;
  margin: 0;
  float: none;
  clear: none;
  width: 100%;
}
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-edit-label label {
  display: block;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .1em 0;
  margin: 0;
}
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-edit-label,
.km-pane-wrapper .k-mobile-list .k-item {
  font-size: 1em;
  line-height: 1.6em;
  overflow: hidden;
}
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-edit-label {
  width: 100%;
  float: none;
  clear: none;
  min-height: 2.7em;
}
.km-pane-wrapper .k-grid-delete .k-icon,
.km-pane-wrapper .k-grid-edit .k-icon,
.km-pane-wrapper .k-grid-toolbar .k-icon,
.km-pane-wrapper .km-header .k-icon {
  display: none;
}
.km-pane-wrapper .k-mobile-list .k-edit-field {
  padding: 0.5em 0;
}
.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar {
  padding: 0.3em 0;
}
.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar ul li {
  line-height: 2em;
}
.km-pane-wrapper .k-mobile-list .k-item > * {
  line-height: normal;
}
.km-pane-wrapper .k-mobile-list .k-button-container,
.km-pane-wrapper .k-mobile-list .k-edit-buttons {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .5em 1em;
  margin: 0;
}
.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child,
.km-pane-wrapper .k-mobile-list .k-filter-help-text > li > .k-link,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3),
.km-pane-wrapper .k-mobile-list > ul > li > .k-link {
  display: block;
  padding: .2em 1em;
  font-size: .95em;
  position: -webkit-sticky;
  margin: 0;
  font-weight: 400;
  line-height: 2em;
  background: 0 0;
  border-top: 1em solid transparent;
}
.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3) {
  position: relative;
}
.km-pane-wrapper .k-mobile-list .k-item:first-child {
  border-top: 0;
}
.km-pane-wrapper .k-mobile-list .k-item:last-child {
  border-bottom: 0;
}
.km-pane-wrapper .k-mobile-list .k-item > .k-label,
.km-pane-wrapper .k-mobile-list .k-item > .k-link {
  line-height: inherit;
  text-decoration: none;
  margin: -0.5em 0 -0.5em -1em;
}
.k-check[type=checkbox],
.k-check[type=radio],
.k-mobile-list .k-edit-field [type=checkbox],
.k-mobile-list .k-edit-field [type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}
.k-mobile-list .k-edit-field [type=checkbox],
.k-mobile-list .k-edit-field [type=radio],
.km-pane-wrapper .k-mobile-list .k-label .k-check,
.km-pane-wrapper .k-mobile-list .k-link .k-check {
  border: 0;
  font-size: inherit;
  width: 13px;
  height: 13px;
  margin: 0.26em 1em 0.26em 0;
}
.k-ie .k-mobile-list .k-edit-field [type=checkbox],
.k-ie .k-mobile-list .k-edit-field [type=radio],
.k-ie .km-pane-wrapper .k-icon,
.k-ie .km-pane-wrapper .k-mobile-list .k-label .k-check,
.k-ie .km-pane-wrapper .k-mobile-list .k-link .k-check {
  font-size: inherit;
  text-indent: -9999px;
  width: 1.01em;
  height: 1em;
}
.km-pane-wrapper .k-column-menu .k-label .k-check {
  height: 16px;
  width: 16px;
}
.km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button),
.km-pane-wrapper .k-mobile-list .k-widget,
.km-pane-wrapper .km-pane .k-mobile-list input:not([type=checkbox]):not([type=radio]),
.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),
.km-pane-wrapper .km-pane .k-mobile-list textarea {
  text-indent: 0;
  font-size: 1em;
  line-height: 1.6em;
  vertical-align: middle;
  height: auto;
  padding: 0;
  border: 0;
  margin: 0;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.km-pane-wrapper .k-mobile-list .k-widget {
  border: 0;
  border-radius: 0;
}
.k-ie .km-pane-wrapper .k-mobile-list .k-widget {
  height: initial;
}
.km-pane-wrapper .k-mobile-list .k-widget .k-input,
.km-pane-wrapper .k-mobile-list .k-widget .k-state-default {
  border: 0;
  background: 0 0;
}
.km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button),
.km-pane-wrapper .k-mobile-list .k-widget,
.km-pane-wrapper .k-mobile-list select:not([multiple]),
.km-pane-wrapper .k-mobile-list textarea,
.km-pane-wrapper :not(.k-state-default):not(.k-pager-input) > input:not([type=checkbox]):not([type=radio]) {
  width: 80%;
  padding: .6em 0;
  margin: -0.5em 0;
}
.km-pane-wrapper .k-mobile-list .k-edit-field > *,
.km-pane-wrapper .k-mobile-list .k-widget,
.km-pane-wrapper .km-pane .k-mobile-list input,
.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),
.km-pane-wrapper .km-pane .k-mobile-list textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  float: right;
  z-index: 1;
  position: relative;
}
.km-pane-wrapper .k-scheduler-views {
  width: 18em;
}
.km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
  background: 0 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0.5em 1em;
}
.km-pane-wrapper #recurrence .k-scheduler-navigation {
  width: 100%;
}
.km-pane-wrapper .k-mobile-list .k-scheduler-navigation,
.km-pane-wrapper .k-scheduler-views {
  display: table;
  table-layout: fixed;
}
.km-pane-wrapper .k-mobile-list .k-scheduler-navigation li,
.km-pane-wrapper .k-scheduler-views li {
  display: table-cell;
  text-align: center;
}
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
  margin: 0;
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
  margin-top: -0.5em;
}
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:last-child {
  margin-bottom: -0.5em;
}
.km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
  text-indent: 1em;
}
.km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
  margin-left: 20%;
  float: left;
}
.km-pane-wrapper .k-mobile-list .k-dropdown-wrap,
.km-pane-wrapper .k-mobile-list .k-numeric-wrap,
.km-pane-wrapper .k-mobile-list .k-picker-wrap {
  position: static;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.km-pane-wrapper .k-mobile-list .k-datepicker .k-select,
.km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select,
.km-pane-wrapper .k-mobile-list .k-numerictextbox .k-select {
  position: absolute;
  top: 0;
  right: 0;
  line-height: normal;
}
.km-pane-wrapper .k-mobile-list .k-datepicker .k-select:before,
.km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select:before {
  content: "\a0";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.km-pane-wrapper .k-mobile-list .k-numerictextbox .k-link {
  height: 50%;
}
.km-pane-wrapper .k-edit-form-container .k-button,
.km-pane-wrapper .k-grid .k-button {
  margin: 0;
}
.km-pane-wrapper .k-edit-form-container .k-button + .k-button,
.km-pane-wrapper .k-grid .k-button + .k-button {
  margin: 0 0 0 0.18em;
}
.km-pane-wrapper .k-pager-numbers .k-link,
.km-pane-wrapper .k-pager-numbers .k-state-selected,
.km-pane-wrapper .k-pager-wrap > .k-link {
  width: 2.4em;
  height: 2.4em;
  line-height: 2.1em;
  border-radius: 2em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.km-pane-wrapper .k-pager-numbers .k-link,
.km-pane-wrapper .k-pager-numbers .k-state-selected {
  width: auto;
  line-height: 2.2em;
  padding: 0 .86em;
  min-width: 0.7em;
}
.km-pane-wrapper .k-pager-wrap {
  line-height: 2.4em;
}
@media all and (max-width: 1024px) {
  .km-pane-wrapper .k-pager-nav + .k-pager-nav ~ .k-pager-nav {
    position: absolute;
    right: .3em;
    top: 0.3em;
  }
  .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav,
  .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav {
    right: 3em;
  }
  .km-pane-wrapper .k-pager-info,
  .km-pane-wrapper .k-pager-refresh {
    display: none;
  }
}
@media all and (max-width: 699px), (-ms-high-contrast: active) and (-ms-high-contrast: none) and (max-width: 800px) {
  .km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button),
  .km-pane-wrapper .k-mobile-list .k-widget,
  .km-pane-wrapper .k-mobile-list select:not([multiple]),
  .km-pane-wrapper .k-mobile-list textarea,
  .km-pane-wrapper :not(.k-state-default):not(.k-pager-input) > input:not([type=checkbox]):not([type=radio]) {
    width: 50%;
  }
  .km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
    margin-left: 50%;
  }
  .km-pane-wrapper .k-mobile-list .k-edit-field > .k-timezone-button {
    margin-left: 1em;
  }
  .km-pane-wrapper .k-nav-today a {
    padding-left: .6em;
    padding-right: 0.6em;
  }
  .km-pane-wrapper li.k-nav-current {
    margin-left: 0;
    margin-right: 0;
  }
  .km-pane-wrapper .k-pager-wrap {
    position: relative;
  }
  .km-pane-wrapper .k-pager-numbers {
    width: auto;
    display: block;
    overflow: hidden;
    margin-right: 5.5em;
    float: none;
    text-overflow: ellipsis;
    height: 2.4em;
    text-align: center;
  }
  .km-pane-wrapper .k-pager-numbers li {
    float: none;
    display: inline-block;
  }
  .km-pane-wrapper .k-pager-nav {
    float: left;
  }
}
.km-pane-wrapper .k-mobile-list .k-edit-field > * > select:not([multiple]),
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check,
.km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
  width: 100%;
}
.km-scroll-container {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-margin-collapse: separate;
  -webkit-transform: translatez(0);
}
.k-widget .km-scroll-wrapper {
  position: relative;
  padding-bottom: 0;
}
.km-touch-scrollbar {
  position: absolute;
  visibility: hidden;
  z-index: 200000;
  height: .3em;
  width: .3em;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear;
  -webkit-transition: "opacity 0.3s linear";
  transition: "opacity 0.3s linear";
}
.km-vertical-scrollbar {
  height: 100%;
  right: 2px;
  top: 2px;
}
.km-horizontal-scrollbar {
  width: 100%;
  left: 2px;
  bottom: 2px;
}
@media only screen and (max-width: 1024px) {
  .k-scheduler-toolbar > ul.k-scheduler-views {
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 10000;
  }
  .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
    right: auto;
    left: 6px;
  }
  .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
    display: none;
  }
  .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
    display: none;
  }
  .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
    display: inline;
  }
  .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    display: block;
    border-width: 1px;
  }
  .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    text-align: left;
    padding-left: 1em;
  }
  .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
    display: block;
    position: relative;
    padding-right: 2.5em;
    padding-left: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
    padding-left: 0;
  }
  .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -0.6em;
    right: .333em;
    width: 1.333em;
    height: 1.333em;
  }
  .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
    display: block;
    border: 0;
    border-radius: 0;
  }
  .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    border: 1px solid #c5c5c5;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  }
  .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    text-align: left;
  }
}
.k-fx-end .k-fx-current,
.k-fx-end .k-fx-next {
  -webkit-transition: all 350ms ease-out;
  transition: all 350ms ease-out;
}
.k-fx {
  position: relative;
}
.k-fx .k-fx-current {
  z-index: 0;
}
.k-fx .k-fx-next {
  z-index: 1;
}
.k-fx-hidden,
.k-fx-hidden * {
  visibility: hidden !important;
}
.k-fx-reverse .k-fx-current {
  z-index: 1;
}
.k-fx-reverse .k-fx-next {
  z-index: 0;
}
.k-fx-zoom.k-fx-start .k-fx-next {
  -webkit-transform: scale(0) !important;
  -ms-transform: scale(0) !important;
  transform: scale(0) !important;
}
.k-fx-zoom.k-fx-end .k-fx-next {
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next,
.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current {
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: scale(0) !important;
  -ms-transform: scale(0) !important;
  transform: scale(0) !important;
}
.k-fx-fade.k-fx-start .k-fx-next {
  will-change: opacity;
  opacity: 0;
}
.k-fx-fade.k-fx-end .k-fx-next {
  opacity: 1;
}
.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: opacity;
  opacity: 1;
}
.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current {
  opacity: 0;
}
.k-fx-slide.k-fx-end .k-fx-current .km-content,
.k-fx-slide.k-fx-end .k-fx-current .km-footer,
.k-fx-slide.k-fx-end .k-fx-current .km-header,
.k-fx-slide.k-fx-end .k-fx-next .km-content,
.k-fx-slide.k-fx-end .k-fx-next .km-footer,
.k-fx-slide.k-fx-end .k-fx-next .km-header {
  -webkit-transition: all 350ms ease-out;
  transition: all 350ms ease-out;
}
.k-fx-slide.k-fx-start .k-fx-next .km-content {
  will-change: transform;
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-slide.k-fx-start .k-fx-next .km-footer,
.k-fx-slide.k-fx-start .k-fx-next .km-header {
  will-change: opacity;
  opacity: 0;
}
.k-fx-slide.k-fx-end .k-fx-current .km-content {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-slide.k-fx-end .k-fx-next .km-footer,
.k-fx-slide.k-fx-end .k-fx-next .km-header {
  opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content {
  will-change: transform;
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer,
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header {
  will-change: opacity;
  opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer,
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header {
  opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer,
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header {
  opacity: 0;
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer,
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header {
  opacity: 1;
}
.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-tile.k-fx-start .k-fx-next {
  will-change: transform;
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-tile.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: transform;
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-tile.k-fx-start .k-fx-next {
  will-change: transform;
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-tile.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: transform;
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next,
.k-fx.k-fx-overlay.k-fx-start .k-fx-next {
  will-change: transform;
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
  -webkit-transform: translatey(100%);
  -ms-transform: translatey(100%);
  transform: translatey(100%);
}
.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
  -webkit-transform: translatey(-100%);
  -ms-transform: translatey(-100%);
  transform: translatey(-100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: transform;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current,
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current {
  -webkit-transform: translatey(100%);
  -ms-transform: translatey(100%);
  transform: translatey(100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current {
  -webkit-transform: translatey(-100%);
  -ms-transform: translatey(-100%);
  transform: translatey(-100%);
}
.k-virtual-wrap {
  position: relative;
}
.k-virtual-wrap .k-list.k-virtual-list {
  height: auto;
}
.k-virtual-content {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.k-virtual-list > .k-virtual-content {
  position: absolute;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.k-virtual-option-label {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.k-virtual-wrap > .k-virtual-header {
  text-align: right;
}
.k-popup .k-item.k-first {
  position: relative;
}
.k-virtual-content > .k-virtual-list > .k-virtual-item {
  position: absolute;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
}
.k-popup .k-list .k-item > .k-group,
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
  text-transform: uppercase;
  font-size: 0.857em;
}
.k-popup .k-list .k-item > .k-group {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 .5em;
  line-height: 1.8;
}
.k-popup .k-state-hover > .k-group {
  right: -1px;
}
.k-group-header + .k-list > .k-item.k-first,
.k-static-header + .k-list > .k-item.k-first,
.k-virtual-item.k-first {
  border-top-style: solid;
  border-top-width: 1px;
  padding-top: 0;
}
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
  text-align: right;
}
@font-face {
  font-family: KendoUIGlyphs;
  src: url(fonts/glyphs/KendoUIGlyphs.eot?y6oa7j);
  src: url(fonts/glyphs/KendoUIGlyphs.eot?y6oa7j?#iefix) format('embedded-opentype'), url(fonts/glyphs/KendoUIGlyphs.ttf?y6oa7j) format('truetype'), url(fonts/glyphs/KendoUIGlyphs.woff?y6oa7j) format('woff'), url(fonts/glyphs/KendoUIGlyphs.svg?y6oa7j#KendoUIGlyphs) format('svg');
  font-weight: 400;
  font-style: normal;
}
.k-i-arrow-n:before {
  content: "\e600";
}
.k-i-arrow-e:before {
  content: "\e601";
}
.k-i-arrow-s:before {
  content: "\e602";
}
.k-i-arrow-w:before {
  content: "\e603";
}
.k-i-seek-n:before {
  content: "\e604";
}
.k-i-seek-e:before {
  content: "\e605";
}
.k-i-seek-s:before {
  content: "\e606";
}
.k-i-seek-w:before {
  content: "\e607";
}
.k-i-sarrow-n:before {
  content: "\e608";
}
.k-i-sarrow-e:before {
  content: "\e609";
}
.k-i-sarrow-s:before {
  content: "\e60a";
}
.k-i-sarrow-w:before {
  content: "\e60b";
}
.k-i-expand-n:before {
  content: "\e60c";
}
.k-i-expand-e:before {
  content: "\e60d";
}
.k-i-expand-s:before {
  content: "\e60e";
}
.k-i-expand-w:before {
  content: "\e60f";
}
.k-i-collapse-ne:before {
  content: "\e610";
}
.k-i-collapse-se:before {
  content: "\e611";
}
.k-i-collapse-sw:before {
  content: "\e612";
}
.k-i-collapse-nw:before {
  content: "\e613";
}
.k-i-resize-ne:before {
  content: "\e614";
}
.k-i-resize-se:before {
  content: "\e615";
}
.k-i-resize-sw:before {
  content: "\e616";
}
.k-i-resize-nw:before {
  content: "\e617";
}
.k-i-arrowhead-n:before {
  content: "\e618";
}
.k-i-arrowhead-e:before {
  content: "\e619";
}
.k-i-arrowhead-s:before {
  content: "\e61a";
}
.k-i-arrowhead-w:before {
  content: "\e61b";
}
.k-i-pencil:before {
  content: "\e61c";
}
.k-i-x:before {
  content: "\e61d";
}
.k-i-checkmark:before {
  content: "\e61e";
}
.k-i-deny:before {
  content: "\e61f";
}
.k-i-trash:before {
  content: "\e620";
}
.k-i-plus:before {
  content: "\e621";
}
.k-i-splus:before {
  content: "\e622";
}
.k-i-minus:before {
  content: "\e623";
}
.k-i-sminus:before {
  content: "\e624";
}
.k-i-filter:before {
  content: "\e625";
}
.k-i-filter-clear:before {
  content: "\e626";
}
.k-i-refresh:before {
  content: "\e627";
}
.k-i-refresh-clear:before {
  content: "\e628";
}
.k-i-restore:before {
  content: "\e629";
}
.k-i-maximize:before {
  content: "\e62a";
}
.k-i-minimize:before {
  content: "\e62b";
}
.k-i-pin:before {
  content: "\e62c";
}
.k-i-unpin:before {
  content: "\e62d";
}
.k-i-calendar:before {
  content: "\e62e";
}
.k-i-clock:before {
  content: "\e62f";
}
.k-i-search:before {
  content: "\e630";
}
.k-i-zoom-in:before {
  content: "\e631";
}
.k-i-zoom-out:before {
  content: "\e632";
}
.k-i-print:before {
  content: "\e633";
}
.k-i-folder-add:before {
  content: "\e634";
}
.k-i-folder-up:before {
  content: "\e635";
}
.k-i-folder-open:before {
  content: "\e634";
}
.k-i-insert-image:before {
  content: "\e636";
}
.k-i-image:before {
  content: "\e637";
}
.k-i-insert-file:before {
  content: "\e638";
}
.k-i-file:before {
  content: "\e639";
}
.k-i-files:before {
  content: "\e63a";
}
.k-i-pdf:before {
  content: "\e63b";
}
.k-i-pdfa:before {
  content: "\e68d";
}
.k-i-xls:before {
  content: "\e63c";
}
.k-i-xlsa:before {
  content: "\e63d";
}
.k-i-lock:before {
  content: "\e63e";
}
.k-i-unlock:before {
  content: "\e63f";
}
.k-i-rows:before {
  content: "\e640";
}
.k-i-columns:before {
  content: "\e641";
}
.k-i-hamburger:before {
  content: "\e642";
}
.k-i-vbars:before {
  content: "\e643";
}
.k-i-hbars:before {
  content: "\e644";
}
.k-i-move:before {
  content: "\e645";
}
.k-i-group:before {
  content: "\e646";
}
.k-i-ungroup:before {
  content: "\e647";
}
.k-i-dimension:before {
  content: "\e648";
}
.k-i-connector:before {
  content: "\e649";
}
.k-i-kpi:before {
  content: "\e64a";
}
.k-i-undo:before {
  content: "\e64b";
}
.k-i-redo:before {
  content: "\e64c";
}
.k-i-undo-large:before {
  content: "\e64d";
}
.k-i-redo-large:before {
  content: "\e64e";
}
.k-i-rotate-ccw:before {
  content: "\e64f";
}
.k-i-rotate-cw:before {
  content: "\e650";
}
.k-i-cut:before {
  content: "\e651";
}
.k-i-copy:before {
  content: "\e652";
}
.k-i-paste:before {
  content: "\e653";
}
.k-i-bold:before {
  content: "\e654";
}
.k-i-italic:before {
  content: "\e655";
}
.k-i-underline:before {
  content: "\e656";
}
.k-i-strike-through:before {
  content: "\e657";
}
.k-i-text:before {
  content: "\e658";
}
.k-i-font-size:before {
  content: "\e68e";
}
.k-i-font-family:before {
  content: "\e68f";
}
.k-i-fx:before {
  content: "\e659";
}
.k-i-subscript:before {
  content: "\e65a";
}
.k-i-superscript:before {
  content: "\e65b";
}
.k-i-background:before {
  content: "\e65c";
}
.k-i-sum:before {
  content: "\e65d";
}
.k-i-increase-decimal:before {
  content: "\e65e";
}
.k-i-decrease-decimal:before {
  content: "\e65f";
}
.k-i-justify-left:before {
  content: "\e660";
}
.k-i-justify-center:before {
  content: "\e661";
}
.k-i-justify-right:before {
  content: "\e662";
}
.k-i-justify-full:before {
  content: "\e663";
}
.k-i-justify-clear:before {
  content: "\e664";
}
.k-i-align-top:before {
  content: "\e665";
}
.k-i-align-middle:before {
  content: "\e666";
}
.k-i-align-bottom:before {
  content: "\e667";
}
.k-i-indent:before {
  content: "\e668";
}
.k-i-outdent:before {
  content: "\e669";
}
.k-i-insert-n:before {
  content: "\e66a";
}
.k-i-insert-m:before {
  content: "\e66b";
}
.k-i-insert-s:before {
  content: "\e66c";
}
.k-i-insert-unordered-list:before {
  content: "\e66d";
}
.k-i-insert-ordered-list:before {
  content: "\e66e";
}
.k-i-sort-asc:before {
  content: "\e66f";
}
.k-i-sort-desc:before {
  content: "\e670";
}
.k-i-unsort:before {
  content: "\e671";
}
.k-i-hyperlink:before {
  content: "\e672";
}
.k-i-hyperlink-remove:before {
  content: "\e673";
}
.k-i-clearformat:before {
  content: "\e674";
}
.k-i-html:before {
  content: "\e675";
}
.k-i-exception:before {
  content: "\e676";
}
.k-i-custom:before {
  content: "\e677";
}
.k-i-cog:before {
  content: "\e678";
}
.k-i-create-table:before {
  content: "\e679";
}
.k-i-add-column-left:before {
  content: "\e67a";
}
.k-i-add-column-right:before {
  content: "\e67b";
}
.k-i-delete-column:before {
  content: "\e67c";
}
.k-i-add-row-above:before {
  content: "\e67d";
}
.k-i-add-row-below:before {
  content: "\e67e";
}
.k-i-delete-row:before {
  content: "\e67f";
}
.k-i-merge-cells:before {
  content: "\e680";
}
.k-i-normal-layout:before {
  content: "\e681";
}
.k-i-page-layout:before {
  content: "\e682";
}
.k-i-all-borders:before {
  content: "\e683";
}
.k-i-inside-borders:before {
  content: "\e684";
}
.k-i-inside-horizontal-borders:before {
  content: "\e685";
}
.k-i-inside-vertical-borders:before {
  content: "\e686";
}
.k-i-outside-borders:before {
  content: "\e687";
}
.k-i-top-border:before {
  content: "\e688";
}
.k-i-right-border:before {
  content: "\e689";
}
.k-i-bottom-border:before {
  content: "\e68a";
}
.k-i-left-border:before {
  content: "\e68b";
}
.k-i-no-borders:before {
  content: "\e68c";
}
.k-i-merge-horizontally:before {
  content: "\e690";
}
.k-i-merge-vertically:before {
  content: "\e691";
}
.k-i-text-wrap:before {
  content: "\e692";
}
.k-i-dollar:before {
  content: "\e693";
}
.k-i-percent:before {
  content: "\e694";
}
.k-i-freeze-col:before {
  content: "\e695";
}
.k-i-freeze-row:before {
  content: "\e696";
}
.k-i-freeze-panes:before {
  content: "\e697";
}
.k-i-format-number:before {
  content: "\e698";
}
.k-i-reset-color:before {
  content: "\e900";
}
.k-i-file-horizontal:before {
  content: "\e901";
}
.k-i-folder:before {
  content: "\e902";
}
.k-i-folder-open:before {
  content: "\e903";
}
.k-spreadsheet {
  width: 800px;
  height: 600px;
  position: relative;
  border-width: 1px;
  border-style: solid;
  cursor: default;
}
.k-spreadsheet .k-spreadsheet-pane {
  padding-right: 1px;
  position: absolute;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.k-spreadsheet .k-spreadsheet-pane.k-top {
  border-top-width: 0;
}
.k-spreadsheet .k-spreadsheet-pane.k-left {
  border-left-width: 0;
}
.k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell {
  position: absolute;
  white-space: pre;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding: 1px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.k-spreadsheet .k-spreadsheet-haxis,
.k-spreadsheet .k-spreadsheet-vaxis {
  position: absolute;
  border-style: solid;
}
.k-spreadsheet .k-spreadsheet-vaxis {
  top: 0;
  border-width: 0 0 0 1px;
}
.k-spreadsheet .k-spreadsheet-haxis {
  left: 0;
  border-width: 1px 0 0;
}
.k-spreadsheet .k-merged-cells-wrapper,
.k-spreadsheet .k-selection-wrapper,
.k-spreadsheet .k-spreadsheet-active-cell,
.k-spreadsheet .k-spreadsheet-data {
  cursor: cell;
}
.k-spreadsheet .k-filter-range,
.k-spreadsheet .k-spreadsheet-selection {
  border-width: 1px;
  border-style: solid;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.k-spreadsheet .k-spreadsheet-active-cell {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.k-spreadsheet .k-spreadsheet-formula-bar {
  border-width: 0 1px 1px;
  border-style: solid;
  padding-left: 31px;
  position: relative;
  font-size: 12px;
  font-family: Arial, Verdana, sans-serif;
}
.k-spreadsheet .k-spreadsheet-formula-bar:before {
  background-image: none;
  font-family: KendoUIGlyphs;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  font-size: 1.3em;
  line-height: 1;
  opacity: 1;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e659";
  display: block;
  height: 20px;
  top: 3px;
  border-width: 0 1px 0 0;
  border-style: solid;
  position: absolute;
  width: 24px;
  margin-left: -24px;
}
.k-spreadsheet .k-spreadsheet-formula-bar:after {
  content: "";
  display: block;
  border-width: 0 0 1px;
  border-style: solid;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.k-spreadsheet .k-spreadsheet-formula-input {
  outline: 0;
  border-width: 0;
  height: 26px;
  line-height: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: pre;
  padding: 3px 0.5em 0;
}
.k-spreadsheet .k-spreadsheet-cell-editor {
  position: absolute;
  display: none;
  padding: 0 3px;
  line-height: 20px;
  z-index: 2000;
  overflow: hidden;
}
.k-spreadsheet > .k-spreadsheet-view {
  position: relative;
  font-size: 12px;
  font-family: Arial, Verdana, sans-serif;
}
.k-spreadsheet .k-tabstrip-wrapper {
  position: relative;
  line-height: 1.7em;
}
.k-spreadsheet .k-tabstrip-wrapper .k-tabstrip-items {
  padding: 0.3em 0 0;
}
.k-spreadsheet .k-spreadsheet-quick-access-toolbar {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  padding: 0.3em 0.3em 0;
}
.k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button {
  padding: .3em;
  line-height: 1.4em;
}
.k-spreadsheet .k-filter-wrapper,
.k-spreadsheet .k-merged-cells-wrapper,
.k-spreadsheet .k-selection-wrapper,
.k-spreadsheet .k-spreadsheet-row-header {
  position: relative;
}
.k-spreadsheet .k-spreadsheet-column-header {
  position: absolute;
}
.k-spreadsheet .k-spreadsheet-sheets-bar {
  border-width: 1px 0 0;
}
.k-spreadsheet .k-vertical-align-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.k-spreadsheet .k-vertical-align-bottom {
  position: relative;
  top: 100%;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.k-spreadsheet .k-dirty {
  position: absolute;
  top: 0;
  right: 0;
  margin: -2px 0 0 -7px;
  border-width: 4px;
  border-color: red red transparent transparent;
}
.k-spreadsheet .k-single-selection::after {
  content: " ";
  height: 6px;
  width: 6px;
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  margin-bottom: -5px;
  margin-right: -5px;
  border-width: 1px;
  border-style: solid;
  z-index: 100;
  cursor: crosshair;
}
.k-spreadsheet .k-auto-fill,
.k-spreadsheet .k-auto-fill-punch {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.k-spreadsheet .k-auto-fill {
  border-width: 1px;
  border-style: solid;
  cursor: crosshair;
}
.k-spreadsheet .k-auto-fill-wrapper {
  position: relative;
}
.k-font-icon,
.k-font-icon.k-icon,
.k-font-icon.k-tool-icon {
  font-family: KendoUIGlyphs;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  font-size: 1.3em;
  line-height: 1;
  opacity: 1;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-image: none;
  font-size: 16px;
}
.k-spreadsheet .k-colorpicker .k-tool-icon {
  overflow: visible;
}
.k-button.k-custom-color,
.k-button.k-reset-color {
  display: block;
  width: 100%;
  border-radius: 0;
  border: none;
  text-align: left;
  line-height: 2em;
}
.k-spreadsheet-colorpicker .k-colorpalette {
  border: 1px solid #dbdbdb;
  border-left: none;
  border-right: none;
  padding: 0.4em;
}
.k-spreadsheet-filter {
  position: absolute;
  cursor: pointer;
}
.k-spreadsheet-sample {
  float: right;
}
.k-spreadsheet-clipboard,
.k-spreadsheet-clipboard-paste {
  position: fixed;
  opacity: 0;
  top: 0;
  left: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0;
  width: 1px;
  height: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.k-spreadsheet-top-corner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  border-width: 0 1px 1px 0;
  border-style: solid;
}
.k-spreadsheet-top-corner:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  border-width: 6px;
  border-style: solid;
}
.k-spreadsheet-scroller {
  width: 100%;
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  z-index: 1;
}
.k-spreadsheet-fixed-container {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.k-spreadsheet-view-size {
  position: relative;
}
.k-spreadsheet-column-header,
.k-spreadsheet-row-header {
  text-align: center;
}
.k-spreadsheet-column-header .k-spreadsheet-cell,
.k-spreadsheet-row-header .k-spreadsheet-cell {
  border-style: solid;
  border-width: 0 1px 1px 0;
}
.k-spreadsheet-window .k-root-tabs {
  border-width: 0;
  margin: -1em -1em 0;
  padding: 0.5em 1em 0;
}
.k-spreadsheet-window .k-root-tabs .k-loading {
  display: none;
}
.k-spreadsheet-window .k-list-wrapper {
  padding: .15em 0;
  border-width: 1px;
  border-style: solid;
  height: 190px;
}
.k-spreadsheet-window .k-list .k-item {
  border-radius: 0;
  padding: .5em .6em .4em .6em;
  cursor: pointer;
  line-height: 1.1em;
}
.k-spreadsheet-window .k-format-filter {
  width: 100%;
}
.k-spreadsheet-window .k-format-filter + .k-group-header + .k-list-wrapper {
  margin-top: 1em;
}
.k-spreadsheet-window .k-action-buttons {
  padding: 1em;
}
.k-spreadsheet-window .k-edit-label {
  width: 20%;
}
.k-spreadsheet-window .k-edit-field {
  width: 70%;
}
.k-spreadsheet-window .k-edit-field .k-dropdown,
.k-spreadsheet-window .k-edit-field .k-textbox {
  width: 100%;
}
.k-spreadsheet-window .export-config {
  border-width: 1px 0 0;
  border-style: solid;
  padding: 1em;
  margin: 0 -1em;
}
.k-spreadsheet-window .export-config .k-edit-field {
  width: 40%;
  float: left;
  margin-left: 30px;
}
.k-spreadsheet-window .k-edit-field > input[type=radio] {
  display: inline;
  opacity: 0;
  width: 0;
  margin: 0;
}
.k-spreadsheet-window .k-edit-field > .k-orientation-label {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-width: 1px;
  border-style: solid;
}
.k-spreadsheet-window .k-edit-field > .k-orientation-label:before {
  font-family: KendoUIGlyphs;
  font-size: 16px;
}
.k-spreadsheet-window .k-orientation-portrait-label:before {
  content: "\e639";
}
.k-spreadsheet-window .k-orientation-landscape-label:before {
  content: "\e901";
}
.k-spreadsheet-window .k-page-orientation {
  position: absolute;
  right: 4em;
  top: 22%;
  width: 64px;
  height: 92px;
  border-width: 1px;
  border-style: solid;
}
.k-spreadsheet-window .k-page-orientation:before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 3px;
  border-style: solid;
  margin-top: -1px;
  margin-right: -1px;
}
.k-spreadsheet-window .k-page-landscape {
  top: 26%;
  width: 92px;
  height: 64px;
}
.k-spreadsheet-window .k-margins-horizontal {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height: 62px;
  border-width: 1px 0;
  border-style: solid;
}
.k-spreadsheet-window .k-margins-vertical {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 34px;
  height: 100%;
  border-width: 0 1px;
  border-style: solid;
}
.k-spreadsheet-window .k-page-landscape .k-margins-horizontal {
  height: 34px;
}
.k-spreadsheet-window .k-page-landscape .k-margins-vertical {
  width: 62px;
}
.k-spreadsheet-window .export-config:after,
.k-spreadsheet-window > div:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.k-spreadsheet-format-cells .k-spreadsheet-preview {
  font-weight: 700;
  text-align: center;
  font-size: 1.16em;
  line-height: 3.64em;
  margin: 0 -0.863em 0.72em;
  border-style: solid;
  border-width: 1px 0;
}
.k-spreadsheet-border-palette {
  width: 153px;
}
.k-spreadsheet-border-palette .k-spreadsheet-border-type-palette .k-button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20%;
}
.k-spreadsheet-border-palette .k-colorpalette {
  vertical-align: bottom;
}
.k-spreadsheet-popup .k-separator {
  width: 1px;
  height: 1.8em;
  vertical-align: middle;
  display: inline-block;
}
.k-spreadsheet-popup .k-colorpalette {
  vertical-align: top;
}
.k-spreadsheet-popup .k-button.k-button-icon {
  padding: .6em;
  border-width: 0;
  border-radius: 0;
}
.k-spreadsheet-popup .k-button.k-button-icontext {
  display: block;
  text-align: left;
  text-transform: initial;
  padding: .3em 1.5em .3em .9em;
  border-width: 0;
  border-radius: 0;
}
.k-spreadsheet-filter-menu {
  width: 280px;
}
.k-spreadsheet-filter-menu > .k-menu {
  border-width: 0;
}
.k-spreadsheet-filter-menu > .k-menu .k-link {
  padding-left: 26px;
}
.k-spreadsheet-filter-menu > .k-menu .k-icon.k-font-icon {
  margin-left: -26px;
  width: 26px;
}
.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
  height: 200px;
  overflow-y: scroll;
  overflow-x: auto;
  border-width: 1px;
  border-style: solid;
}
.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper .k-treeview {
  overflow: visible;
  padding: 6px 7px;
}
.k-spreadsheet-filter-menu .k-details {
  border-top-width: 1px;
  border-top-style: solid;
  padding: 4px 0;
}
.k-spreadsheet-filter-menu .k-details-summary {
  cursor: pointer;
  line-height: 26px;
}
.k-spreadsheet-filter-menu .k-details-summary .k-icon {
  margin: 0 5px;
}
.k-spreadsheet-filter-menu .k-details-content {
  padding: 0 8px 0 26px;
}
.k-spreadsheet-filter-menu .k-details-content > .k-textbox,
.k-spreadsheet-filter-menu .k-details-content > .k-widget {
  width: 100%;
  margin-bottom: 3px;
}
.k-spreadsheet-filter-menu .k-details-content .k-space-right {
  background-image: none;
}
.k-spreadsheet-filter-menu .k-details-content .k-filter-and {
  width: 75px;
  margin: 8px 0;
}
.k-spreadsheet-filter-menu .k-action-buttons {
  border-top-width: 0;
  margin: 8px;
  padding: 0;
  position: static;
}
.k-resize-handle,
.k-resize-hint {
  position: absolute;
}
.k-resize-hint-handle {
  width: 100%;
  height: 20px;
}
.k-resize-hint-marker {
  width: 2px;
  height: 100%;
  margin: 0 auto;
}
.k-resize-hint-vertical .k-resize-hint-handle {
  height: 100%;
  width: 20px;
  float: left;
}
.k-resize-hint-vertical .k-resize-hint-marker {
  height: 2px;
  width: 100%;
}
.k-button.k-spreadsheet-sheets-bar-add,
.k-spreadsheet-quick-access-toolbar .k-button {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
}
.k-spreadsheet-tabstrip {
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
}
.k-spreadsheet-tabstrip > .k-content {
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  margin: 0;
  padding: 0;
}
.k-spreadsheet-tabstrip .k-loading {
  display: none;
}
.k-spreadsheet-toolbar.k-toolbar {
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}
.k-spreadsheet-toolbar.k-toolbar .k-overflow-anchor + * {
  margin-left: 0.3em;
}
.k-spreadsheet-toolbar.k-toolbar > .k-button-group {
  border-width: 0;
}
.k-spreadsheet-toolbar .k-button,
.k-spreadsheet-toolbar > .k-button-group,
.k-spreadsheet-toolbar > .k-widget,
.k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) {
  margin: 0;
  border-color: transparent;
  background-color: transparent;
  background-image: none;
}
.k-spreadsheet-toolbar > .k-widget[data-property=fontSize] {
  width: 75px;
}
.k-spreadsheet-toolbar > .k-widget[data-property=format] {
  width: 100px;
}
.k-spreadsheet-toolbar > .k-widget[data-property=fontFamily] {
  width: 130px;
}
.k-spreadsheet-toolbar > .k-combobox .k-state-default:not(.k-state-hover):not(.k-state-active) .k-input {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) .k-select {
  border-color: transparent;
}
.k-spreadsheet-toolbar .k-separator {
  margin: 0 3px;
  width: 0;
  overflow: hidden;
  height: 1.8em;
  vertical-align: middle;
  display: inline-block;
}
.k-spreadsheet-formula-input > .k-syntax-bool.k-syntax-at-point,
.k-spreadsheet-formula-input > .k-syntax-func.k-syntax-at-point,
.k-spreadsheet-formula-input > .k-syntax-num.k-syntax-at-point,
.k-spreadsheet-formula-input > .k-syntax-ref.k-syntax-at-point,
.k-spreadsheet-formula-input > .k-syntax-str.k-syntax-at-point {
  text-decoration: underline;
}
.k-spreadsheet-formula-input > .k-series-a,
.k-spreadsheet-formula-input > .k-series-b,
.k-spreadsheet-formula-input > .k-series-c,
.k-spreadsheet-formula-input > .k-series-d {
  background-color: transparent;
}
.k-spreadsheet-selection-highlight {
  border-width: 1px;
  border-style: solid;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.k-spreadsheet-formula-list {
  min-width: 100px;
}
.k-spreadsheet-formula-list .k-item {
  padding: 0 .3em;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-spreadsheet-sheets-bar {
  position: relative;
}
.k-button.k-spreadsheet-sheets-bar-add {
  position: absolute;
  bottom: .2em;
  left: .4em;
  z-index: 1;
}
.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove {
  padding: 0;
  margin: 0.5em 0.5em 0.5em -0.5em;
}
.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-button-icon {
  padding: 2px;
  line-height: normal;
}
.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-icon {
  margin: 0;
}
.k-spreadsheet-sheets-items-hint {
  margin-top: .1em;
  background: 0 0!important;
  border-width: 0 !important;
}
@font-face {
  font-family: "DejaVu Sans";
  src: url(fonts/DejaVu/DejaVuSans.ttf?v=1.1) format("truetype");
}
@font-face {
  font-family: "DejaVu Sans";
  font-weight: 700;
  src: url(fonts/DejaVu/DejaVuSans-Bold.ttf?v=1.1) format("truetype");
}
@font-face {
  font-family: "DejaVu Sans";
  font-style: italic;
  src: url(fonts/DejaVu/DejaVuSans-Oblique.ttf?v=1.1) format("truetype");
}
@font-face {
  font-family: "DejaVu Sans";
  font-weight: 700;
  font-style: italic;
  src: url(fonts/DejaVu/DejaVuSans-BoldOblique.ttf?v=1.1) format("truetype");
}
@font-face {
  font-family: "DejaVu Serif";
  src: url(fonts/DejaVu/DejaVuSerif.ttf?v=1.1) format("truetype");
}
@font-face {
  font-family: "DejaVu Serif";
  font-weight: 700;
  src: url(fonts/DejaVu/DejaVuSerif-Bold.ttf?v=1.1) format("truetype");
}
@font-face {
  font-family: "DejaVu Serif";
  font-style: italic;
  src: url(fonts/DejaVu/DejaVuSerif-Italic.ttf?v=1.1) format("truetype");
}
@font-face {
  font-family: "DejaVu Serif";
  font-weight: 700;
  font-style: italic;
  src: url(fonts/DejaVu/DejaVuSerif-BoldItalic.ttf?v=1.1) format("truetype");
}
@font-face {
  font-family: "DejaVu Mono";
  src: url(fonts/DejaVu/DejaVuSansMono.ttf?v=1.1) format("truetype");
}
@font-face {
  font-family: "DejaVu Mono";
  font-weight: 700;
  src: url(fonts/DejaVu/DejaVuSansMono-Bold.ttf?v=1.1) format("truetype");
}
@font-face {
  font-family: "DejaVu Mono";
  font-style: italic;
  src: url(fonts/DejaVu/DejaVuSansMono-Oblique.ttf?v=1.1) format("truetype");
}
@font-face {
  font-family: "DejaVu Mono";
  font-weight: 700;
  font-style: italic;
  src: url(fonts/DejaVu/DejaVuSansMono-BoldOblique.ttf?v=1.1) format("truetype");
}
.kendo-pdf-hide-pseudo-elements:after,
.kendo-pdf-hide-pseudo-elements:before {
  display: none !important;
}
/*# sourceMappingURL=kendo.common.min.css.map */
/** 
 * Kendo UI v2016.1.412 (http://www.telerik.com/kendo-ui)                                                                                                                                               
 * Copyright 2016 Telerik AD. All rights reserved.                                                                                                                                                      
 *                                                                                                                                                                                                      
 * Kendo UI commercial licenses may be obtained at                                                                                                                                                      
 * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete                                                                                                                                  
 * If you do not own a commercial license, this file shall be governed by the trial license terms.                                                                                                      
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       

*/
.k-theme-test-class,
.ktb-theme-id-default {
  opacity: 0;
}
.ktb-var-accent {
  color: #f35800;
}
.ktb-var-base {
  color: #e9e9e9;
}
.ktb-var-background {
  color: #fff;
}
.ktb-var-border-radius {
  border-radius: 4px;
}
.ktb-var-normal-background {
  color: #fff;
}
.ktb-var-normal-gradient {
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 100%);
}
.ktb-var-normal-text-color {
  color: #2e2e2e;
}
.ktb-var-hover-background {
  color: #bcb4b0;
}
.ktb-var-hover-gradient {
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%);
}
.ktb-var-hover-text-color {
  color: #2e2e2e;
}
.ktb-var-selected-background {
  color: #f35800;
}
.ktb-var-selected-gradient {
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%);
}
.ktb-var-selected-text-color {
  color: #fff;
}
.ktb-var-error {
  color: #ffe0d9;
}
.ktb-var-warning {
  color: #ffe79e;
}
.ktb-var-success {
  color: #eaf7ec;
}
.ktb-var-info {
  color: #e5f5fa;
}
.ktb-var-series-a {
  color: #ff6800;
}
.ktb-var-series-b {
  color: #a0a700;
}
.ktb-var-series-c {
  color: #ff8d00;
}
.ktb-var-series-d {
  color: #678900;
}
.ktb-var-series-e {
  color: #ffb53c;
}
.ktb-var-series-f {
  color: #396000;
}
.k-grid-norecords-template {
  background-color: #fff;
  border: 1px solid #d5d5d5;
}
.k-in,
.k-item,
.k-window-action {
  border-color: transparent;
}
.k-block,
.k-widget {
  background-color: #fff;
}
.k-autocomplete,
.k-block,
.k-button-group .k-tool,
.k-calendar th,
.k-colorpicker .k-i-arrow-s,
.k-content,
.k-dropdown-wrap,
.k-dropzone-active,
.k-editable-area,
.k-filter-row > th,
.k-footer-template td,
.k-grid td,
.k-grid td.k-state-selected,
.k-grid-content-locked,
.k-grid-footer,
.k-grid-footer-locked,
.k-grid-footer-wrap,
.k-grid-header,
.k-grid-header-locked,
.k-grid-header-wrap,
.k-group,
.k-group-footer td,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-header,
.k-input,
.k-pager-refresh,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar > .k-item > .k-link,
.k-separator,
.k-slider-track,
.k-splitbar,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-textbox,
.k-textbox > input,
.k-tiles,
.k-toolbar,
.k-tooltip,
.k-treemap-tile,
.k-upload-files,
.k-widget {
  border-color: #d5d5d5;
}
.k-calendar th,
.k-dropzone-hovered,
.k-footer-template td,
.k-grid-footer,
.k-group,
.k-group-footer td,
.k-grouping-header,
.k-pager-wrap,
.k-toolbar,
.k-widget .k-status,
.k-widget.k-popup {
  background-color: #f5f5f5;
}
.k-grouping-row td,
.k-resize-handle-inner,
td.k-group-cell {
  background-color: #eae8e8;
}
.k-list-container {
  border-color: #c5c5c5;
  background-color: #e9e9e9;
}
.k-content,
.k-editable-area,
.k-panel > li.k-item,
.k-panelbar > li.k-item,
.k-tiles {
  background-color: #fff;
}
.k-alt,
.k-pivot-layout > tbody > tr:first-child > td:first-child,
.k-resource.k-alt,
.k-separator {
  background-color: #f1f1f1;
}
.k-header.k-alt,
.k-pivot-rowheaders .k-alt .k-alt {
  background-color: #dcdcdc;
}
.k-autocomplete.k-header,
.k-dropdown-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-textbox {
  border-color: #d5d5d5;
  background-color: #e9e9e9;
}
.k-autocomplete .k-input,
.k-autocomplete.k-state-focused .k-input,
.k-dropdown-wrap .k-input,
.k-dropdown-wrap.k-state-focused .k-input,
.k-numeric-wrap.k-state-focused .k-input,
.k-picker-wrap.k-state-focused .k-input,
.k-textbox > input {
  border-color: #d5d5d5;
}
.k-textbox > input,
input.k-textbox,
input.k-textbox:hover,
textarea.k-textbox,
textarea.k-textbox:hover {
  background: 0 0;
}
.k-input,
.k-multiselect-wrap,
.k-textbox > input,
input.k-textbox,
input.k-textbox:hover,
textarea.k-textbox,
textarea.k-textbox:hover {
  background-color: #fff;
  color: #2e2e2e;
}
.k-input[readonly] {
  background-color: #fff;
  color: #2e2e2e;
}
.k-block,
.k-content,
.k-dropdown .k-input,
.k-popup,
.k-toolbar,
.k-widget {
  color: #2e2e2e;
}
.k-inverse {
  color: #fff;
}
.k-block {
  color: #313131;
}
.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover .k-link {
  color: #2e2e2e;
}
.k-panelbar > li > .k-link,
.k-tabstrip-items .k-link {
  color: #2e2e2e;
}
.k-grid-header .k-header > .k-link,
.k-header,
.k-treemap-title {
  color: #313131;
}
.k-autocomplete,
.k-button,
.k-draghandle,
.k-dropdown-wrap,
.k-grid-header,
.k-grouping-header,
.k-header,
.k-numeric-wrap,
.k-pager-wrap,
.k-panelbar .k-tabstrip-items .k-item,
.k-picker-wrap,
.k-progressbar,
.k-state-highlight,
.k-tabstrip-items .k-item,
.k-textbox,
.k-toolbar,
.km-pane-wrapper > .km-pane > .km-view > .km-content {
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 100%);
  background-position: 50% 50%;
  background-color: #eae8e8;
}
.k-block,
.k-button,
.k-draghandle,
.k-grid-header,
.k-grouping-header,
.k-header,
.k-pager-wrap,
.k-toolbar,
.k-treemap-tile,
html .km-pane-wrapper .k-header {
  background-color: #eae8e8;
}
.k-column-menu .k-state-active .k-sprite,
.k-column-menu .k-state-hover .k-sprite,
.k-icon:hover,
.k-pager-numbers .k-current-page .k-link:hover:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view.k-state-hover > .k-link:after,
.k-state-focused .k-icon,
.k-state-hover .k-icon,
.k-state-selected .k-icon {
  opacity: 1;
}
.k-column-menu .k-sprite,
.k-icon,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-state-disabled .k-icon {
  opacity: 0.9;
}
.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
  opacity: 0.9;
}
.k-tool {
  border-color: transparent;
}
.k-column-menu .k-sprite,
.k-drop-hint,
.k-gantt-views > .k-current-view > .k-link:after,
.k-grid-mobile .k-resize-handle-inner:after,
.k-grid-mobile .k-resize-handle-inner:before,
.k-grouping-dropclue,
.k-icon,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-tool-icon {
  background-image: url(Default/sprite.png);
  border-color: transparent;
}
.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
  background-image: url(Default/sprite.png);
  border-color: transparent;
}
.k-loading,
.k-state-hover .k-loading {
  background-image: url(Default/loading.gif);
  background-position: 50% 50%;
}
.k-loading-image {
  background-image: url(Default/loading-image.gif);
}
.k-loading-color {
  background-color: #fff;
}
.k-button {
  color: #2e2e2e;
  border-color: #c5c5c5;
  background-color: #e9e9e9;
}
.k-draghandle {
  border-color: #a0dba9;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-draghandle:hover {
  border-color: #95d79f;
  background-color: #bbb4b1;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-scheduler {
  color: #2e2e2e;
  background-color: #fff;
}
.k-scheduler-layout {
  color: #2e2e2e;
}
.k-scheduler-datecolumn,
.k-scheduler-groupcolumn {
  background-color: #fff;
  color: #2e2e2e;
}
.k-scheduler-header th,
.k-scheduler-header-wrap,
.k-scheduler-table td,
.k-scheduler-times,
.k-scheduler-times th,
.k-scheduler-times tr {
  border-color: #c5c5c5;
}
.k-nonwork-hour {
  background-color: #f1f1f1;
}
.k-gantt .k-nonwork-hour {
  background-color: rgba(233, 233, 233, 0.2);
}
.k-gantt .k-header.k-nonwork-hour {
  background-color: rgba(233, 233, 233, 0.15);
}
.k-scheduler-table .k-today,
.k-today > .k-scheduler-datecolumn,
.k-today > .k-scheduler-groupcolumn {
  background-color: #f8f8f8;
}
.k-scheduler-now-arrow {
  border-left-color: #ff6745;
}
.k-scheduler-now-line {
  background-color: #ff6745;
}
.k-event,
.k-task-complete {
  border-color: #ffc09c;
  background: #ff8f50 0 -257px url(textures/highlight.png) repeat-x;
  color: #2e2e2e;
}
.k-event-inverse {
  color: #fff;
}
.k-event.k-state-selected {
  background-position: 0 0;
  -webkit-box-shadow: 0 0 0 2px #2e2e2e;
  box-shadow: 0 0 0 2px #2e2e2e;
}
.k-event .k-resize-handle:after,
.k-task-single .k-resize-handle:after {
  background-color: #787878;
}
.k-scheduler-marquee:after,
.k-scheduler-marquee:before {
  border-color: #f35800;
}
.k-panelbar .k-content,
.k-panelbar .k-item,
.k-panelbar .k-panel {
  background-color: #fff;
  color: #2e2e2e;
  border-color: #c5c5c5;
}
.k-panelbar > li > .k-link {
  color: #2e2e2e;
}
.k-panelbar > .k-item > .k-link {
  border-color: #c5c5c5;
}
.k-panel > li.k-item {
  background-color: #fff;
}
.k-active-filter,
.k-state-active,
.k-state-active:hover,
.k-tabstrip .k-state-active {
  background-color: #fff;
  border-color: #9f9f9f;
  color: #313131;
}
.k-fieldselector .k-list-container {
  background-color: #fff;
}
.k-button.k-state-focused,
.k-button:focus {
  border-color: #c5c5c5;
}
.k-button.k-state-hover,
.k-button:hover {
  color: #2e2e2e;
  border-color: #b6b6b6;
  background-color: #bcb4b0;
}
.k-button.k-state-active,
.k-button:active {
  color: #fff;
  background-color: #f35800;
  border-color: #f85a00;
}
.k-button.k-state-active:hover,
.k-button:active:hover {
  color: #fff;
  border-color: #8d8079;
  background-color: #ff5e03;
}
.k-button.k-state-disabled,
.k-button.k-state-disabled:active,
.k-button.k-state-disabled:hover,
.k-button[disabled],
.k-state-disabled .k-button,
.k-state-disabled .k-button:active,
.k-state-disabled .k-button:hover {
  color: #9f9f9f;
  border-color: #c5c5c5;
  background-color: #e9e9e9;
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 100%);
}
.k-button:focus:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: inset 0 0 3px 1px #b6b6b6;
  box-shadow: inset 0 0 3px 1px #b6b6b6;
}
.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: inset 0 0 3px 1px #c54700;
  box-shadow: inset 0 0 3px 1px #c54700;
}
.k-menu .k-state-hover > .k-state-active {
  background-color: transparent;
}
.k-state-highlight {
  background: #fff;
  color: #313131;
}
.k-grouping-row .k-state-focused,
.k-state-focused {
  border-color: #d5d5d5;
}
.k-calendar .k-link {
  color: #2e2e2e;
}
.k-calendar .k-footer {
  padding: 0;
}
.k-calendar .k-footer .k-nav-today {
  color: #2e2e2e;
  text-decoration: none;
  background-color: #fff;
}
.k-calendar .k-footer .k-nav-today.k-state-hover,
.k-calendar .k-footer .k-nav-today:hover {
  background-color: #fff;
  text-decoration: underline;
}
.k-calendar .k-footer .k-nav-today:active {
  background-color: #fff;
}
.k-calendar .k-link.k-nav-fast {
  color: #2e2e2e;
}
.k-calendar .k-nav-fast.k-state-hover {
  text-decoration: none;
  background-color: #bcb4b0;
  color: #2e2e2e;
}
.k-calendar .k-link.k-state-hover {
  border-radius: 4px;
}
.k-calendar .k-today {
  -webkit-box-shadow: inset 0 0 0 1px #f35800;
  box-shadow: inset 0 0 0 1px #f35800;
}
.k-calendar .k-today .k-link {
  color: #f35800;
  font-weight: 700;
}
.k-calendar td.k-today.k-state-focused,
.k-calendar td.k-today.k-state-focused.k-state-hover {
  -webkit-box-shadow: inset 0 0 3px 1px #aeaeae;
  box-shadow: inset 0 0 3px 1px #aeaeae;
}
.k-calendar td.k-today.k-state-hover,
.k-calendar td.k-today.k-state-selected {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-calendar td.k-today.k-state-hover .k-link {
  color: #2e2e2e;
}
.k-calendar .k-footer .k-link {
  border-radius: 0;
}
.k-calendar th {
  background-color: #f5f5f5;
}
.k-calendar td.k-state-selected.k-state-hover {
  background-color: #f35800;
  background-image: none;
}
.k-calendar td.k-state-selected .k-link,
.k-calendar td.k-today.k-state-selected.k-state-hover .k-link {
  color: #fff;
}
.k-calendar td.k-state-focused.k-state-selected,
.k-calendar td.k-state-selected.k-state-active,
.k-calendar td.k-state-selected.k-state-hover:active,
.k-calendar td.k-state-selected:active {
  -webkit-box-shadow: inset 0 0 3px 1px #aeaeae;
  box-shadow: inset 0 0 3px 1px #aeaeae;
}
.k-window-titlebar .k-link {
  border-radius: 4px;
}
.k-calendar-container.k-group {
  border-color: #c5c5c5;
}
.k-draghandle.k-state-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list > .k-state-highlight,
.k-list > .k-state-selected,
.k-marquee-color,
.k-panel > .k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited {
  color: #fff;
  background-color: #f35800;
  border-color: #f85a00;
}
.k-group-header + .k-list > .k-item.k-first,
.k-static-header + .k-list > .k-item.k-first,
.k-virtual-item.k-first {
  border-top-color: #b6b6b6;
}
.k-group-header + div > .k-list > .k-item.k-first {
  -webkit-box-shadow: 0 -1px 0 0 #b9b3b3;
  box-shadow: 0 -1px 0 0 #b9b3b3;
}
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
  background: #b6b6b6;
  color: #fff;
}
.k-popup .k-list .k-item > .k-group {
  background: #b9b3b3;
  color: #fff;
  border-bottom-left-radius: 3px;
}
.k-popup .k-treeview .k-item > .k-group {
  background: 0 0;
  color: #2e2e2e;
}
.k-marquee-text {
  color: #fff;
}
.k-button.k-state-focused,
.k-grid-header th.k-state-focused,
.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-state-focused,
td.k-state-focused {
  -webkit-box-shadow: inset 0 0 3px 1px #aeaeae;
  box-shadow: inset 0 0 3px 1px #aeaeae;
}
.k-list > .k-state-focused.k-state-selected,
.k-listview > .k-state-focused.k-state-selected,
.k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected {
  -webkit-box-shadow: inset 0 0 3px 1px #c54700;
  box-shadow: inset 0 0 3px 1px #c54700;
}
.k-ie8 .k-button.k-state-focused,
.k-ie8 .k-button:focus,
.k-ie8 .k-grid-header th.k-state-focused,
.k-ie8 .k-listview > .k-state-focused,
.k-ie8 .k-menu li.k-state-focused,
.k-ie8 .k-panelbar span.k-state-focused,
.k-ie8 .k-tool.k-state-hover,
.k-ie8 td.k-state-focused {
  background-color: #bcb4b0;
}
.k-list-optionlabel.k-state-selected.k-state-focused,
.k-list > .k-state-selected.k-state-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-panelbar > li.k-state-default > .k-link.k-state-selected,
.k-panelbar > li > .k-state-selected,
.k-state-selected > .k-link {
  color: #fff;
}
.k-dropdown .k-state-focused,
.k-filebrowser-dropzone,
.k-list > .k-state-hover,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-item > .k-link:active,
.k-mobile-list .k-recur-view .k-check:active,
.k-pager-wrap .k-link:hover,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-state-hover,
.k-state-hover:hover {
  color: #2e2e2e;
  background-color: #bcb4b0;
  border-color: #b6b6b6;
}
.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
  color: #2e2e2e;
  background-color: #bcb4b0;
  border-color: #b6b6b6;
}
.k-ie8 .k-window-titlebar .k-state-hover {
  border-color: #b6b6b6;
}
.k-state-focused > .k-select,
.k-state-hover > .k-select {
  border-color: #b6b6b6;
}
.k-button.k-state-focused,
.k-button.k-state-hover,
.k-button:focus,
.k-button:hover,
.k-draghandle:hover,
.k-other-month.k-state-hover .k-link,
.k-pager-wrap .k-link:hover,
.k-state-hover,
.k-state-hover:hover,
.k-textbox:hover,
div.k-filebrowser-dropzone em {
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%);
}
.k-pager-wrap {
  background-color: #eae8e8;
  color: #313131;
}
.k-autocomplete.k-state-active,
.k-button:active,
.k-dropdown-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-panelbar > .k-item > .k-state-focused,
.k-picker-wrap.k-state-active,
.k-state-active,
.k-state-active:hover,
.k-state-active > .k-link {
  background-image: none;
}
.k-button.k-state-active,
.k-button:active,
.k-draghandle.k-state-selected:hover,
.k-state-selected {
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%);
}
.k-button.k-state-active,
.k-button:active,
.k-draghandle.k-state-selected:hover {
  background-position: 50% 50%;
}
.k-tool-icon {
  background-image: url(Default/sprite.png);
}
.k-other-month.k-state-hover .k-link,
.k-state-hover > .k-link,
div.k-filebrowser-dropzone em {
  color: #2e2e2e;
}
.k-autocomplete.k-state-focused,
.k-autocomplete.k-state-hover,
.k-dropdown-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-picker-wrap.k-state-hover {
  background-color: #bdb4af;
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%);
  background-position: 50% 50%;
  border-color: #b6b6b6;
}
.k-dropdown .k-state-focused .k-input,
.km-pane-wrapper .k-mobile-list input:not([type=checkbox]):not([type=radio]),
.km-pane-wrapper .k-mobile-list textarea,
.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]) {
  color: #2e2e2e;
}
.k-dropdown .k-state-hover .k-input {
  color: #2e2e2e;
}
.k-state-error {
  border-color: #ff6745;
  background-color: #f4f3f2;
  color: #ffb388;
}
.k-state-disabled {
  opacity: 0.7;
}
.k-ie8 .k-state-disabled {
  filter: alpha(opacity=70);
}
.k-loading-mask.k-state-selected,
.k-tile-empty.k-state-selected {
  border-width: 0;
  background-image: none;
  background-color: transparent;
}
.k-dropzone em,
.k-other-month,
.k-other-month .k-link,
.k-slider .k-draghandle,
.k-state-disabled,
.k-state-disabled .k-button,
.k-state-disabled .k-link,
.k-tile-empty strong {
  color: #9f9f9f;
}
.k-dropzone .k-upload-status {
  color: #2e2e2e;
}
.k-progressbar-indeterminate {
  background: url(Default/indeterminate.gif);
}
.k-progressbar-indeterminate .k-progress-status-wrap,
.k-progressbar-indeterminate .k-state-selected {
  display: none;
}
.k-slider-track {
  background-color: #d5d5d5;
}
.k-slider-selection {
  background-color: #f35800;
}
.k-slider-horizontal .k-tick {
  background-image: url(Default/slider-h.gif);
}
.k-slider-vertical .k-tick {
  background-image: url(Default/slider-v.gif);
}
.k-widget.k-tooltip {
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 100%);
  background-position: 50% 50%;
  background-color: #eae8e8;
  color: #313131;
  border-color: transparent;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}
.k-widget.k-tooltip-validation {
  border-color: #ffe79e;
  background-color: #ffe79e;
  color: #6b5100;
}
.input-append .k-tooltip-validation,
.input-prepend .k-tooltip-validation {
  font-size: 12px;
  position: relative;
  top: 3px;
}
.k-callout-n {
  border-bottom-color: #eae8e8;
}
.k-callout-w {
  border-right-color: #eae8e8;
}
.k-callout-s {
  border-top-color: #eae8e8;
}
.k-callout-e {
  border-left-color: #eae8e8;
}
.k-tooltip-validation .k-callout-n {
  border-bottom-color: #ffe79e;
}
.k-tooltip-validation .k-callout-w {
  border-right-color: #ffe79e;
}
.k-tooltip-validation .k-callout-s {
  border-top-color: #ffe79e;
}
.k-tooltip-validation .k-callout-e {
  border-left-color: #ffe79e;
}
.k-splitbar {
  background-color: #e9e9e9;
}
.k-restricted-size-horizontal,
.k-restricted-size-vertical {
  background-color: #ffb388;
}
.k-file {
  background-color: #fff;
  border-color: #c5c5c5;
}
.k-file-progress {
  color: #2498bc;
}
.k-file-progress .k-progress {
  background-color: #e5f5fa;
}
.k-file-success {
  color: #3ea44e;
}
.k-file-success .k-progress {
  background-color: #eaf7ec;
}
.k-file-error {
  color: #d92800;
}
.k-file-error .k-progress {
  background-color: #ffe0d9;
}
.k-tile {
  border-color: #fff;
}
.k-textbox:hover,
.k-tiles li.k-state-hover {
  border-color: #b6b6b6;
}
.k-tiles li.k-state-selected {
  border-color: #f85a00;
}
.k-filebrowser .k-tile .k-file,
.k-filebrowser .k-tile .k-folder {
  background-image: url(Default/imagebrowser.png);
  -webkit-background-size: auto auto;
  background-size: auto auto;
}
.k-leaf,
.k-leaf.k-state-hover:hover {
  color: #fff;
}
.k-leaf.k-inverse,
.k-leaf.k-inverse.k-state-hover:hover {
  color: #000;
}
.k-button,
.k-widget {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-slider,
.k-treeview,
.k-upload {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-state-hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-textbox:focus {
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.k-state-selected {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-state-active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-grid tr:hover {
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 100%);
  background-color: #b9b3b3;
}
.k-pivot-rowheaders .k-grid tr:hover {
  background: 0 0;
}
.k-grid td.k-state-selected:hover,
.k-grid tr.k-state-selected:hover {
  background-color: #f35800;
  background-image: none;
}
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-datepicker-calendar,
.k-dropdown-wrap.k-state-active,
.k-filebrowser .k-image,
.k-grid .k-filter-options,
.k-menu .k-menu-group,
.k-multiselect.k-state-focused,
.k-picker-wrap.k-state-active,
.k-popup,
.k-time-popup,
.k-tooltip {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.k-treemap-tile.k-state-hover {
  -webkit-box-shadow: inset 0 0 0 3px #d5d5d5;
  box-shadow: inset 0 0 0 3px #d5d5d5;
}
.k-window {
  border-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.3);
  box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.3);
  background-color: #fff;
}
.k-window.k-state-focused {
  border-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
}
.k-window-maximized .k-window-content,
.k-window-maximized .k-window-titlebar,
.k-window.k-window-maximized {
  border-radius: 0;
}
.k-shadow {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.k-inset {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
}
.k-editor-inline ::-moz-selection {
  background-color: #f85a00;
  text-shadow: none;
  color: #fff;
}
.k-editor-inline ::selection {
  background-color: #f85a00;
  text-shadow: none;
  color: #fff;
}
.k-editor-inline ::-moz-selection {
  background-color: #f85a00;
  text-shadow: none;
  color: #fff;
}
.k-widget.k-notification.k-notification-info {
  background-color: #e5f5fa;
  color: #2498bc;
  border-color: #b6e3f1;
}
.k-widget.k-notification.k-notification-success {
  background-color: #eaf7ec;
  color: #6e6e6e;
  border-color: #c5e9cb;
}
.k-widget.k-notification.k-notification-warning {
  background-color: #ffe79e;
  color: #666;
  border-color: #ffe38f;
}
.k-widget.k-notification.k-notification-error {
  background-color: #ffe0d9;
  color: #6e6e6e;
  border-color: #ffb6a6;
}
.k-gantt .k-treelist {
  background: #f1f1f1;
}
.k-gantt .k-treelist .k-alt {
  background-color: #e4e4e4;
}
.k-gantt .k-treelist tr:hover {
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 100%);
  background-color: #b9b3b3;
}
.k-gantt .k-treelist .k-alt.k-state-selected,
.k-gantt .k-treelist .k-alt.k-state-selected > td,
.k-gantt .k-treelist .k-state-selected,
.k-gantt .k-treelist .k-state-selected td {
  background-color: #f35800;
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%);
}
.k-gantt .k-treelist .k-state-selected:hover,
.k-gantt .k-treelist .k-state-selected:hover td {
  background-color: #f35800;
  background-image: none;
}
.k-task-dot:after {
  background-color: #2e2e2e;
  border-color: #2e2e2e;
}
.k-task-dot:hover:after {
  background-color: #fff;
}
.k-task-summary {
  border-color: #6e6e6e;
  background: #6e6e6e;
}
.k-task-milestone,
.k-task-summary-complete {
  border-color: #2e2e2e;
  background: #2e2e2e;
}
.k-state-selected.k-task-summary {
  border-color: #ffa673;
  background: #ffa673;
}
.k-state-selected .k-task-summary-complete,
.k-state-selected.k-task-milestone {
  border-color: #f35800;
  background: #f35800;
}
.k-task-single {
  background-color: #ffd7c0;
  border-color: #ffc09c;
  color: #2e2e2e;
}
.k-state-selected.k-task-single {
  border-color: #f85a00;
}
.k-line {
  background-color: #2e2e2e;
  color: #2e2e2e;
}
.k-state-selected.k-line {
  background-color: #f35800;
  color: #f35800;
}
.k-resource {
  background-color: #fff;
}
.k-i-kpi-decrease,
.k-i-kpi-denied,
.k-i-kpi-equal,
.k-i-kpi-hold,
.k-i-kpi-increase,
.k-i-kpi-open {
  background-image: url(Default/sprite_kpi.png);
}
.k-autocomplete,
.k-block,
.k-button,
.k-calendar .k-link,
.k-calendar td,
.k-calendar-container,
.k-colorpicker,
.k-combobox,
.k-datepicker,
.k-datetimepicker,
.k-drag-clue,
.k-dropdown,
.k-dropdown-wrap,
.k-editor-inline,
.k-gantt-views > .k-current-view,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-inline-block,
.k-list-container,
.k-multiselect,
.k-notification,
.k-numeric-wrap,
.k-numerictextbox,
.k-picker-wrap,
.k-slider-selection,
.k-slider-track,
.k-split-button .k-gantt-views,
.k-textbox,
.k-tile,
.k-timepicker,
.k-tooltip,
.k-touch-scrollbar,
.k-treeview .k-in,
.k-upload,
.k-window,
.k-window-action,
.k-window-titleless .k-window-content {
  border-radius: 4px;
}
.k-tool {
  text-align: center;
  vertical-align: middle;
}
.k-tool.k-group-start,
.k-toolbar .k-button-group .k-group-start,
.k-toolbar .k-split-button .k-button {
  border-radius: 4px 0 0 4px;
}
.k-rtl .k-tool.k-group-start,
.k-rtl .k-toolbar .k-button-group .k-group-start,
.k-rtl .k-toolbar .k-split-button .k-button {
  border-radius: 0 4px 4px 0;
}
.k-toolbar .k-button-group > .k-group-end {
  border-radius: 4px;
}
.k-tool.k-group-end,
.k-toolbar .k-button-group .k-button + .k-group-end,
.k-toolbar .k-split-button .k-split-button-arrow {
  border-radius: 0 4px 4px 0;
}
.k-rtl .k-tool.k-group-end,
.k-rtl .k-toolbar .k-button-group .k-group-end,
.k-rtl .k-toolbar .k-split-button .k-split-button-arrow {
  border-radius: 4px 0 0 4px;
}
.k-group-start.k-group-end.k-tool {
  border-radius: 4px;
}
.k-autocomplete.k-state-border-up,
.k-calendar-container.k-state-border-up,
.k-dropdown-wrap.k-state-border-up,
.k-filter-menu,
.k-list-container.k-state-border-up,
.k-multiselect.k-state-border-up,
.k-numeric-wrap.k-state-border-up,
.k-picker-wrap.k-state-border-up,
.k-window-content {
  border-radius: 0 0 4px 4px;
}
.k-autocomplete.k-state-border-up .k-input,
.k-dropdown-wrap.k-state-border-up .k-input,
.k-numeric-wrap.k-state-border-up .k-input,
.k-picker-wrap.k-state-border-up .k-input,
.k-picker-wrap.k-state-border-up .k-selected-color {
  border-radius: 0 0 0 4px;
}
.k-multiselect.k-state-border-up .k-multiselect-wrap {
  border-radius: 0 0 4px 4px;
}
.k-autocomplete.k-state-border-down,
.k-block > .k-header,
.k-calendar-container.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-gantt-views.k-state-expanded,
.k-gantt-views.k-state-expanded > .k-current-view,
.k-list-container.k-state-border-down,
.k-multiselect.k-state-border-down,
.k-numeric-wrap.k-state-border-down,
.k-panelbar .k-tabstrip-items .k-item,
.k-picker-wrap.k-state-border-down,
.k-tabstrip-items .k-item,
.k-tabstrip-items .k-link,
.k-window-titlebar {
  border-radius: 4px 4px 0 0;
}
.k-split-button.k-state-border-down > .k-button {
  border-radius: 4px 0 0 0;
}
.k-split-button.k-state-border-up > .k-button {
  border-radius: 0 0 0 4px;
}
.k-split-button.k-state-border-down > .k-split-button-arrow {
  border-radius: 0 4px 0 0;
}
.k-split-button.k-state-border-up > .k-split-button-arrow {
  border-radius: 0 0 4px 0;
}
.k-dropdown-wrap .k-input,
.k-numeric-wrap .k-input,
.k-picker-wrap .k-input {
  border-radius: 3px 0 0 3px;
}
.k-rtl .k-dropdown-wrap .k-input,
.k-rtl .k-numeric-wrap .k-input,
.k-rtl .k-picker-wrap .k-input {
  border-radius: 0 3px 3px 0;
}
.k-numeric-wrap .k-link {
  border-radius: 0 3px 0 0;
}
.k-numeric-wrap .k-link + .k-link {
  border-radius: 0 0 3px 0;
}
.k-colorpicker .k-selected-color {
  border-radius: 3px 0 0 3px;
}
.k-rtl .k-colorpicker .k-selected-color {
  border-radius: 0 3px 3px 0;
}
.k-autocomplete.k-state-border-down .k-input {
  border-radius: 4px 4px 0 0;
}
.k-dropdown-wrap.k-state-border-down .k-input,
.k-numeric-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-selected-color {
  border-radius: 4px 0 0 0;
}
.k-numeric-wrap .k-link.k-state-selected {
  background-color: #f35800;
}
.k-multiselect.k-state-border-down .k-multiselect-wrap {
  border-radius: 3px 3px 0 0;
}
.k-datetimepicker .k-select + .k-select,
.k-dropdown-wrap .k-select,
.k-list-container.k-state-border-right,
.k-numeric-wrap .k-select,
.k-picker-wrap .k-select {
  border-radius: 0 4px 4px 0;
}
.k-rtl .k-datetimepicker .k-select + .k-select,
.k-rtl .k-dropdown-wrap .k-select,
.k-rtl .k-list-container.k-state-border-right,
.k-rtl .k-numeric-wrap .k-select,
.k-rtl .k-picker-wrap .k-select {
  border-radius: 4px 0 0 4px;
}
.k-numeric-wrap.k-expand-padding .k-input {
  border-radius: 4px;
}
.k-autocomplete .k-input,
.k-multiselect-wrap,
.k-textbox > input {
  border-radius: 3px;
}
.k-dropzone,
.k-fieldselector .k-list .k-item,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-hover,
.k-list .k-state-selected,
.k-list-optionlabel {
  border-radius: 3px;
}
.k-grid .k-slider .k-button,
.k-slider .k-button {
  border-radius: 13px;
}
.k-draghandle {
  border-radius: 7px;
}
.k-scheduler-toolbar > ul li:first-child,
.k-scheduler-toolbar > ul li:first-child .k-link,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link {
  border-radius: 4px 0 0 4px;
}
.k-rtl .k-scheduler-toolbar > ul li:first-child,
.k-rtl .k-scheduler-toolbar > ul li:first-child .k-link,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link,
.km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child,
.km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link {
  border-radius: 0 4px 4px 0;
}
.k-edit-field > .k-scheduler-navigation,
.k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today,
.k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link {
  border-radius: 4px;
}
.k-scheduler-toolbar .k-nav-next,
.k-scheduler-toolbar .k-nav-next .k-link,
.k-scheduler-toolbar ul + ul li:last-child,
.k-scheduler-toolbar ul + ul li:last-child .k-link {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.k-rtl .k-scheduler-toolbar .k-nav-next,
.k-rtl .k-scheduler-toolbar .k-nav-next .k-link,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
  border-radius: 4px 0 0 4px;
}
.k-scheduler div.k-scheduler-footer .k-link,
.k-scheduler div.k-scheduler-footer ul li {
  border-radius: 4px;
}
.k-event,
.k-event .k-link,
.k-more-events,
.k-task-complete,
.k-task-single {
  border-radius: 3px;
}
.k-scheduler-mobile .k-event {
  border-radius: 2px;
}
.k-grid-mobile .k-column-active + th.k-header {
  border-left-color: #2e2e2e;
}
.k-ie .km-pane-wrapper .k-content,
.k-ie .km-pane-wrapper .k-group,
.k-ie .km-pane-wrapper .k-header,
.k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button,
.k-ie .km-pane-wrapper .k-widget,
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-edit-label,
.km-pane-wrapper .k-mobile-list .k-item,
html .km-pane-wrapper .km-widget {
  color: #2e2e2e;
}
@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
  div.km-pane-wrapper a {
    color: #2e2e2e;
  }
}
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
  background-color: #fff;
  border-top: 1px solid #c5c5c5;
}
.km-pane-wrapper .k-mobile-list .k-edit-field textarea {
  outline-width: 0;
}
.km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
  background-color: #f35800;
  border-top-color: #f85a00;
}
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
  border-top-color: transparent;
}
.km-pane-wrapper .k-mobile-list .k-item:last-child {
  -webkit-box-shadow: inset 0 -1px 0 #c5c5c5;
  box-shadow: inset 0 -1px 0 #c5c5c5;
}
.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3),
.km-pane-wrapper .k-mobile-list > ul > li > .k-link {
  color: #797979;
}
.km-pane-wrapper .k-mobile-list > ul > li > .k-link {
  border-bottom: 1px solid #c5c5c5;
}
.km-pane-wrapper .k-mobile-list .k-edit-field {
  -webkit-box-shadow: 0 1px 1px #c5c5c5;
  box-shadow: 0 1px 1px #c5c5c5;
}
.km-actionsheet .k-grid-delete,
.km-actionsheet .k-scheduler-delete,
.km-pane-wrapper .k-filter-menu .k-button[type=reset],
.km-pane-wrapper .k-scheduler-delete {
  color: #fff;
  border-color: #ff6745;
  background-color: red;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.15)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
}
.km-actionsheet .k-grid-delete:active,
.km-actionsheet .k-scheduler-delete:active,
.km-pane-wrapper .k-filter-menu .k-button[type=reset]:active,
.km-pane-wrapper .k-scheduler-delete:active {
  background-color: #900;
}
.k-autocomplete.k-state-default,
.k-dropdown-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-picker-wrap.k-state-default {
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 100%);
  background-position: 50% 50%;
  background-color: #ececec;
  border-color: #c5c5c5;
}
.k-autocomplete.k-state-hover,
.k-dropdown-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-picker-wrap.k-state-hover {
  background-color: #bdb4af;
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%);
  background-position: 50% 50%;
  border-color: #b6b6b6;
}
.k-multiselect.k-header,
input.k-textbox,
textarea.k-textbox {
  border-color: #c5c5c5;
}
.k-multiselect.k-header.k-state-hover {
  border-color: #b6b6b6;
}
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-picker-wrap.k-state-focused {
  background-color: #bdb4af;
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%);
  background-position: 50% 50%;
  border-color: #bdbdbd;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.k-list-container {
  color: #2e2e2e;
}
.k-dropdown .k-input,
.k-dropdown .k-state-focused .k-input,
.k-menu .k-popup {
  color: #2e2e2e;
}
.k-state-default > .k-select {
  border-color: #c5c5c5;
}
.k-state-hover > .k-select {
  border-color: #b6b6b6;
}
.k-state-focused > .k-select {
  border-color: #bdbdbd;
}
.k-tabstrip:focus {
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.k-panelbar > li.k-state-default > .k-link,
.k-tabstrip-items .k-state-default .k-link {
  color: #2e2e2e;
}
.k-panelbar > li.k-state-default > .k-link.k-state-hover,
.k-panelbar > li.k-state-hover > .k-link,
.k-tabstrip-items .k-state-hover .k-link {
  color: #2e2e2e;
}
.k-panelbar > .k-state-focused.k-state-hover {
  background: #bcb4b0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-tabstrip-items .k-state-default {
  border-color: #c5c5c5;
}
.k-tabstrip-items .k-state-hover {
  border-color: #b6b6b6;
}
.k-panelbar .k-tabstrip-items .k-state-active,
.k-tabstrip-items .k-state-active {
  background-color: #fff;
  background-image: none;
  border-color: #9f9f9f;
}
.k-tabstrip .k-content.k-state-active {
  background-color: #fff;
  color: #2e2e2e;
}
.k-menu .k-item,
.k-menu.k-header {
  border-color: #c5c5c5;
}
.k-column-menu,
.k-column-menu .k-item,
.k-overflow-container .k-overflow-group {
  border-color: #c5c5c5;
}
.k-overflow-container .k-overflow-group {
  -webkit-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff, 0 1px 0 #fff;
}
.k-overflow-container .k-overflow-group + .k-overflow-group,
.k-toolbar-first-visible.k-overflow-group {
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
}
.k-toolbar-last-visible.k-overflow-group {
  -webkit-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff;
}
.k-column-menu .k-separator {
  border-color: #c5c5c5;
  background-color: transparent;
}
.k-menu .k-group {
  border-color: #c5c5c5;
}
.k-grid-filter.k-state-active {
  background-color: #fff;
}
.k-grid-footer td,
.k-group-footer td,
.k-grouping-row td {
  color: #2e2e2e;
  border-color: #c5c5c5;
  font-weight: 700;
}
.k-grouping-header {
  color: #2e2e2e;
}
.k-grid td.k-state-focused {
  -webkit-box-shadow: inset 0 0 3px 1px #aeaeae;
  box-shadow: inset 0 0 3px 1px #aeaeae;
}
.k-gantt-toolbar .k-state-default,
.k-grid .k-grouping-header,
.k-grid-header,
.k-grid-header-wrap,
.k-grouping-header .k-group-indicator,
.k-header,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-wrap .k-textbox {
  border-color: #c5c5c5;
}
.k-overflow-container .k-primary,
.k-primary {
  color: #fff;
  border-color: #e45200;
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%);
  background-position: 50% 50%;
  background-color: #ff6b18;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-primary.k-state-focused,
.k-primary:focus {
  color: #fff;
  border-color: #e45200;
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%);
  -webkit-box-shadow: 0 0 3px 0 #f35800;
  box-shadow: 0 0 3px 0 #f35800;
}
.k-primary:hover {
  color: #fff;
  border-color: #8d8079;
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%);
  background-color: #ff5e03;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-primary:focus:active:not(.k-state-disabled):not([disabled]),
.k-primary:focus:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: 0 0 3px 0 #f35800;
  box-shadow: 0 0 3px 0 #f35800;
}
.k-primary:active {
  color: #fff;
  border-color: #f85a00;
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%);
  background-color: #f25801;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-primary.k-state-disabled,
.k-primary.k-state-disabled:active,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary,
.k-state-disabled .k-primary:active,
.k-state-disabled .k-primary:hover {
  color: #e6e6e6;
  border-color: #e6e6e6;
  background-color: #ff6f1d;
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-pager-numbers .k-link,
.k-treeview .k-in {
  border-color: transparent;
}
.k-grid .k-hierarchy-cell .k-icon,
.k-scheduler-table .k-icon,
.k-treeview .k-icon {
  background-color: transparent;
  border-radius: 4px;
}
.k-scheduler-table .k-state-hover .k-icon {
  background-color: transparent;
}
.k-button:focus,
.k-split-button:focus {
  outline: 0;
}
.k-split-button:focus {
  -webkit-box-shadow: inset 0 0 4px 2px #b6b6b6;
  box-shadow: inset 0 0 4px 2px #b6b6b6;
}
.k-split-button:focus > .k-button {
  background: 0 0;
  border-color: #c5c5c5;
}
.k-editor .k-tool:focus {
  outline: 0;
  border-color: #c5c5c5;
  -webkit-box-shadow: inset 0 0 3px 1px #b6b6b6;
  box-shadow: inset 0 0 3px 1px #b6b6b6;
}
.k-checkbox-label:before {
  border-color: #c5c5c5;
  background: #fff;
  border-radius: 3px;
}
.k-checkbox-label:hover:before,
.k-checkbox:checked + .k-checkbox-label:hover:before {
  border-color: #acacac;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-checkbox:checked + .k-checkbox-label:before {
  background-color: #fff;
  border-color: #a0dba9;
  color: #f85a00;
}
.k-checkbox-label:active:before {
  -webkit-box-shadow: 0 0 3px 0 #f35800;
  box-shadow: 0 0 3px 0 #f35800;
  border-color: #f85a00;
}
.k-checkbox:checked + .k-checkbox-label:active:before {
  -webkit-box-shadow: 0 0 3px 0 #f35800;
  box-shadow: 0 0 3px 0 #f35800;
  border-color: #f85a00;
}
.k-checkbox:disabled + .k-checkbox-label {
  color: #9f9f9f;
}
.k-checkbox:disabled + .k-checkbox-label:hover:before {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-checkbox:checked:disabled + .k-checkbox-label:active:before,
.k-checkbox:checked:disabled + .k-checkbox-label:before,
.k-checkbox:checked:disabled + .k-checkbox-label:hover:before,
.k-checkbox:disabled + .k-checkbox-label:before {
  color: #9f9f9f;
  background: #edebea;
  border-color: #9cd9a6;
  border-radius: 3px;
}
.k-checkbox:focus + .k-checkbox-label:before {
  border-color: #f85a00;
  -webkit-box-shadow: 0 0 3px 0 #f35800;
  box-shadow: 0 0 3px 0 #f35800;
}
.k-checkbox:indeterminate + .k-checkbox-label:after {
  background-color: #f85a00;
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%);
  border-color: #f85a00;
  border-radius: 2px;
}
.k-checkbox:indeterminate:hover + .k-checkbox-label:after {
  border-color: #f85a00;
  background-color: #f85a00;
}
.k-radio-label:before {
  border-color: #c5c5c5;
  border-radius: 50%;
  background-color: #fff;
  border-width: 1px;
}
.k-radio-label:hover:before,
.k-radio:checked + .k-radio-label:hover:before {
  border-color: #acacac;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-radio:checked + .k-radio-label:after {
  background-color: #ff5e03;
  border-radius: 50%;
}
.k-radio-label:active:before {
  border-color: #f85a00;
  -webkit-box-shadow: 0 0 3px 0 #f35800;
  box-shadow: 0 0 3px 0 #f35800;
}
.k-radio:checked + .k-radio-label:active:before {
  -webkit-box-shadow: 0 0 3px 0 #f35800;
  box-shadow: 0 0 3px 0 #f35800;
  border-color: #f85a00;
}
.k-radio:disabled + .k-radio-label {
  color: #9f9f9f;
}
.k-radio:disabled + .k-radio-label:active:before,
.k-radio:disabled + .k-radio-label:before,
.k-radio:disabled + .k-radio-label:hover:after,
.k-radio:disabled + .k-radio-label:hover:before {
  background: #edebea;
  border-color: #bfbfbf;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-radio:focus + .k-radio-label:before {
  border-color: #f85a00;
  -webkit-box-shadow: 0 0 3px 0 #f35800;
  box-shadow: 0 0 3px 0 #f35800;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .k-callout,
  .k-column-menu .k-sprite,
  .k-drop-hint,
  .k-grouping-dropclue,
  .k-icon:not(.k-loading),
  .k-mobile-list .k-check:checked,
  .k-mobile-list .k-edit-field [type=checkbox]:checked,
  .k-mobile-list .k-edit-field [type=radio]:checked,
  .k-state-active .k-tool-icon,
  .k-state-active.k-state-hover .k-tool-icon,
  .k-state-hover .k-tool-icon,
  .k-state-selected .k-tool-icon,
  .k-state-selected.k-state-hover .k-tool-icon,
  .k-tool-icon {
    background-image: url(Default/sprite_2x.png);
    -webkit-background-size: 340px 336px;
    background-size: 340px 336px;
  }
  .k-dropdown-wrap .k-input,
  .k-numeric-wrap .k-input,
  .k-picker-wrap .k-input {
    border-radius: 3px 0 0 3px;
  }
  .k-i-kpi-decrease,
  .k-i-kpi-denied,
  .k-i-kpi-equal,
  .k-i-kpi-hold,
  .k-i-kpi-increase,
  .k-i-kpi-open {
    background-image: url(Default/sprite_kpi_2x.png);
    -webkit-background-size: 96px 16px;
    background-size: 96px 16px;
  }
}
@media screen and (-ms-high-contrast: active) {
  .k-editor-toolbar-wrap .k-button-group .k-tool:focus,
  .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused {
    border-color: #fff;
  }
}
@media only screen and (max-width: 1024px) {
  .k-ff .k-grid .k-pager-numbers,
  .k-ff .k-pager-numbers,
  .k-ie11 .k-grid .k-pager-numbers,
  .k-ie11 .k-pager-numbers,
  .k-safari .k-grid .k-pager-numbers,
  .k-safari .k-pager-numbers,
  .k-webkit .k-grid .k-pager-numbers,
  .k-webkit .k-pager-numbers {
    -ms-transform: translatey(-100%);
    transform: translatey(-100%);
    -webkit-transform: translatey(-100%);
  }
  .k-ff .k-grid .k-pager-numbers .k-current-page,
  .k-ff .k-pager-numbers .k-current-page,
  .k-ie11 .k-grid .k-pager-numbers .k-current-page,
  .k-ie11 .k-pager-numbers .k-current-page,
  .k-safari .k-grid .k-pager-numbers .k-current-page,
  .k-safari .k-pager-numbers .k-current-page,
  .k-webkit .k-grid .k-pager-numbers .k-current-page,
  .k-webkit .k-pager-numbers .k-current-page {
    -ms-transform: translatey(100%);
    transform: translatey(100%);
    -webkit-transform: translatey(100%);
  }
  .k-ff .k-pager-numbers .k-current-page .k-link,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-ie11 .k-pager-numbers .k-current-page .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-safari .k-pager-numbers .k-current-page .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-webkit .k-pager-numbers .k-current-page .k-link,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    background-image: url(textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
    background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0) 100%);
    background-position: 50% 50%;
    background-color: #ececec;
    border-color: #d5d5d5;
  }
  .k-ff .k-pager-numbers .k-current-page .k-link,
  .k-ie11 .k-pager-numbers .k-current-page .k-link,
  .k-safari .k-pager-numbers .k-current-page .k-link,
  .k-webkit .k-pager-numbers .k-current-page .k-link {
    border-color: #c5c5c5;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    border-radius: 4px;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li {
    border-radius: 0;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view {
    border-radius: 3px 3px 0 0;
  }
  .k-ff .k-scheduler-toolbar > ul li:first-child,
  .k-ff .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
  .k-ie11 .k-scheduler-toolbar > ul li:first-child,
  .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
  .k-safari .k-scheduler-toolbar > ul li:first-child,
  .k-safari .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
  .k-webkit .k-scheduler-toolbar > ul li:first-child,
  .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
    border-radius: 0;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link {
    border-radius: 0 0 3px 3px;
  }
  .k-ff .k-pager-numbers .k-current-page .k-link:hover,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
  .k-ie11 .k-pager-numbers .k-current-page .k-link:hover,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
  .k-safari .k-pager-numbers .k-current-page .k-link:hover,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
  .k-webkit .k-pager-numbers .k-current-page .k-link:hover,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
    border-color: #b6b6b6;
    background-image: url(textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));
    background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%);
    background-color: #bcb4b0;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
    color: #2e2e2e;
    min-width: 75px;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link {
    color: #2e2e2e;
  }
  .k-ff .k-pager-numbers .k-current-page .k-link:after,
  .k-ff .k-scheduler-views > li.k-state-selected > .k-link:after,
  .k-ie11 .k-pager-numbers .k-current-page .k-link:after,
  .k-ie11 .k-scheduler-views > li.k-state-selected > .k-link:after,
  .k-safari .k-pager-numbers .k-current-page .k-link:after,
  .k-safari .k-scheduler-views > li.k-state-selected > .k-link:after,
  .k-webkit .k-pager-numbers .k-current-page .k-link:after,
  .k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    right: .333em;
    width: 1.333em;
    height: 1.333em;
  }
  .k-ff .k-pager-numbers.k-state-expanded,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-ie11 .k-pager-numbers.k-state-expanded,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-safari .k-pager-numbers.k-state-expanded,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-webkit .k-pager-numbers.k-state-expanded,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #c5c5c5;
    background-color: #eae8e8;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    border-width: 1px;
    background-image: none;
    border-radius: 4px;
  }
  .k-ff .k-pager-numbers .k-link,
  .k-ff .k-pager-numbers .k-state-selected,
  .k-ie11 .k-pager-numbers .k-link,
  .k-ie11 .k-pager-numbers .k-state-selected,
  .k-safari .k-pager-numbers .k-link,
  .k-safari .k-pager-numbers .k-state-selected,
  .k-webkit .k-pager-numbers .k-link,
  .k-webkit .k-pager-numbers .k-state-selected {
    border-radius: 3px;
  }
  .k-ff .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
  .k-ie11 .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
  .k-safari .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
  .k-webkit .k-widget.k-grid .k-pager-nav + .k-pager-numbers {
    position: absolute;
  }
}
.k-chart .k-mask {
  background-color: #fff;
  filter: alpha(opacity=68);
  opacity: 0.68;
}
.k-chart .k-selection {
  border-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-box-shadow 0.2s linear, border-color 0.2s linear;
  transition: box-shadow 0.2s linear, border-color 0.2s linear;
}
.k-chart .k-selection:hover {
  border-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.2);
}
.k-chart .k-handle {
  background-color: #fcfcfc;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.k-chart .k-handle:hover {
  background-color: #fff;
  border-color: #b8b8b8;
  -webkit-box-shadow: 0 0 0 2px rgba(111, 101, 96, 0.5);
  box-shadow: 0 0 0 2px rgba(111, 101, 96, 0.5);
}
.k-chart .k-navigator-hint .k-tooltip {
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
  background: #fff;
  color: #242424;
}
.k-chart .k-navigator-hint .k-scroll {
  background: rgba(243, 88, 0, 0.7);
  height: 4px;
}
.k-map .k-marker {
  background-image: url(Default/markers.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .k-map .k-marker {
    background-image: url(Default/markers_2x.png);
  }
}
.k-map .k-attribution {
  color: #666;
}
.k-spreadsheet-column-header,
.k-spreadsheet-row-header {
  background-color: #fff;
}
.k-spreadsheet-column-header,
.k-spreadsheet-row-header,
.k-spreadsheet-top-corner {
  background-color: #e9e9e9;
  background-image: none;
  color: #000;
  border-color: #b6b6b6;
}
.k-spreadsheet-top-corner {
  border-color: #b6b6b6;
}
.k-spreadsheet-top-corner:after {
  border-color: transparent #b6b6b6 #b6b6b6 transparent;
}
.k-spreadsheet-pane {
  border-color: #b6b6b6;
}
.k-spreadsheet-pane .k-spreadsheet-haxis,
.k-spreadsheet-pane .k-spreadsheet-vaxis {
  border-color: #d0d0d0;
}
.k-spreadsheet-pane .k-spreadsheet-column-header,
.k-spreadsheet-pane .k-spreadsheet-row-header {
  border-color: #b6b6b6;
}
.k-spreadsheet-pane .k-spreadsheet-merged-cell {
  background-color: #fff;
}
.k-spreadsheet-pane .k-selection-full,
.k-spreadsheet-pane .k-selection-partial {
  border-color: rgba(243, 88, 0, 0.2);
  background-color: rgba(243, 88, 0, 0.2);
}
.k-spreadsheet-pane .k-filter-range {
  border-color: #f35800;
}
.k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full,
.k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial {
  border-bottom-color: #f35800;
}
.k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full,
.k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial {
  border-right-color: #f35800;
}
.k-auto-fill,
.k-spreadsheet-selection {
  border-color: #f35800;
  -webkit-box-shadow: inset 0 0 0 1px #fff,0 0 0 1px #f35800;
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #f35800;
}
.k-spreadsheet-selection {
  background-color: rgba(243, 88, 0, 0.2);
}
.k-spreadsheet-active-cell {
  border-color: #f35800!important;
  background-color: #fff;
}
.k-spreadsheet-active-cell.k-single {
  background-color: #fff;
}
.k-spreadsheet > .k-spreadsheet-formula-bar {
  background-color: #fff;
  border-color: #e9e9e9 #e9e9e9 #b6b6b6;
}
.k-spreadsheet > .k-spreadsheet-formula-bar:before {
  border-color: #b6b6b6;
}
.k-spreadsheet > .k-spreadsheet-formula-bar:after {
  border-color: #e9e9e9;
}
.k-spreadsheet .k-spreadsheet-formula-input {
  background-color: #fff;
  color: #2e2e2e;
}
.k-spreadsheet .k-resize-handle,
.k-spreadsheet .k-resize-hint-handle,
.k-spreadsheet .k-resize-hint-marker {
  background-color: #f35800;
}
.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle,
.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker {
  background-color: #f35800;
}
.k-spreadsheet .k-single-selection::after {
  background-color: #f35800;
  border-color: #fff;
}
.k-spreadsheet .k-auto-fill-punch {
  background-color: rgba(255, 255, 255, 0.5);
}
.k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after {
  background-color: rgba(243, 88, 0, 0.5);
}
.k-spreadsheet-format-cells .k-spreadsheet-preview {
  border-color: #d5d5d5;
}
.k-spreadsheet-filter {
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #d0d0d0;
  box-shadow: inset 0 0 0 1px #d0d0d0;
}
.k-spreadsheet-filter.k-state-active {
  color: #fff;
  background-color: #f35800;
}
.k-spreadsheet-filter:hover {
  color: #2e2e2e;
  background: #bcb4b0;
  border-color: #a99f9a;
}
.k-action-window .k-action-buttons {
  border-color: #d5d5d5;
}
.k-spreadsheet-sample {
  color: #7a7a7a;
}
.k-state-selected .k-spreadsheet-sample {
  color: inherit;
}
.k-spreadsheet-window .k-list,
.k-spreadsheet-window .k-list-wrapper {
  border-color: #d5d5d5;
  border-radius: 4px;
}
.k-spreadsheet-window .export-config,
.k-spreadsheet-window .k-edit-field > .k-orientation-label {
  border-color: #d5d5d5;
}
.k-spreadsheet-window .k-edit-field > input[type=radio]:checked + .k-orientation-label {
  background-image: url(textures/highlight.png);
  background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%);
  background-color: #f35800;
  color: #fff;
}
.k-spreadsheet-window .k-page-orientation {
  border-color: #c5c5c5;
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}
.k-spreadsheet-window .k-page-orientation:before {
  background: #fff;
  border-color: transparent;
  border-bottom-color: #c5c5c5;
  border-left-color: #c5c5c5;
}
.k-spreadsheet-window .k-margins-horizontal,
.k-spreadsheet-window .k-margins-vertical {
  background: 0 0;
  border-color: #d5d5d5;
}
.k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button {
  border-radius: 4px;
}
.k-spreadsheet-toolbar > .k-button,
.k-spreadsheet-toolbar > .k-button-group,
.k-spreadsheet-toolbar > .k-widget {
  border-radius: 4px;
}
.k-spreadsheet-toolbar > .k-separator {
  border-color: #d5d5d5;
}
.k-spreadsheet-toolbar .k-overflow-anchor {
  border-radius: 0;
}
.k-spreadsheet-popup {
  border-radius: 4px;
}
.k-spreadsheet-popup .k-separator {
  background-color: #d5d5d5;
}
.k-spreadsheet-popup .k-button {
  background-color: transparent;
}
.k-spreadsheet-popup .k-button:hover {
  background-color: #bcb4b0;
}
.k-spreadsheet-popup .k-state-active {
  background-color: #f35800;
  color: #000;
}
.k-spreadsheet-popup .k-state-active:hover {
  background-color: #c04600;
}
.k-spreadsheet-filter-menu .k-details {
  border-color: #d5d5d5;
}
.k-spreadsheet-filter-menu .k-details-content .k-space-right {
  background-color: #fff;
}
.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
  background-color: #fff;
  border-color: #d5d5d5;
  border-radius: 4px 0 0 4px;
}
.k-syntax-ref {
  color: #f82;
}
.k-syntax-num {
  color: #09f;
}
.k-syntax-func {
  font-weight: 700;
}
.k-syntax-str {
  color: #38b714;
}
.k-syntax-error {
  color: red;
}
.k-syntax-bool {
  color: #a9169c;
}
.k-syntax-startexp {
  font-weight: 700;
}
.k-syntax-paren-match {
  background-color: #caf200;
}
.k-series-a {
  border-color: #ff6800;
  background-color: rgba(255, 104, 0, 0.15);
}
.k-series-b {
  border-color: #a0a700;
  background-color: rgba(160, 167, 0, 0.15);
}
.k-series-c {
  border-color: #ff8d00;
  background-color: rgba(255, 141, 0, 0.15);
}
.k-series-d {
  border-color: #678900;
  background-color: rgba(103, 137, 0, 0.15);
}
.k-series-e {
  border-color: #ffb53c;
  background-color: rgba(255, 181, 60, 0.15);
}
.k-series-f {
  border-color: #396000;
  background-color: rgba(57, 96, 0, 0.15);
}
.k-spreadsheet-sheets-remove:hover .k-icon {
  color: #c22;
}
.k-spreadsheet-formula-list .k-state-focused {
  background-color: #f35800;
  color: #fff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .k-icon.k-font-icon {
    background-image: none;
  }
}
.k-spreadsheet .k-widget[data-property=fontSize] {
  width: 60px;
}
.k-spreadsheet .k-widget[data-property=format] {
  width: 100px;
}
.k-spreadsheet .k-widget[data-property=fontFamily] {
  width: 130px;
}
.k-spreadsheet-toolbar .k-combobox .k-input {
  color: #2e2e2e;
}
.k-spreadsheet-toolbar .k-combobox .k-state-active .k-input,
.k-spreadsheet-toolbar .k-combobox .k-state-focused .k-input,
.k-spreadsheet-toolbar .k-combobox .k-state-hover .k-input {
  color: #2e2e2e;
}
/*# sourceMappingURL=kendo.default.min.css.map */
/** 
 * Kendo UI v2016.1.412 (http://www.telerik.com/kendo-ui)                                                                                                                                               
 * Copyright 2016 Telerik AD. All rights reserved.                                                                                                                                                      
 *                                                                                                                                                                                                      
 * Kendo UI commercial licenses may be obtained at                                                                                                                                                      
 * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete                                                                                                                                  
 * If you do not own a commercial license, this file shall be governed by the trial license terms.                                                                                                      
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       

*/
.k-theme-test-class,
.ktb-theme-id-material {
  opacity: 0;
}
.ktb-var-accent {
  color: #3f51b5;
}
.ktb-var-base {
  color: #fff;
}
.ktb-var-background {
  color: #fff;
}
.ktb-var-border-radius {
  border-radius: 2px;
}
.ktb-var-normal-background {
  color: #fff;
}
.ktb-var-normal-gradient {
  background-image: none;
}
.ktb-var-normal-text-color {
  color: #444;
}
.ktb-var-hover-background {
  color: #ebebeb;
}
.ktb-var-hover-gradient {
  background-image: none;
}
.ktb-var-hover-text-color {
  color: #444;
}
.ktb-var-selected-background {
  color: #00b0ff;
}
.ktb-var-selected-gradient {
  background-image: none;
}
.ktb-var-selected-text-color {
  color: #3f51b5;
}
.ktb-var-error {
  color: #ffcdd2;
}
.ktb-var-warning {
  color: #fdefba;
}
.ktb-var-success {
  color: #c8e6c9;
}
.ktb-var-info {
  color: #bbdefb;
}
.ktb-var-series-a {
  color: #3f51b5;
}
.ktb-var-series-b {
  color: #03a9f4;
}
.ktb-var-series-c {
  color: #4caf50;
}
.ktb-var-series-d {
  color: #f9ce1d;
}
.ktb-var-series-e {
  color: #ff9800;
}
.ktb-var-series-f {
  color: #ff5722;
}
.k-grid-norecords-template {
  background-color: #fff;
  border: 1px solid #e6e6e6;
}
.k-in,
.k-item,
.k-window-action {
  border-color: transparent;
}
.k-block,
.k-widget {
  background-color: #fff;
}
.k-autocomplete,
.k-block,
.k-button-group .k-tool,
.k-calendar th,
.k-colorpicker .k-i-arrow-s,
.k-content,
.k-dropdown-wrap,
.k-dropzone-active,
.k-editable-area,
.k-filter-row > th,
.k-footer-template td,
.k-grid td,
.k-grid td.k-state-selected,
.k-grid-content-locked,
.k-grid-footer,
.k-grid-footer-locked,
.k-grid-footer-wrap,
.k-grid-header,
.k-grid-header-locked,
.k-grid-header-wrap,
.k-group,
.k-group-footer td,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-header,
.k-input,
.k-pager-refresh,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar > .k-item > .k-link,
.k-separator,
.k-slider-track,
.k-splitbar,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-textbox,
.k-textbox > input,
.k-tiles,
.k-toolbar,
.k-tooltip,
.k-treemap-tile,
.k-upload-files,
.k-widget {
  border-color: #e6e6e6;
}
.k-calendar th,
.k-dropzone-hovered,
.k-footer-template td,
.k-grid-footer,
.k-group,
.k-group-footer td,
.k-grouping-header,
.k-pager-wrap,
.k-toolbar,
.k-widget .k-status,
.k-widget.k-popup {
  background-color: #3f51b5;
}
.k-grouping-row td,
.k-resize-handle-inner,
td.k-group-cell {
  background-color: #3f51b5;
}
.k-list-container {
  border-color: rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
.k-content,
.k-editable-area,
.k-panel > li.k-item,
.k-panelbar > li.k-item,
.k-tiles {
  background-color: #fff;
}
.k-alt,
.k-pivot-layout > tbody > tr:first-child > td:first-child,
.k-resource.k-alt,
.k-separator {
  background-color: #fafafa;
}
.k-header.k-alt,
.k-pivot-rowheaders .k-alt .k-alt {
  background-color: #e6e6e6;
}
.k-autocomplete.k-header,
.k-dropdown-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-textbox {
  border-color: #e6e6e6;
  background-color: #fff;
}
.k-autocomplete .k-input,
.k-autocomplete.k-state-focused .k-input,
.k-dropdown-wrap .k-input,
.k-dropdown-wrap.k-state-focused .k-input,
.k-numeric-wrap.k-state-focused .k-input,
.k-picker-wrap.k-state-focused .k-input,
.k-textbox > input {
  border-color: #e6e6e6;
}
.k-textbox > input,
input.k-textbox,
input.k-textbox:hover,
textarea.k-textbox,
textarea.k-textbox:hover {
  background: 0 0;
}
.k-input,
.k-multiselect-wrap,
.k-textbox > input,
input.k-textbox,
input.k-textbox:hover,
textarea.k-textbox,
textarea.k-textbox:hover {
  background-color: #fff;
  color: #444;
}
.k-input[readonly] {
  background-color: #fff;
  color: #444;
}
.k-block,
.k-content,
.k-dropdown .k-input,
.k-popup,
.k-toolbar,
.k-widget {
  color: #444;
}
.k-inverse {
  color: #fff;
}
.k-block {
  color: #fff;
}
.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover .k-link {
  color: #428bca;
}
.k-panelbar > li > .k-link,
.k-tabstrip-items .k-link {
  color: #444;
}
.k-grid-header .k-header > .k-link,
.k-header,
.k-treemap-title {
  color: #fff;
}
.k-autocomplete,
.k-button,
.k-draghandle,
.k-dropdown-wrap,
.k-grid-header,
.k-grouping-header,
.k-header,
.k-numeric-wrap,
.k-pager-wrap,
.k-panelbar .k-tabstrip-items .k-item,
.k-picker-wrap,
.k-progressbar,
.k-state-highlight,
.k-tabstrip-items .k-item,
.k-textbox,
.k-toolbar,
.km-pane-wrapper > .km-pane > .km-view > .km-content {
  background-image: none;
  background-position: 50% 50%;
  background-color: #3f51b5;
}
.k-widget.k-tooltip {
  background-image: none;
}
.k-block,
.k-button,
.k-draghandle,
.k-grid-header,
.k-grouping-header,
.k-header,
.k-pager-wrap,
.k-toolbar,
.k-treemap-tile,
html .km-pane-wrapper .k-header {
  background-color: #3f51b5;
}
.k-column-menu .k-state-active .k-sprite,
.k-column-menu .k-state-hover .k-sprite,
.k-icon:hover,
.k-pager-numbers .k-current-page .k-link:hover:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view.k-state-hover > .k-link:after,
.k-state-focused .k-icon,
.k-state-hover .k-icon,
.k-state-selected .k-icon {
  opacity: 1;
}
.k-column-menu .k-sprite,
.k-icon,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-state-disabled .k-icon {
  opacity: 0.7;
}
.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
  opacity: 0.7;
}
.k-tool {
  border-color: transparent;
}
.k-column-menu .k-sprite,
.k-drop-hint,
.k-gantt-views > .k-current-view > .k-link:after,
.k-grid-mobile .k-resize-handle-inner:after,
.k-grid-mobile .k-resize-handle-inner:before,
.k-grouping-dropclue,
.k-icon,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-tool-icon {
  background-image: url(Material/sprite.png);
  border-color: transparent;
}
.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
  background-image: url(Material/sprite.png);
  border-color: transparent;
}
.k-loading,
.k-state-hover .k-loading {
  background-image: url(Material/loading.gif);
  background-position: 50% 50%;
}
.k-loading-image {
  background-image: url(Material/loading-image.gif);
}
.k-loading-color {
  background-color: #fff;
}
.k-button {
  color: #444;
  border-color: #fafafa;
  background-color: #fafafa;
}
.k-draghandle {
  border-color: #3f51b5;
  background-color: #3f51b5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-draghandle:hover {
  border-color: #3f51b5;
  background-color: #3f51b5;
  -webkit-box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3);
  box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3);
}
.k-scheduler {
  color: #fff;
  background-color: #fff;
}
.k-scheduler-layout {
  color: #444;
}
.k-scheduler-datecolumn,
.k-scheduler-groupcolumn {
  background-color: #fff;
  color: #444;
}
.k-scheduler-header th,
.k-scheduler-header-wrap,
.k-scheduler-table td,
.k-scheduler-times,
.k-scheduler-times th,
.k-scheduler-times tr {
  border-color: #e6e6e6;
}
.k-nonwork-hour {
  background-color: #fafafa;
}
.k-gantt .k-nonwork-hour {
  background-color: rgba(0, 0, 0, 0.02);
}
.k-gantt .k-header.k-nonwork-hour {
  background-color: rgba(0, 0, 0, 0.2);
}
.k-scheduler-table .k-today,
.k-today > .k-scheduler-datecolumn,
.k-today > .k-scheduler-groupcolumn {
  background-color: #e9e9e9;
}
.k-scheduler-now-arrow {
  border-left-color: #eed3d7;
}
.k-scheduler-now-line {
  background-color: #eed3d7;
}
.k-event,
.k-task-complete {
  border-color: #606fc7;
  background: #606fc7 0 -257px none repeat-x;
  color: #fff;
}
.k-event-inverse {
  color: #444;
}
.k-event.k-state-selected {
  background-position: 0 0;
  -webkit-box-shadow: 0 0 0 2px #444;
  box-shadow: 0 0 0 2px #444;
}
.k-event .k-resize-handle:after,
.k-task-single .k-resize-handle:after {
  background-color: #fff;
}
.k-scheduler-marquee:after,
.k-scheduler-marquee:before {
  border-color: #fff;
}
.k-panelbar .k-content,
.k-panelbar .k-item,
.k-panelbar .k-panel {
  background-color: #fff;
  color: #444;
  border-color: #ccc;
}
.k-panelbar > li > .k-link {
  color: #444;
}
.k-panelbar > .k-item > .k-link {
  border-color: #ccc;
}
.k-panel > li.k-item {
  background-color: #fff;
}
.k-active-filter,
.k-state-active,
.k-state-active:hover,
.k-tabstrip .k-state-active {
  background-color: #fff;
  border-color: #ccc;
  color: #444;
}
.k-fieldselector .k-list-container {
  background-color: #fff;
}
.k-button.k-state-focused,
.k-button:focus {
  border-color: #dbdbdb;
}
.k-button.k-state-hover,
.k-button:hover {
  color: #444;
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.k-button.k-state-active,
.k-button:active {
  color: #3f51b5;
  background-color: #dbdbdb;
  border-color: #dbdbdb;
}
.k-button.k-state-active:hover,
.k-button:active:hover {
  color: #fff;
  border-color: #5c6bc0;
  background-color: #5c6bc0;
}
.k-button:focus:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: 0 6px 17px 0 #c4c4c4;
  box-shadow: 0 6px 17px 0 #c4c4c4;
}
.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.3);
  box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.3);
}
.k-menu .k-state-hover > .k-state-active {
  background-color: transparent;
}
.k-state-highlight {
  background: #fff;
  color: #444;
}
.k-grouping-row .k-state-focused,
.k-state-focused {
  border-color: #67afe9;
}
.k-calendar .k-link {
  color: #444;
}
.k-calendar .k-footer {
  padding: 0;
}
.k-calendar .k-footer .k-nav-today {
  color: #444;
  text-decoration: none;
  background-color: #fff;
}
.k-calendar .k-footer .k-nav-today.k-state-hover,
.k-calendar .k-footer .k-nav-today:hover {
  background-color: #fff;
  text-decoration: underline;
}
.k-calendar .k-footer .k-nav-today:active {
  background-color: #fff;
}
.k-calendar .k-link.k-nav-fast {
  color: #444;
}
.k-calendar .k-nav-fast.k-state-hover {
  text-decoration: none;
  background-color: #ebebeb;
  color: #444;
}
.k-calendar .k-link.k-state-hover {
  border-radius: 50%;
}
.k-calendar .k-footer .k-link {
  border-radius: 0;
}
.k-calendar th {
  background-color: #3f51b5;
}
.k-window-titlebar .k-link {
  border-radius: 50%;
}
.k-calendar-container.k-group {
  border-color: rgba(0, 0, 0, 0.2);
}
.k-draghandle.k-state-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list > .k-state-highlight,
.k-list > .k-state-selected,
.k-marquee-color,
.k-panel > .k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited {
  color: #3f51b5;
  background-color: #fff;
  border-color: #fff;
}
.k-group-header + .k-list > .k-item.k-first,
.k-static-header + .k-list > .k-item.k-first,
.k-virtual-item.k-first {
  border-top-color: #ebebeb;
}
.k-group-header + div > .k-list > .k-item.k-first {
  -webkit-box-shadow: 0 -1px 0 0 #ebebeb;
  box-shadow: 0 -1px 0 0 #ebebeb;
}
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
  background: #ebebeb;
  color: #3f51b5;
}
.k-popup .k-list .k-item > .k-group {
  background: #ebebeb;
  color: #3f51b5;
  border-bottom-left-radius: 1px;
}
.k-marquee-text {
  color: #3f51b5;
}
.k-button.k-state-focused,
.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-listview > .k-state-focused.k-state-selected,
.k-state-focused,
td.k-state-focused {
  -webkit-box-shadow: inset 0 0 0 1px grey;
  box-shadow: inset 0 0 0 1px grey;
}
.k-list > .k-state-focused.k-state-selected,
.k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-ie8 .k-button.k-state-focused,
.k-ie8 .k-button:focus,
.k-ie8 .k-grid-header th.k-state-focused,
.k-ie8 .k-listview > .k-state-focused,
.k-ie8 .k-menu li.k-state-focused,
.k-ie8 .k-panelbar span.k-state-focused,
.k-ie8 .k-tool.k-state-hover,
.k-ie8 td.k-state-focused,
.k-list-optionlabel.k-state-selected.k-state-focused,
.k-list > .k-state-selected.k-state-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-panelbar > li.k-state-default > .k-link.k-state-selected,
.k-panelbar > li > .k-state-selected,
.k-state-selected > .k-link {
  color: #3f51b5;
}
.k-dropdown .k-state-focused,
.k-filebrowser-dropzone,
.k-list > .k-state-hover,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-item > .k-link:active,
.k-mobile-list .k-recur-view .k-check:active,
.k-pager-wrap .k-link:hover,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-state-hover,
.k-state-hover:hover {
  color: #444;
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
  color: #444;
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.k-ie8 .k-window-titlebar .k-state-hover {
  border-color: #ebebeb;
}
.k-state-focused > .k-select,
.k-state-hover > .k-select {
  border-color: #ebebeb;
}
.k-button.k-state-focused,
.k-button.k-state-hover,
.k-button:focus,
.k-button:hover,
.k-draghandle:hover,
.k-other-month.k-state-hover .k-link,
.k-pager-wrap .k-link:hover,
.k-state-hover,
.k-state-hover:hover,
.k-textbox:hover,
div.k-filebrowser-dropzone em {
  background-image: none;
}
.k-pager-wrap {
  background-color: #3f51b5;
  color: #fff;
}
.k-autocomplete.k-state-active,
.k-button:active,
.k-dropdown-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-panelbar > .k-item > .k-state-focused,
.k-picker-wrap.k-state-active,
.k-state-active,
.k-state-active:hover,
.k-state-active > .k-link {
  background-image: none;
}
.k-button.k-state-active,
.k-button:active,
.k-draghandle.k-state-selected:hover,
.k-state-selected {
  background-image: none;
}
.k-button.k-state-active,
.k-button:active,
.k-draghandle.k-state-selected:hover {
  background-position: 50% 50%;
}
.k-tool-icon {
  background-image: url(Material/sprite.png);
}
.k-other-month.k-state-hover .k-link,
.k-state-hover > .k-link,
div.k-filebrowser-dropzone em {
  color: #444;
}
.k-autocomplete.k-state-focused,
.k-autocomplete.k-state-hover,
.k-dropdown-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-picker-wrap.k-state-hover {
  background-color: #fff;
  background-image: none;
  background-position: 50% 50%;
  border-color: #ebebeb;
}
.k-dropdown .k-state-focused .k-input,
.km-pane-wrapper .k-mobile-list input:not([type=checkbox]):not([type=radio]),
.km-pane-wrapper .k-mobile-list textarea,
.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]) {
  color: #444;
}
.k-dropdown .k-state-hover .k-input {
  color: #444;
}
.k-state-error {
  border-color: #eed3d7;
  background-color: #f2dede;
  color: #b94a48;
}
.k-state-disabled {
  opacity: 0.7;
}
.k-ie8 .k-state-disabled {
  filter: alpha(opacity=70);
}
.k-loading-mask.k-state-selected,
.k-tile-empty.k-state-selected {
  border-width: 0;
  background-image: none;
  background-color: transparent;
}
.k-dropzone .k-upload-status,
.k-dropzone em,
.k-other-month,
.k-other-month .k-link,
.k-slider .k-draghandle,
.k-state-disabled,
.k-state-disabled .k-button,
.k-state-disabled .k-link,
.k-tile-empty strong {
  color: #999;
}
.k-progressbar-indeterminate {
  background: url(Material/indeterminate.gif);
}
.k-progressbar-indeterminate .k-progress-status-wrap,
.k-progressbar-indeterminate .k-state-selected {
  display: none;
}
.k-slider-track {
  background-color: #e6e6e6;
}
.k-slider-selection {
  background-color: #fff;
}
.k-slider-horizontal .k-tick {
  background-image: url(Material/slider-h.gif);
}
.k-slider-vertical .k-tick {
  background-image: url(Material/slider-v.gif);
}
.k-widget.k-tooltip {
  border-color: rgba(100, 100, 100, 0.9);
  background-color: rgba(100, 100, 100, 0.9);
  color: #fff;
}
.k-widget.k-tooltip-validation {
  border-color: #fdefba;
  background-color: #fdefba;
  color: #816704;
}
.input-append .k-tooltip-validation,
.input-prepend .k-tooltip-validation {
  font-size: 12px;
  position: relative;
  top: 3px;
}
.k-callout-n {
  border-bottom-color: rgba(100, 100, 100, 0.9);
}
.k-callout-w {
  border-right-color: rgba(100, 100, 100, 0.9);
}
.k-callout-s {
  border-top-color: rgba(100, 100, 100, 0.9);
}
.k-callout-e {
  border-left-color: rgba(100, 100, 100, 0.9);
}
.k-tooltip-validation .k-callout-n {
  border-bottom-color: #fdefba;
}
.k-tooltip-validation .k-callout-w {
  border-right-color: #fdefba;
}
.k-tooltip-validation .k-callout-s {
  border-top-color: #fdefba;
}
.k-tooltip-validation .k-callout-e {
  border-left-color: #fdefba;
}
.k-splitbar {
  background-color: #fafafa;
}
.k-restricted-size-horizontal,
.k-restricted-size-vertical {
  background-color: #b94a48;
}
.k-file {
  background-color: #fff;
  border-color: #e6e6e6;
}
.k-file-progress {
  color: #0d7fdd;
}
.k-file-progress .k-progress {
  background-color: #bbdefb;
}
.k-file-success {
  color: #479b49;
}
.k-file-success .k-progress {
  background-color: #c8e6c9;
}
.k-file-error {
  color: #ff011a;
}
.k-file-error .k-progress {
  background-color: #ffcdd2;
}
.k-tile {
  border-color: #fff;
}
.k-textbox:hover,
.k-tiles li.k-state-hover {
  border-color: #ebebeb;
}
.k-tiles li.k-state-selected {
  border-color: #fff;
}
.k-filebrowser .k-tile .k-file,
.k-filebrowser .k-tile .k-folder {
  background-image: url(Material/imagebrowser.png);
  -webkit-background-size: auto auto;
  background-size: auto auto;
}
.k-leaf,
.k-leaf.k-state-hover:hover {
  color: #fff;
}
.k-leaf.k-inverse,
.k-leaf.k-inverse.k-state-hover:hover {
  color: #000;
}
.k-button,
.k-widget {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-slider,
.k-treeview,
.k-upload {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-state-hover {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-textbox:focus {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}
.k-state-selected {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.k-state-active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-grid td.k-state-selected.k-state-focused {
  background-color: #fff;
}
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-datepicker-calendar,
.k-dropdown-wrap.k-state-active,
.k-filebrowser .k-image,
.k-grid .k-filter-options,
.k-menu .k-menu-group,
.k-multiselect.k-state-focused,
.k-picker-wrap.k-state-active,
.k-popup,
.k-time-popup,
.k-tooltip {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.k-calendar-container.k-popup {
  -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);
}
.k-treemap-tile.k-state-hover {
  -webkit-box-shadow: inset 0 0 0 3px #e6e6e6;
  box-shadow: inset 0 0 0 3px #e6e6e6;
}
.k-window {
  border-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
  box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
  background-color: #fff;
}
.k-window.k-state-focused {
  border-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
}
.k-window-maximized .k-window-content,
.k-window-maximized .k-window-titlebar,
.k-window.k-window-maximized {
  border-radius: 0;
}
.k-shadow {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.k-inset {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}
.k-editor-inline ::-moz-selection {
  background-color: #3f51b5;
  text-shadow: none;
  color: #fff;
}
.k-editor-inline ::selection {
  background-color: #3f51b5;
  text-shadow: none;
  color: #fff;
}
.k-editor-inline ::-moz-selection {
  background-color: #3f51b5;
  text-shadow: none;
  color: #fff;
}
.k-widget.k-notification.k-notification-info {
  background-color: #bbdefb;
  color: #2b98f3;
  border-color: #bbdefb;
}
.k-widget.k-notification.k-notification-success {
  background-color: #c8e6c9;
  color: #5fb662;
  border-color: #c8e6c9;
}
.k-widget.k-notification.k-notification-warning {
  background-color: #fdefba;
  color: #f9cd25;
  border-color: #fdefba;
}
.k-widget.k-notification.k-notification-error {
  background-color: #ffcdd2;
  color: #ff3448;
  border-color: #ffcdd2;
}
.k-gantt .k-treelist {
  background: #fafafa;
}
.k-gantt .k-treelist .k-alt {
  background-color: #e0e0e0;
}
.k-gantt .k-treelist tr:hover {
  background-color: #ebebeb;
}
.k-gantt .k-treelist .k-alt.k-state-selected,
.k-gantt .k-treelist .k-alt.k-state-selected > td,
.k-gantt .k-treelist .k-state-selected,
.k-gantt .k-treelist .k-state-selected td {
  background-color: #fff;
}
.k-gantt .k-treelist .k-alt.k-state-selected:hover,
.k-gantt .k-treelist .k-alt.k-state-selected:hover td {
  background-color: #00a2eb;
}
.k-task-dot:after {
  background-color: #444;
  border-color: #444;
}
.k-task-dot:hover:after {
  background-color: #fff;
}
.k-task-summary {
  border-color: #98a2db;
  background: #98a2db;
}
.k-task-milestone,
.k-task-summary-complete {
  border-color: #444;
  background: #444;
}
.k-state-selected.k-task-summary {
  border-color: #98a2db;
  background: #98a2db;
}
.k-state-selected .k-task-summary-complete,
.k-state-selected.k-task-milestone {
  border-color: #fff;
  background: #fff;
}
.k-task-single {
  background-color: #7a87d1;
  border-color: #606fc7;
  color: #fff;
}
.k-state-selected.k-task-single {
  border-color: #fff;
}
.k-line {
  background-color: #444;
  color: #444;
}
.k-state-selected.k-line {
  background-color: #fff;
  color: #fff;
}
.k-resource {
  background-color: #fff;
}
.k-i-kpi-decrease,
.k-i-kpi-denied,
.k-i-kpi-equal,
.k-i-kpi-hold,
.k-i-kpi-increase,
.k-i-kpi-open {
  background-image: url(Material/sprite_kpi.png);
}
.k-autocomplete,
.k-block,
.k-button,
.k-calendar .k-link,
.k-calendar td,
.k-calendar-container,
.k-colorpicker,
.k-combobox,
.k-datepicker,
.k-datetimepicker,
.k-drag-clue,
.k-dropdown,
.k-dropdown-wrap,
.k-editor-inline,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-inline-block,
.k-list-container,
.k-multiselect,
.k-notification,
.k-numeric-wrap,
.k-numerictextbox,
.k-picker-wrap,
.k-slider-selection,
.k-slider-track,
.k-textbox,
.k-tile,
.k-timepicker,
.k-tooltip,
.k-touch-scrollbar,
.k-treeview .k-in,
.k-upload,
.k-window,
.k-window-action,
.k-window-titleless .k-window-content {
  border-radius: 2px;
}
.k-tool {
  text-align: center;
  vertical-align: middle;
}
.k-toolbar .k-split-button .k-button {
  border-radius: 2px 0 0 2px;
}
.k-rtl .k-tool.k-group-start,
.k-rtl .k-toolbar .k-button-group .k-group-start,
.k-rtl .k-toolbar .k-split-button .k-button {
  border-radius: 0 2px 2px 0;
}
.k-toolbar .k-split-button .k-split-button-arrow {
  border-radius: 0 2px 2px 0;
}
.k-rtl .k-tool.k-group-end,
.k-rtl .k-toolbar .k-button-group .k-group-end,
.k-rtl .k-toolbar .k-split-button .k-split-button-arrow {
  border-radius: 2px 0 0 2px;
}
.k-autocomplete.k-state-border-up,
.k-calendar-container.k-state-border-up,
.k-dropdown-wrap.k-state-border-up,
.k-filter-menu,
.k-list-container.k-state-border-up,
.k-multiselect.k-state-border-up,
.k-numeric-wrap.k-state-border-up,
.k-picker-wrap.k-state-border-up,
.k-window-content {
  border-radius: 0 0 2px 2px;
}
.k-autocomplete.k-state-border-up .k-input,
.k-dropdown-wrap.k-state-border-up .k-input,
.k-numeric-wrap.k-state-border-up .k-input,
.k-picker-wrap.k-state-border-up .k-input,
.k-picker-wrap.k-state-border-up .k-selected-color {
  border-radius: 0 0 0 2px;
}
.k-multiselect.k-state-border-up .k-multiselect-wrap {
  border-radius: 0 0 2px 2px;
}
.k-autocomplete.k-state-border-down,
.k-block > .k-header,
.k-calendar-container.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-list-container.k-state-border-down,
.k-multiselect.k-state-border-down,
.k-numeric-wrap.k-state-border-down,
.k-panelbar .k-tabstrip-items .k-item,
.k-picker-wrap.k-state-border-down,
.k-tabstrip-items .k-item,
.k-tabstrip-items .k-link,
.k-window-titlebar {
  border-radius: 2px 2px 0 0;
}
.k-split-button.k-state-border-down > .k-button {
  border-radius: 2px 0 0 0;
}
.k-split-button.k-state-border-up > .k-button {
  border-radius: 0 0 0 2px;
}
.k-split-button.k-state-border-down > .k-split-button-arrow {
  border-radius: 0 2px 0 0;
}
.k-split-button.k-state-border-up > .k-split-button-arrow {
  border-radius: 0 0 2px 0;
}
.k-dropdown-wrap .k-input,
.k-numeric-wrap .k-input,
.k-picker-wrap .k-input {
  border-radius: 1px 0 0 1px;
}
.k-rtl .k-dropdown-wrap .k-input,
.k-rtl .k-numeric-wrap .k-input,
.k-rtl .k-picker-wrap .k-input {
  border-radius: 0 1px 1px 0;
}
.k-numeric-wrap .k-link {
  border-radius: 0 1px 0 0;
}
.k-numeric-wrap .k-link + .k-link {
  border-radius: 0 0 1px 0;
}
.k-colorpicker .k-selected-color {
  border-radius: 1px 0 0 1px;
}
.k-rtl .k-colorpicker .k-selected-color {
  border-radius: 0 1px 1px 0;
}
.k-autocomplete.k-state-border-down .k-input {
  border-radius: 2px 2px 0 0;
}
.k-dropdown-wrap.k-state-border-down .k-input,
.k-numeric-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-selected-color {
  border-radius: 2px 0 0 0;
}
.k-numeric-wrap .k-link.k-state-selected {
  background-color: #ebebeb;
}
.k-multiselect.k-state-border-down .k-multiselect-wrap {
  border-radius: 1px 1px 0 0;
}
.k-datetimepicker .k-select + .k-select,
.k-dropdown-wrap .k-select,
.k-list-container.k-state-border-right,
.k-numeric-wrap .k-select,
.k-picker-wrap .k-select {
  border-radius: 0 2px 2px 0;
}
.k-rtl .k-datetimepicker .k-select + .k-select,
.k-rtl .k-dropdown-wrap .k-select,
.k-rtl .k-list-container.k-state-border-right,
.k-rtl .k-numeric-wrap .k-select,
.k-rtl .k-picker-wrap .k-select {
  border-radius: 2px 0 0 2px;
}
.k-numeric-wrap.k-expand-padding .k-input {
  border-radius: 2px;
}
.k-autocomplete .k-input,
.k-multiselect-wrap,
.k-textbox > input {
  border-radius: 1px;
}
.k-dropzone,
.k-fieldselector .k-list .k-item,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-hover,
.k-list .k-state-selected,
.k-list-optionlabel {
  border-radius: 1px;
}
.k-grid .k-slider .k-button,
.k-slider .k-button {
  border-radius: 13px;
}
.k-draghandle {
  border-radius: 13px;
}
.k-scheduler-toolbar > ul li:first-child,
.k-scheduler-toolbar > ul li:first-child .k-link,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link {
  border-radius: 2px 0 0 2px;
}
.k-rtl .k-scheduler-toolbar > ul li:first-child,
.k-rtl .k-scheduler-toolbar > ul li:first-child .k-link,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link,
.km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child,
.km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link {
  border-radius: 0 2px 2px 0;
}
.k-edit-field > .k-scheduler-navigation,
.k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today,
.k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link {
  border-radius: 2px;
}
.k-scheduler-toolbar .k-nav-next,
.k-scheduler-toolbar .k-nav-next .k-link,
.k-scheduler-toolbar ul + ul li:last-child,
.k-scheduler-toolbar ul + ul li:last-child .k-link {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.k-rtl .k-scheduler-toolbar .k-nav-next,
.k-rtl .k-scheduler-toolbar .k-nav-next .k-link,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
  border-radius: 2px 0 0 2px;
}
.k-scheduler div.k-scheduler-footer .k-link,
.k-scheduler div.k-scheduler-footer ul li {
  border-radius: 2px;
}
.k-event,
.k-event .k-link,
.k-more-events,
.k-task-complete,
.k-task-single {
  border-radius: 1px;
}
.k-scheduler-mobile .k-event {
  border-radius: 0;
}
.k-grid-mobile .k-column-active + th.k-header {
  border-left-color: #444;
}
.k-ie .km-pane-wrapper .k-content,
.k-ie .km-pane-wrapper .k-group,
.k-ie .km-pane-wrapper .k-header,
.k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button,
.k-ie .km-pane-wrapper .k-widget,
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-edit-label,
.km-pane-wrapper .k-mobile-list .k-item,
html .km-pane-wrapper .km-widget {
  color: #444;
}
@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
  div.km-pane-wrapper a {
    color: #444;
  }
}
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
  background-color: #fff;
  border-top: 1px solid #e7e7e7;
}
.km-pane-wrapper .k-mobile-list .k-edit-field textarea {
  outline-width: 0;
}
.km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
  background-color: #fff;
  border-top-color: #fff;
}
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
  border-top-color: transparent;
}
.km-pane-wrapper .k-mobile-list .k-item:last-child {
  -webkit-box-shadow: inset 0 -1px 0 #e7e7e7;
  box-shadow: inset 0 -1px 0 #e7e7e7;
}
.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3),
.km-pane-wrapper .k-mobile-list > ul > li > .k-link {
  color: #9b9b9b;
}
.km-pane-wrapper .k-mobile-list > ul > li > .k-link {
  border-bottom: 1px solid #e7e7e7;
}
.km-pane-wrapper .k-mobile-list .k-edit-field {
  -webkit-box-shadow: 0 1px 1px #e7e7e7;
  box-shadow: 0 1px 1px #e7e7e7;
}
.km-actionsheet .k-grid-delete,
.km-actionsheet .k-scheduler-delete,
.km-pane-wrapper .k-filter-menu .k-button[type=reset],
.km-pane-wrapper .k-scheduler-delete {
  color: #fff;
  border-color: #eed3d7;
  background-color: red;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.15)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
}
.km-actionsheet .k-grid-delete:active,
.km-actionsheet .k-scheduler-delete:active,
.km-pane-wrapper .k-filter-menu .k-button[type=reset]:active,
.km-pane-wrapper .k-scheduler-delete:active {
  background-color: #900;
}
.k-autocomplete.k-state-default,
.k-dropdown-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-picker-wrap.k-state-default {
  background-image: none;
  background-position: 50% 50%;
  background-color: #fafafa;
  border-color: #f0f0f0;
}
.k-autocomplete.k-state-hover,
.k-dropdown-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-picker-wrap.k-state-hover {
  background-color: #fff;
  background-image: none;
  background-position: 50% 50%;
  border-color: #f5f5f5;
}
.k-multiselect.k-header {
  border-color: #f0f0f0;
}
.k-multiselect.k-header.k-state-hover {
  border-color: #f5f5f5;
}
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-picker-wrap.k-state-focused {
  background-color: #fff;
  background-image: none;
  background-position: 50% 50%;
  border-color: #f5f5f5;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}
.k-list-container {
  color: #444;
}
.k-dropdown .k-input,
.k-dropdown .k-state-focused .k-input,
.k-menu .k-popup {
  color: #444;
}
.k-state-default > .k-select {
  border-color: #f0f0f0;
}
.k-state-focused > .k-select {
  border-color: #f5f5f5;
}
.k-state-hover > .k-select {
  border-color: #f5f5f5;
}
.k-tabstrip:focus {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}
.k-panelbar > li.k-state-default > .k-link,
.k-tabstrip-items .k-state-default .k-link {
  color: #fff;
}
.k-panelbar > li.k-state-default > .k-link.k-state-hover,
.k-panelbar > li.k-state-hover > .k-link,
.k-tabstrip-items .k-state-hover .k-link {
  color: #444;
}
.k-panelbar > li > .k-state-focused.k-state-hover {
  background: #ebebeb;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-panelbar .k-tabstrip-items .k-state-default,
.k-tabstrip-items .k-state-default {
  border-color: transparent;
}
.k-tabstrip-items .k-state-hover {
  border-color: #ebebeb;
}
.k-tabstrip .k-content.k-state-active {
  background-color: #fff;
  color: #444;
}
.k-menu .k-item,
.k-menu.k-header {
  border-color: #e6e6e6;
}
.k-column-menu,
.k-column-menu .k-item,
.k-overflow-container .k-overflow-group {
  border-color: #ccc;
}
.k-overflow-container .k-overflow-group {
  -webkit-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff, 0 1px 0 #fff;
}
.k-overflow-container .k-overflow-group + .k-overflow-group,
.k-toolbar-first-visible.k-overflow-group {
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
}
.k-toolbar-last-visible.k-overflow-group {
  -webkit-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff;
}
.k-column-menu .k-separator {
  border-color: #ccc;
  background-color: transparent;
}
.k-menu .k-group {
  border-color: rgba(0, 0, 0, 0.2);
}
.k-grid-filter.k-state-active {
  background-color: #fff;
}
.k-grid-footer td,
.k-group-footer td,
.k-grouping-row td {
  color: #fff;
  border-color: #ccc;
  font-weight: 700;
}
.k-grouping-header {
  color: #fff;
}
.k-gantt-toolbar .k-state-default,
.k-grid .k-grouping-header,
.k-grid-header,
.k-grid-header-wrap,
.k-grouping-header .k-group-indicator,
.k-header,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-wrap .k-textbox {
  border-color: #ccc;
}
.k-overflow-container .k-primary,
.k-primary {
  color: #fff;
  border-color: #3f51b5;
  background-image: none;
  background-position: 50% 50%;
  background-color: #3f51b5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-primary.k-state-focused,
.k-primary:focus {
  color: #fff;
  border-color: #eff8ff;
  background-image: none;
  -webkit-box-shadow: 0 0 8px 0 #cfe6f8;
  box-shadow: 0 0 8px 0 #cfe6f8;
}
.k-primary:hover {
  color: #fff;
  border-color: #5c6bc0;
  background-image: none;
  background-color: #5c6bc0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-primary:focus:active:not(.k-state-disabled):not([disabled]),
.k-primary:focus:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: 0 0 8px 0 #cfe6f8;
  box-shadow: 0 0 8px 0 #cfe6f8;
}
.k-primary:active {
  color: #fff;
  border-color: #283593;
  background-image: none;
  background-color: #283593;
  -webkit-box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
}
.k-primary.k-state-disabled,
.k-primary.k-state-disabled:active,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary,
.k-state-disabled .k-primary:active,
.k-state-disabled .k-primary:hover {
  color: #a8a8a8;
  border-color: #eaeaea;
  background-color: #eaeaea;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-pager-numbers .k-link,
.k-treeview .k-in {
  border-color: transparent;
}
.k-grid .k-hierarchy-cell .k-icon,
.k-scheduler-table .k-icon,
.k-treeview .k-icon {
  background-color: transparent;
  border-radius: 50%;
}
.k-scheduler-table .k-state-hover .k-icon {
  background-color: transparent;
}
.k-button:focus,
.k-split-button:focus {
  outline: 0;
}
.k-split-button:focus {
  background-color: #dbdbdb;
}
.k-split-button:focus > .k-button {
  background: 0 0;
  border-color: #dbdbdb;
}
.k-split-button:focus > .k-button.k-split-button-arrow {
  border-left-color: #fafafa;
}
.k-editor .k-tool:focus {
  outline: 0;
  border-color: #dbdbdb;
  -webkit-box-shadow: 0 6px 17px 0 #c4c4c4;
  box-shadow: 0 6px 17px 0 #c4c4c4;
}
.k-checkbox-label:before {
  border-color: #7f7f7f;
  background: #fff;
  border-radius: 1px;
}
.k-checkbox-label:hover:before,
.k-checkbox:checked + .k-checkbox-label:hover:before {
  border-color: #7f7f7f;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-checkbox:checked + .k-checkbox-label:before {
  background-color: #3f51b5;
  border-color: #3f51b5;
  color: #fff;
}
.k-checkbox-label:active:before {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #7f7f7f;
}
.k-checkbox:checked + .k-checkbox-label:active:before {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #7f7f7f;
}
.k-checkbox:disabled + .k-checkbox-label {
  color: #999;
}
.k-checkbox:disabled + .k-checkbox-label:hover:before {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-checkbox:checked:disabled + .k-checkbox-label:active:before,
.k-checkbox:checked:disabled + .k-checkbox-label:before,
.k-checkbox:checked:disabled + .k-checkbox-label:hover:before,
.k-checkbox:disabled + .k-checkbox-label:before {
  color: #999;
  background: #f5f5f5;
  border-color: #bfbfbf;
  border-radius: 1px;
}
.k-checkbox:focus + .k-checkbox-label:before {
  border-color: #7f7f7f;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-checkbox:indeterminate + .k-checkbox-label:after {
  background-color: #3f51b5;
  background-image: none;
  border-color: #3f51b5;
  border-radius: 0;
}
.k-checkbox:indeterminate:hover + .k-checkbox-label:after {
  border-color: #3f51b5;
  background-color: #3f51b5;
}
.k-checkbox + .k-checkbox-label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 50%;
  width: 1em;
  height: 1em;
}
.k-checkbox:focus + .k-checkbox-label:after {
  -webkit-box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
  box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
}
.k-checkbox + .k-checkbox-label:active:after {
  -webkit-box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
  box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
}
.k-checkbox:checked + .k-checkbox-label:active:after {
  -webkit-box-shadow: 0 0 0 12px rgba(63, 81, 181, 0.3);
  box-shadow: 0 0 0 12px rgba(63, 81, 181, 0.3);
}
.k-checkbox:disabled + .k-checkbox-label:active:after {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-checkbox:indeterminate + .k-checkbox-label:before {
  border-color: #3f51b5;
}
.k-radio-label:before {
  border-color: #7f7f7f;
  border-radius: 50%;
  background-color: #fff;
  border-width: 2px;
}
.k-radio-label:hover:before,
.k-radio:checked + .k-radio-label:hover:before {
  border-color: #7f7f7f;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-radio:checked + .k-radio-label:after {
  background-color: #3f51b5;
  border-radius: 50%;
}
.k-radio-label:active:before {
  border-color: #6b7acb;
  -webkit-box-shadow: 0 0 2px 0 #6b7acb;
  box-shadow: 0 0 2px 0 #6b7acb;
}
.k-radio:checked + .k-radio-label:active:before {
  -webkit-box-shadow: 0 0 2px 0 #6b7acb;
  box-shadow: 0 0 2px 0 #6b7acb;
  border-color: #6b7acb;
}
.k-radio:disabled + .k-radio-label {
  color: #bfbfbf;
}
.k-radio:disabled + .k-radio-label:active:before,
.k-radio:disabled + .k-radio-label:before,
.k-radio:disabled + .k-radio-label:hover:after,
.k-radio:disabled + .k-radio-label:hover:before {
  background: #fff;
  border-color: #bfbfbf;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-radio:focus + .k-radio-label:before {
  border-color: #6b7acb;
  -webkit-box-shadow: 0 0 2px 0 #6b7acb;
  box-shadow: 0 0 2px 0 #6b7acb;
}
.k-radio:checked + .k-radio-label:before,
.k-radio:checked + .k-radio-label:hover:before {
  border-color: #3f51b5;
}
.k-radio + .k-radio-label:active:before {
  border-color: #7f7f7f;
  -webkit-box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
  box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
}
.k-radio:checked + .k-radio-label:active:before {
  -webkit-box-shadow: 0 0 0 12px rgba(63, 81, 181, 0.3);
  box-shadow: 0 0 0 12px rgba(63, 81, 181, 0.3);
}
.k-radio:focus + .k-radio-label:before {
  border-color: #7f7f7f;
  -webkit-box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
  box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .k-callout,
  .k-column-menu .k-sprite,
  .k-drop-hint,
  .k-grouping-dropclue,
  .k-icon:not(.k-loading),
  .k-mobile-list .k-check:checked,
  .k-mobile-list .k-edit-field [type=checkbox]:checked,
  .k-mobile-list .k-edit-field [type=radio]:checked,
  .k-state-active .k-tool-icon,
  .k-state-active.k-state-hover .k-tool-icon,
  .k-state-hover .k-tool-icon,
  .k-state-selected .k-tool-icon,
  .k-state-selected.k-state-hover .k-tool-icon,
  .k-tool-icon {
    background-image: url(Material/sprite_2x.png);
    -webkit-background-size: 340px 336px;
    background-size: 340px 336px;
  }
  .k-dropdown-wrap .k-input,
  .k-numeric-wrap .k-input,
  .k-picker-wrap .k-input {
    border-radius: 1px 0 0 1px;
  }
  .k-i-kpi-decrease,
  .k-i-kpi-denied,
  .k-i-kpi-equal,
  .k-i-kpi-hold,
  .k-i-kpi-increase,
  .k-i-kpi-open {
    background-image: url(Material/sprite_kpi_2x.png);
    -webkit-background-size: 96px 16px;
    background-size: 96px 16px;
  }
}
@media screen and (-ms-high-contrast: active) {
  .k-editor-toolbar-wrap .k-button-group .k-tool:focus,
  .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused {
    border-color: #fff;
  }
}
@media only screen and (max-width: 1024px) {
  .k-ff .k-pager-numbers .k-current-page .k-link,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-ie11 .k-pager-numbers .k-current-page .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-safari .k-pager-numbers .k-current-page .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-webkit .k-pager-numbers .k-current-page .k-link,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    background-image: none;
    background-position: 50% 50%;
    background-color: #fafafa;
    border-color: #e6e6e6;
  }
  .k-ff .k-pager-numbers .k-current-page .k-link,
  .k-ie11 .k-pager-numbers .k-current-page .k-link,
  .k-safari .k-pager-numbers .k-current-page .k-link,
  .k-webkit .k-pager-numbers .k-current-page .k-link {
    border-color: #ccc;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    border-radius: 2px;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li {
    border-radius: 0;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view {
    border-radius: 1px 1px 0 0;
  }
  .k-ff .k-scheduler-toolbar > ul li:first-child,
  .k-ff .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
  .k-ie11 .k-scheduler-toolbar > ul li:first-child,
  .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
  .k-safari .k-scheduler-toolbar > ul li:first-child,
  .k-safari .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
  .k-webkit .k-scheduler-toolbar > ul li:first-child,
  .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
    border-radius: 0;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link {
    border-radius: 0 0 1px 1px;
  }
  .k-ff .k-pager-numbers .k-current-page .k-link:hover,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
  .k-ie11 .k-pager-numbers .k-current-page .k-link:hover,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
  .k-safari .k-pager-numbers .k-current-page .k-link:hover,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
  .k-webkit .k-pager-numbers .k-current-page .k-link:hover,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
    border-color: #ebebeb;
    background-image: none;
    background-color: #ebebeb;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
    color: #444;
    min-width: 75px;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link {
    color: #444;
  }
  .k-ff .k-pager-numbers .k-current-page .k-link:after,
  .k-ff .k-scheduler-views > li.k-state-selected > .k-link:after,
  .k-ie11 .k-pager-numbers .k-current-page .k-link:after,
  .k-ie11 .k-scheduler-views > li.k-state-selected > .k-link:after,
  .k-safari .k-pager-numbers .k-current-page .k-link:after,
  .k-safari .k-scheduler-views > li.k-state-selected > .k-link:after,
  .k-webkit .k-pager-numbers .k-current-page .k-link:after,
  .k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    right: .333em;
    width: 1.333em;
    height: 1.333em;
  }
  .k-ff .k-pager-numbers.k-state-expanded,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-ie11 .k-pager-numbers.k-state-expanded,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-safari .k-pager-numbers.k-state-expanded,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-webkit .k-pager-numbers.k-state-expanded,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #ccc;
    background-color: #3f51b5;
    border-radius: 2px 2px 0 0;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    border-width: 1px;
    background-image: none;
    border-radius: 2px;
  }
  .k-ff .k-pager-numbers .k-link,
  .k-ff .k-pager-numbers .k-state-selected,
  .k-ie11 .k-pager-numbers .k-link,
  .k-ie11 .k-pager-numbers .k-state-selected,
  .k-safari .k-pager-numbers .k-link,
  .k-safari .k-pager-numbers .k-state-selected,
  .k-webkit .k-pager-numbers .k-link,
  .k-webkit .k-pager-numbers .k-state-selected {
    border-radius: 1px;
  }
  .k-ff .k-gantt-toolbar > ul.k-gantt-views,
  .k-ie11 .k-gantt-toolbar > ul.k-gantt-views,
  .k-safari .k-gantt-toolbar > ul.k-gantt-views,
  .k-webkit .k-gantt-toolbar > ul.k-gantt-views {
    top: 0;
  }
  .k-ff .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
  .k-ie11 .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
  .k-safari .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
  .k-webkit .k-widget.k-grid .k-pager-nav + .k-pager-numbers {
    position: absolute;
  }
}
.k-button:hover .k-icon,
.k-button:hover .k-tool-icon,
.k-field-actions .k-icon,
.k-gantt-toolbar .k-icon,
.k-grid-toolbar .k-button:hover > .k-i-excel,
.k-grid-toolbar .k-button:hover > .k-i-pdf,
.k-grid-toolbar .k-i-excel,
.k-grid-toolbar .k-i-pdf,
.k-grid-toolbar .k-icon,
.k-grouping-header .k-button-icon:hover > .k-icon.k-group-delete,
.k-grouping-header .k-group-delete,
.k-grouping-header .k-link:hover > .k-icon.k-si-arrow-n,
.k-grouping-header .k-link:hover > .k-icon.k-si-arrow-s,
.k-grouping-header .k-si-arrow-n,
.k-grouping-header .k-si-arrow-s,
.k-notification .k-icon,
.k-pivot-configurator-settings .k-icon:hover,
.k-scheduler-content .k-icon,
.k-scheduler-footer .k-icon,
.k-scheduler-toolbar .k-icon,
.k-splitbar.k-splitbar-horizontal-hover .k-icon,
.k-splitbar.k-splitbar-vertical-hover .k-icon,
.k-state-focused .k-tool-icon,
.k-state-hover .k-tool-icon,
.k-state-selected .k-tool-icon,
.k-textbox:hover > .k-icon,
.k-tool-icon:hover,
.k-window-titlebar .k-icon,
div.k-splitbar.k-state-focused .k-icon {
  opacity: 1;
}
.k-pivot-configurator-settings .k-icon,
.k-splitbar .k-icon,
.k-tool-icon {
  opacity: 0.7;
}
.k-pager-wrap .k-link.k-state-disabled .k-icon {
  opacity: 0.25;
}
.k-button,
.k-button.k-state-focused,
.k-button.k-state-hover,
.k-button:focus,
.k-button:focus:not(.k-state-disabled):not([disabled]),
.k-button:hover {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}
.k-button,
.k-header {
  font-weight: 500;
}
.k-button.k-state-active,
.k-button.k-state-focused,
.k-button:active,
.k-button:focus {
  color: #444;
  background-color: #dbdbdb;
  border-color: #dbdbdb;
}
.k-button.k-state-active:hover,
.k-button:active:hover {
  color: #444;
  border-color: #dbdbdb;
  background-color: #dbdbdb;
  -webkit-box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.3);
  box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.3);
}
.k-button.k-state-active:hover,
.k-button.k-state-hover,
.k-button:active:hover,
.k-button:hover {
  color: #444;
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.k-primary.k-state-active,
.k-primary.k-state-focused,
.k-primary:active,
.k-primary:focus {
  color: #fff;
  border-color: #283593;
  background-image: none;
  background-color: #283593;
  -webkit-box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
}
.k-primary.k-state-active:hover,
.k-primary.k-state-hover,
.k-primary:active:hover,
.k-primary:hover {
  color: #fff;
  border-color: #5c6bc0;
  background-color: #5c6bc0;
}
.k-primary:focus:active:not(.k-state-disabled):not([disabled]),
.k-primary:focus:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
}
.k-primary.k-state-disabled,
.k-primary.k-state-disabled:active,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary,
.k-state-disabled .k-primary:active,
.k-state-disabled .k-primary:hover {
  color: #a8a8a8;
  border-color: #eaeaea;
  background-color: #eaeaea;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-widget .k-button.k-state-active,
.k-widget .k-button:active {
  color: #444;
  background-color: #dbdbdb;
  border-color: #ebebeb;
}
.k-toolbar .k-overflow-anchor.k-state-active,
.k-toolbar .k-overflow-anchor.k-state-border-down {
  background-color: #fff;
}
.k-widget .k-button.k-state-active:hover,
.k-widget .k-button:active:hover {
  color: #444;
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.k-button.k-state-disabled,
.k-button.k-state-disabled:active,
.k-button.k-state-disabled:active:hover,
.k-button.k-state-disabled:hover,
.k-button[disabled],
.k-state-disabled .k-button,
.k-state-disabled .k-button:active,
.k-state-disabled .k-button:hover {
  color: #999;
  border-color: #fafafa;
  background-color: #fafafa;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-dropdown .k-state-default {
  border-color: #fafafa;
  background-image: none;
  background-position: 50% 50%;
  background-color: #fafafa;
}
.k-dropdown,
span.k-colorpicker {
  background-color: #fafafa;
}
.k-textbox {
  background-color: #fafafa;
  border-color: #f0f0f0;
}
.k-combobox,
.k-datepicker,
.k-datetimepicker,
.k-timepicker {
  background-color: #fafafa;
}
.k-picker-wrap.k-state-default > .k-select {
  border-color: #fafafa;
}
.k-datepicker .k-input,
.k-timepicker .k-input {
  background-color: #fafafa;
}
.k-autocomplete.k-state-active .k-input,
.k-numeric-wrap.k-state-active .k-input,
.k-picker-wrap.k-state-active .k-input {
  background-color: #fff;
}
.k-picker-wrap.k-state-focused > .k-select,
.k-picker-wrap.k-state-hover > .k-select {
  border-color: #fff;
}
.k-picker-wrap.k-state-focused .k-input,
.k-picker-wrap.k-state-hover .k-input {
  background-color: #fff;
}
.k-autocomplete.k-state-hover,
.k-dropdown-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-overflow-anchor:hover,
.k-picker-wrap.k-state-hover,
.k-textbox:hover {
  background-color: #fff;
  border-color: #f5f5f5;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-textbox:focus {
  background-color: #ebebeb;
  background-image: none;
  background-position: 50% 50%;
  border-color: #ebebeb;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}
.k-numeric-wrap.k-state-focused > .k-select {
  background-color: #ebebeb;
}
.k-autocomplete.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-multiselect.k-header.k-state-active,
.k-numeric-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-textbox:focus {
  background-color: #fff;
  background-image: none;
  background-position: 50% 50%;
  border-color: #f5f5f5;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}
.k-autocomplete.k-state-disabled,
.k-dropdown-wrap.k-state-disabled,
.k-multiselect.k-header.k-state-disabled,
.k-numeric-wrap.k-state-disabled,
.k-numeric-wrap.k-state-disabled .k-input,
.k-numeric-wrap.k-state-disabled .k-select,
.k-picker-wrap.k-state-disabled {
  background-color: #fafafa;
}
.k-numeric-wrap.k-state-disabled .k-select {
  border-color: #fafafa;
}
.k-numerictextbox .k-select {
  background-color: #fff;
  border-color: #fff;
}
.k-list > .k-state-selected.k-state-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #3f51b5;
}
.k-list > .k-state-selected {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-list > .k-state-focused {
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-list > .k-state-hover,
.k-list > .k-state-selected.k-state-hover {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.k-list-container {
  border-color: #ebebeb;
}
.k-grid td.k-state-focused.k-state-selected {
  -webkit-box-shadow: inset 0 0 0 1px grey;
  box-shadow: inset 0 0 0 1px grey;
}
.k-calendar td.k-state-focused,
.k-calendar td.k-state-selected.k-state-focused {
  -webkit-box-shadow: inset 0 0 0 1px grey;
  box-shadow: inset 0 0 0 1px grey;
}
.k-calendar td.k-state-selected {
  background-color: #00b0ff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-calendar td.k-state-selected.k-state-hover {
  background-color: #00a2eb;
}
.k-calendar .k-state-selected > .k-link {
  color: #fff;
}
.k-calendar .k-header .k-link {
  color: #fff;
}
.k-calendar .k-footer {
  border-color: #e6e6e6;
}
.k-calendar td {
  border-radius: 50%;
}
.k-calendar .k-content th {
  background-color: #fff;
}
.k-calendar .k-header .k-state-hover {
  background-color: #32408f;
}
.k-calendar .k-footer .k-nav-today {
  color: #3f51b5;
}
.k-calendar .k-nav-fast.k-state-hover {
  border-radius: 0;
}
.k-calendar .k-today {
  background-color: #3f51b5;
}
.k-calendar .k-today .k-link {
  color: #fff;
}
.k-calendar .k-today.k-state-hover {
  background-color: #32408f;
}
.k-calendar .k-today:active {
  -webkit-box-shadow: inset 0 0 0 1px #2b387c;
  box-shadow: inset 0 0 0 1px #2b387c;
}
.k-calendar .k-link.k-state-hover,
.k-window-titlebar .k-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-window-titlebar .k-state-hover {
  background-color: #5c6bc0;
  border-color: #5c6bc0;
}
.k-tabstrip > .k-tabstrip-items > .k-item {
  border-radius: 0;
}
.k-panelbar .k-tabstrip-items .k-state-active,
.k-tabstrip-items .k-state-active {
  background-color: #3f51b5;
  background-image: none;
  border-color: #00b0ff;
}
.k-tabstrip .k-content.k-state-active {
  border-color: transparent;
}
.k-tabstrip-items .k-item.k-state-hover {
  background: #5c6bc0;
  border-color: #5c6bc0;
}
.k-tabstrip-items .k-state-hover .k-link {
  color: #fff;
}
.k-flatcolorpicker.k-group,
.k-group,
.k-menu,
.k-menu .k-group,
.k-popup.k-widget.k-context-menu {
  color: #444;
  background-color: #fff;
}
.k-menu .k-group,
.k-popup.k-context-menu.k-group {
  border-color: #e6e6e6;
}
.k-menu .k-item,
.k-menu.k-header,
.k-widget.k-menu-horizontal > .k-item {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-menu .k-state-active,
.k-popup.k-context-menu.k-group .k-state-hover {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.k-toolbar {
  background-color: #fafafa;
  border-color: #e6e6e6;
}
.k-toolbar .k-toggle-button:focus {
  background-color: transparent;
  border-color: #b3b3b3;
}
.k-toolbar .k-toggle-button:hover {
  background-color: #ebebeb;
}
.k-toolbar .k-toggle-button.k-state-active {
  color: #fff;
  background-color: #3f51b5;
  border-color: #3f51b5;
}
.k-toolbar .k-toggle-button.k-state-active:focus {
  background-color: #3f51b5;
  border-color: #2b387c;
}
.k-toolbar .k-toggle-button.k-state-active:hover {
  color: #fff;
  background-color: #32408f;
  border-color: #32408f;
}
.k-toolbar .k-button {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-gantt-toolbar .k-button,
.k-gantt > .k-header .k-link,
.k-gantt > .k-header li,
.k-grid .k-header .k-button,
.k-scheduler .k-header .k-button,
.k-scheduler .k-header .k-link,
.k-scheduler .k-header li,
.km-pane-wrapper .k-header .k-button {
  color: #fff;
  background-color: #3f51b5;
  border-color: #3f51b5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-gantt .k-gantt-toolbar .k-button:hover,
.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover,
.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link,
.k-grid .k-header .k-button:hover,
.k-scheduler .k-header .k-button:hover,
.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover,
.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link,
.km-pane-wrapper .k-header .k-button:hover {
  background-color: #5c6bc0;
  border-color: #5c6bc0;
}
.km-pane-wrapper .k-header .k-button:active:hover {
  color: #fff;
}
.k-gantt-toolbar .k-button,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover {
  background-color: #3f51b5;
  border-color: #3f51b5;
}
.k-gantt .k-gantt-toolbar .k-button:active {
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-selected.k-state-hover,
.k-gantt-toolbar > .k-gantt-views > li.k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover,
.k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected {
  border-bottom-color: #00b0ff;
}
.k-scheduler-mark {
  border-radius: 50%;
}
.k-grid .k-alt {
  background-color: #fff;
}
.k-grouping-row td,
.k-resize-handle-inner,
td.k-group-cell {
  color: #444;
  background-color: #fafafa;
}
.k-grouping-header .k-group-indicator,
.k-pivot-toolbar .k-button {
  color: #fff;
  background-color: #32408f;
  border-color: #32408f;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-grid-footer,
.k-grid-footer td,
.k-grid-header,
.k-grid-header .k-header,
.k-pager-numbers .k-state-selected,
.k-pager-wrap,
.k-scheduler-header,
.km-pane-wrapper .k-grid-header .k-header {
  color: #444;
  background-color: #fafafa;
}
.k-header.k-scheduler-footer .k-header,
.k-header.k-scheduler-footer ul.k-header li .k-link {
  color: #00b0ff;
  background-color: #fafafa;
}
.k-header.k-scheduler-footer ul.k-header li {
  background-color: #fafafa;
  border-color: #fafafa;
}
.k-gantt-toolbar .k-state-default,
.k-grid .k-grouping-header,
.k-grid-footer td,
.k-grid-header,
.k-grid-header-wrap,
.k-group-footer td,
.k-grouping-row td,
.k-header,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-wrap .k-textbox {
  border-color: #e6e6e6;
}
.k-fieldselector .k-item.k-header,
.k-footer-template td,
.k-group-footer td {
  color: #444;
  background-color: #fafafa;
}
.k-grid .k-grouping-header {
  color: rgba(255, 255, 255, 0.5);
}
.k-editor-toolbar,
.k-pager-wrap {
  color: #444;
}
.k-grouping-header .k-link,
.k-grouping-header .k-link:link {
  color: #fff;
}
.k-gantt .k-treelist .k-alt.k-state-selected,
.k-gantt .k-treelist .k-alt.k-state-selected > td,
.k-gantt .k-treelist .k-state-selected,
.k-gantt .k-treelist .k-state-selected td,
.k-grid td.k-state-selected,
.k-grid td.k-state-selected.k-state-focused,
.k-grid tr.k-state-selected,
.k-listview > .k-state-selected,
.k-marquee-color,
.k-scheduler .k-today.k-state-selected,
.k-scheduler-layout .k-state-selected,
.k-state-selected.k-line {
  background-color: #00b0ff;
}
.k-state-selected.k-line {
  color: #00b0ff;
}
.k-grid td.k-state-selected,
.k-grid tr.k-state-selected,
.k-listview > .k-state-selected,
.k-state-selected .k-progress-status {
  color: #fff;
}
.k-grid tr:hover {
  background-color: #ebebeb;
}
.k-pivot-rowheaders .k-grid tr:hover {
  background: 0 0;
}
.k-grid td.k-state-selected,
.k-grid tr.k-state-selected > td {
  border-color: #008dcc;
}
.k-grid td.k-state-selected:hover,
.k-grid tr.k-state-selected:hover td {
  background-color: #00a2eb;
}
.k-grid-header .k-header,
.k-grid-header .k-header .k-link,
.k-grid-header .k-link,
.k-grid-header .k-link:link,
.k-pager-info,
.k-scheduler-agendaview .k-scheduler-datecolumn,
.k-scheduler-header {
  color: #a8a8a8;
}
.k-gantt .k-task-draghandle {
  border-color: #00b0ff;
}
.k-grid-pager .k-link,
.k-grid-pager .k-link:link {
  color: #444;
}
.k-pager-numbers .k-link,
.k-pager-wrap > .k-link {
  border-radius: 0;
}
.k-pager-numbers .k-state-selected {
  border-color: #3f51b5 transparent transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #3f51b5;
}
.k-pager-wrap .k-link {
  border-color: #fafafa;
  cursor: pointer;
}
.k-pager-wrap .k-link:hover {
  background-color: transparent;
  border-color: transparent;
}
.k-gantt-toolbar li:first-child,
.k-gantt-toolbar li:first-child > .k-link,
.k-gantt-toolbar li:last-child,
.k-gantt-toolbar li:last-child > .k-link,
.k-scheduler-toolbar .k-nav-next,
.k-scheduler-toolbar .k-nav-next .k-link,
.k-scheduler-toolbar ul + ul li:last-child,
.k-scheduler-toolbar ul + ul li:last-child .k-link,
.k-scheduler-toolbar > ul li:first-child,
.k-scheduler-toolbar > ul li:first-child .k-link {
  border-radius: 0;
}
.k-grid,
.k-notification,
.k-panelbar,
.k-popup .k-autocomplete.k-state-focused,
.k-popup .k-autocomplete.k-state-hover,
.k-popup .k-dropdown-wrap.k-state-focused,
.k-popup .k-dropdown-wrap.k-state-hover,
.k-popup .k-multiselect.k-header.k-state-focused,
.k-popup .k-numeric-wrap.k-state-focused,
.k-popup .k-numeric-wrap.k-state-hover,
.k-popup .k-picker-wrap.k-state-focused,
.k-popup .k-picker-wrap.k-state-hover,
.k-popup .k-textbox:focus,
.k-popup .k-textbox:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-panel > li.k-item,
.k-panelbar,
.k-panelbar .k-content,
.k-panelbar .k-header,
.k-panelbar .k-state-selected {
  background-color: #fafafa;
}
.k-panelbar .k-grid-toolbar {
  background-color: #3f51b5;
}
.k-panelbar > li.k-state-default > .k-link {
  color: #444;
}
.k-panelbar > li > .k-state-hover {
  background-color: #ebebeb;
}
.k-panelbar .k-content,
.k-panelbar .k-item,
.k-panelbar .k-panel,
.k-panelbar.k-header,
.k-panelbar > .k-item > .k-link {
  border-color: #e6e6e6;
}
.k-splitbar {
  border-color: #fafafa;
}
.k-splitbar.k-state-focused {
  background-color: #3f51b5;
  border-color: #3f51b5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-upload {
  color: #444;
  background-color: #fff;
}
.k-upload-files .k-button,
.k-upload-files .k-button:focus,
.k-upload-files .k-button:focus:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-state-selected .k-task-summary-complete,
.k-state-selected.k-task-milestone,
.k-task-milestone,
.k-task-summary-complete {
  background-color: #3f51b5;
  border-color: #3f51b5;
}
.k-task-single {
  background-color: #66d0ff;
}
.k-task-complete {
  background: #00b0ff 0 -257px none repeat-x;
}
.k-treelist .k-alt.k-state-selected,
.k-treelist .k-alt.k-state-selected > td,
.k-treelist .k-state-selected,
.k-treelist .k-state-selected td {
  background-color: #00b0ff;
  border-color: #00b0ff;
}
.k-gantt-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-gantt-toolbar .k-button:focus:not(.k-state-disabled):not([disabled]),
.k-group-indicator .k-button,
.k-group-indicator .k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-group-indicator .k-button:focus:not(.k-state-disabled):not([disabled]),
.k-multiselect .k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-toolbar .k-button.k-state-active:hover,
.k-toolbar .k-button:active:hover,
.k-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-toolbar .k-button:focus:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-multiselect .k-button:active:hover {
  color: #444;
  background-color: #dbdbdb;
  border-color: #dbdbdb;
}
.k-multiselect-wrap > ul > .k-button {
  -webkit-box-shadow: none;
  box-shadow: none;
}
table.k-editor {
  border-color: #e6e6e6;
}
.editorToolbarWindow.k-header,
.k-editor.k-header,
.k-filebrowser .k-header {
  background-color: #fafafa;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-filebrowser .k-header {
  color: #444;
}
.k-editor-toolbar .k-tool,
.k-group-start.k-group-end.k-tool {
  border-color: #fafafa;
}
.k-editor-toolbar .k-dropdown,
.k-panelbar > li > .k-state-focused,
.k-treeview .k-state-focused,
.k-treeview .k-state-selected {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-panelbar > li > .k-state-focused,
.k-treeview .k-state-focused {
  background-color: #ebebeb;
}
.k-editor-toolbar .k-dropdown-wrap.k-state-default,
.k-toolbar .k-dropdown-wrap.k-state-default {
  border-color: #fafafa;
}
.k-editor-toolbar .k-dropdown-wrap.k-state-hover,
.k-editor-toolbar .k-tool.k-state-hover,
.k-toolbar .k-dropdown-wrap.k-state-hover,
.k-toolbar .k-tool.k-state-hover {
  color: #444;
  border-color: #ebebeb;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-editor-toolbar .k-tool.k-state-selected,
.k-toolbar .k-button-group .k-button.k-state-active {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #dbdbdb;
  border-color: #dbdbdb;
}
.k-editor-toolbar .k-tool.k-state-hover,
.k-toolbar .k-button-group .k-button:hover {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.k-progressbar {
  background-color: #fafafa;
  border-color: #fafafa;
}
.k-progressbar .k-item,
.k-progressbar .k-item.k-state-selected {
  border-color: #fff;
}
.k-progressbar .k-state-selected {
  background-color: #3f51b5;
  border-color: #3f51b5;
}
.k-widget.k-tooltip-validation {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-grid.k-alt {
  background-color: #fafafa;
}
.k-gantt .k-header.k-nonwork-hour,
.k-gantt .k-treelist .k-alt {
  background-color: #fafafa;
}
.k-list > .k-state-focused,
.k-list > .k-state-hover {
  color: #444;
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.k-slider-track {
  background-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-slider-selection {
  background-color: #3f51b5;
  border-color: #3f51b5;
}
.k-slider .k-button,
.k-slider .k-button.k-state-hover,
.k-slider .k-button:active,
.k-slider .k-button:active:hover,
.k-slider .k-button:focus {
  background: 0 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-draghandle,
.k-flatcolorpicker .k-slider-horizontal .k-slider-track {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-flatcolorpicker .k-hue-slider .k-draghandle,
.k-flatcolorpicker .k-transparency-slider .k-draghandle {
  border-color: #3f51b5;
  background-color: #3f51b5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
.k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
  border-color: #3f51b5;
  background-color: #3f51b5;
  -webkit-box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3);
  box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3);
}
.k-draghandle.k-state-selected,
.k-draghandle.k-state-selected:hover,
.k-draghandle.k-state-selected:link,
.k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected,
.k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-selected {
  background-color: #ccc;
  border-color: #ccc;
}
.k-draghandle.k-state-focused,
.k-draghandle.k-state-focused:link,
.k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-focused,
.k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #3f51b5;
  background-color: #3f51b5;
}
.k-edit-form-container .k-edit-buttons {
  background-color: #fafafa;
}
.k-popup .k-button,
.k-popup .k-button:active:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-edit-form-container .k-button,
.k-edit-form-container .k-primary:active,
.k-popup .k-button,
.k-popup .k-primary:active,
.k-popup .k-primary:active:hover {
  color: #444;
  background-color: #fafafa;
  border-color: #fafafa;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-edit-form-container .k-primary,
.k-popup .k-primary {
  color: #00b0ff;
  background-color: #fafafa;
  border-color: #fafafa;
}
.k-filter-menu .k-button,
.k-overflow-container .k-button,
.k-split-wrapper .k-button {
  background: 0 0;
  border-color: transparent;
}
.k-overflow-container .k-button,
.k-split-wrapper .k-button {
  text-transform: none;
}
.k-overflow-container .k-button:hover,
.k-split-wrapper .k-button:hover {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.k-overflow-container .k-button:focus,
.k-overflow-container .k-button:focus:not(.k-state-disabled):not([disabled]),
.k-split-wrapper .k-button:focus,
.k-split-wrapper .k-button:focus:not(.k-state-disabled):not([disabled]) {
  color: #3f51b5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-filter-menu .k-button {
  background: 0 0;
  border-color: transparent;
}
.k-filter-menu .k-primary {
  border-left-color: #f0f0f0;
}
.k-filter-menu > div > div:last-child {
  border-color: #f0f0f0;
}
.k-edit-form-container .k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-popup .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-edit-form-container .k-scheduler-delete {
  color: #00b0ff;
}
div.k-scheduler-marquee:after,
div.k-scheduler-marquee:before {
  border-color: #00b0ff;
}
.km-pane-wrapper > .km-pane > .km-view > .km-content {
  color: #3f51b5;
  background-color: #fff;
}
.km-pane-wrapper > .km-pane .km-content .k-mobile-list > ul > li > .k-link {
  color: #3f51b5;
}
.k-popup.k-context-menu {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.k-drag-clue {
  color: #444;
  background-color: #ebebeb;
  border-color: #ebebeb;
  -webkit-box-shadow: inset 0 0 0 1px grey;
  box-shadow: inset 0 0 0 1px grey;
}
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
  color: #444;
}
.k-popup .k-item > .k-group {
  color: #444;
}
@media only screen and (max-width: 370px) {
  .k-ff .k-pager-refresh,
  .k-ie11 .k-pager-refresh,
  .k-safari .k-pager-refresh,
  .k-webkit .k-pager-refresh {
    display: none;
  }
}
@media only screen and (max-width: 590px) {
  .k-ff .k-pager-refresh,
  .k-ie11 .k-pager-refresh,
  .k-safari .k-pager-refresh,
  .k-webkit .k-pager-refresh {
    margin-right: 0;
  }
}
@media only screen and (max-width: 530px) {
  .k-ff .k-pager-sizes,
  .k-ie11 .k-pager-sizes,
  .k-safari .k-pager-sizes,
  .k-webkit .k-pager-sizes {
    display: none;
  }
}
@media only screen and (max-width: 687px) {
  .k-ff .k-pager-info,
  .k-ie11 .k-pager-info,
  .k-safari .k-pager-info,
  .k-webkit .k-pager-info {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views {
    right: 13px;
    top: 0;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
    background-image: none;
    background-position: 50% 50%;
    background-color: transparent;
    border-color: transparent;
    border-radius: 2px;
    text-align: right;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li {
    border-radius: 0;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view {
    border-radius: 1px 1px 0 0;
  }
  .k-ff .k-scheduler-toolbar > ul li:first-child,
  .k-ff .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
  .k-ie11 .k-scheduler-toolbar > ul li:first-child,
  .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
  .k-safari .k-scheduler-toolbar > ul li:first-child,
  .k-safari .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
  .k-webkit .k-scheduler-toolbar > ul li:first-child,
  .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
    border-radius: 0;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link {
    border-radius: 0 0 1px 1px;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
    border-color: transparent;
    background-image: none;
    background-color: transparent;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
    color: #fff;
    min-width: 20px;
  }
  .k-ff .k-scheduler-views > li.k-state-selected > .k-link:after,
  .k-ie11 .k-scheduler-views > li.k-state-selected > .k-link:after,
  .k-safari .k-scheduler-views > li.k-state-selected > .k-link:after,
  .k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    right: .333em;
    width: 1.333em;
    height: 1.333em;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: transparent;
    background-color: #3f51b5;
    border-radius: 2px 2px 0 0;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    border-width: 1px;
    background-image: none;
    border-radius: 2px;
  }
  .k-ff .k-pager-input,
  .k-ff .k-pager-wrap .k-pager-nav,
  .k-ie11 .k-pager-input,
  .k-ie11 .k-pager-wrap .k-pager-nav,
  .k-safari .k-pager-input,
  .k-safari .k-pager-wrap .k-pager-nav,
  .k-webkit .k-pager-input,
  .k-webkit .k-pager-wrap .k-pager-nav {
    display: inline-block;
    vertical-align: top;
  }
  .k-ff .k-grid .k-pager-numbers,
  .k-ff .k-pager-numbers,
  .k-ie11 .k-grid .k-pager-numbers,
  .k-ie11 .k-pager-numbers,
  .k-safari .k-grid .k-pager-numbers,
  .k-safari .k-pager-numbers,
  .k-webkit .k-grid .k-pager-numbers,
  .k-webkit .k-pager-numbers {
    position: relative;
    left: 5.6em;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    overflow: visible;
    height: auto;
  }
  .k-ff .k-grid .k-pager-numbers.k-state-expanded,
  .k-ff .k-pager-numbers.k-state-expanded,
  .k-ie11 .k-grid .k-pager-numbers.k-state-expanded,
  .k-ie11 .k-pager-numbers.k-state-expanded,
  .k-safari .k-grid .k-pager-numbers.k-state-expanded,
  .k-safari .k-pager-numbers.k-state-expanded,
  .k-webkit .k-grid .k-pager-numbers.k-state-expanded,
  .k-webkit .k-pager-numbers.k-state-expanded {
    -webkit-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    transform: translatey(-100%);
  }
  .k-ff .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-ff .km-pane-wrapper .k-pager-numbers,
  .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-ie11 .km-pane-wrapper .k-pager-numbers,
  .k-safari .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-safari .km-pane-wrapper .k-pager-numbers,
  .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-webkit .km-pane-wrapper .k-pager-numbers {
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
  }
  .k-ff .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
  .k-ff .km-pane-wrapper .k-pager-numbers.k-state-expanded,
  .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
  .k-ie11 .km-pane-wrapper .k-pager-numbers.k-state-expanded,
  .k-safari .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
  .k-safari .km-pane-wrapper .k-pager-numbers.k-state-expanded,
  .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
  .k-webkit .km-pane-wrapper .k-pager-numbers.k-state-expanded {
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
  .k-ff .km-pane-wrapper .k-pager-numbers .k-link,
  .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected,
  .k-ff .km-pane-wrapper .k-pager-wrap > .k-link,
  .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info,
  .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link,
  .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected,
  .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link,
  .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info,
  .k-safari .km-pane-wrapper .k-pager-numbers .k-link,
  .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected,
  .k-safari .km-pane-wrapper .k-pager-wrap > .k-link,
  .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info,
  .k-webkit .km-pane-wrapper .k-pager-numbers .k-link,
  .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected,
  .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link,
  .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info {
    padding-top: 0;
    padding-bottom: 0;
  }
  .k-ff .k-rtl .k-grid .k-pager-numbers,
  .k-ff .k-rtl .k-pager-numbers,
  .k-ie11 .k-rtl .k-grid .k-pager-numbers,
  .k-ie11 .k-rtl .k-pager-numbers,
  .k-safari .k-rtl .k-grid .k-pager-numbers,
  .k-safari .k-rtl .k-pager-numbers,
  .k-webkit .k-rtl .k-grid .k-pager-numbers,
  .k-webkit .k-rtl .k-pager-numbers {
    right: 5.6em;
    width: 5.15em;
  }
  .k-ff .k-grid .k-pager-numbers .k-current-page,
  .k-ff .k-pager-numbers .k-current-page,
  .k-ie11 .k-grid .k-pager-numbers .k-current-page,
  .k-ie11 .k-pager-numbers .k-current-page,
  .k-safari .k-grid .k-pager-numbers .k-current-page,
  .k-safari .k-pager-numbers .k-current-page,
  .k-webkit .k-grid .k-pager-numbers .k-current-page,
  .k-webkit .k-pager-numbers .k-current-page {
    display: block;
    border-left: 0;
  }
  .k-ff .k-pager-numbers li:not(.k-current-page),
  .k-ie11 .k-pager-numbers li:not(.k-current-page),
  .k-safari .k-pager-numbers li:not(.k-current-page),
  .k-webkit .k-pager-numbers li:not(.k-current-page) {
    display: none;
  }
  .k-ff .k-pager-numbers .k-current-page .k-link,
  .k-ie11 .k-pager-numbers .k-current-page .k-link,
  .k-safari .k-pager-numbers .k-current-page .k-link,
  .k-webkit .k-pager-numbers .k-current-page .k-link {
    width: 3.8em;
    line-height: 2.564em;
    padding: 0 .429em 0 .8em;
    border-radius: 2px;
    background-image: none;
    background-position: 50% 50%;
    background-color: #fafafa;
    border: 1px solid transparent;
    border-top: 0;
    -webkit-box-shadow: 0 2px 2px 0 #fafafa;
    box-shadow: 0 2px 2px 0 #fafafa;
  }
  .k-ff .k-pager-numbers .k-current-page:hover .k-link,
  .k-ie11 .k-pager-numbers .k-current-page:hover .k-link,
  .k-safari .k-pager-numbers .k-current-page:hover .k-link,
  .k-webkit .k-pager-numbers .k-current-page:hover .k-link {
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-top: 0;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
  }
  .k-ff .k-pager-numbers .k-current-page .k-link:after,
  .k-ie11 .k-pager-numbers .k-current-page .k-link:after,
  .k-safari .k-pager-numbers .k-current-page .k-link:after,
  .k-webkit .k-pager-numbers .k-current-page .k-link:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -0.6em;
    right: .6em;
    width: 1.333em;
    height: 1.333em;
    background-position: 0 -30px;
  }
  .k-ff .k-pager-numbers + .k-link,
  .k-ie11 .k-pager-numbers + .k-link,
  .k-safari .k-pager-numbers + .k-link,
  .k-webkit .k-pager-numbers + .k-link {
    margin-left: 5.4em;
  }
  .k-ff .k-rtl .k-pager-numbers + .k-link,
  .k-ie11 .k-rtl .k-pager-numbers + .k-link,
  .k-safari .k-rtl .k-pager-numbers + .k-link,
  .k-webkit .k-rtl .k-pager-numbers + .k-link {
    margin-right: 5.4em;
    margin-left: 0;
  }
  .k-ff .k-pager-wrap .k-pager-numbers .k-link,
  .k-ff .k-pager-wrap .k-pager-numbers .k-state-selected,
  .k-ie11 .k-pager-wrap .k-pager-numbers .k-link,
  .k-ie11 .k-pager-wrap .k-pager-numbers .k-state-selected,
  .k-safari .k-pager-wrap .k-pager-numbers .k-link,
  .k-safari .k-pager-wrap .k-pager-numbers .k-state-selected,
  .k-webkit .k-pager-wrap .k-pager-numbers .k-link,
  .k-webkit .k-pager-wrap .k-pager-numbers .k-state-selected {
    display: block;
    margin-top: 0;
    margin-right: 0;
    padding: 1px 5px 1px .8em;
    text-align: left;
    border-top: 0;
  }
  .k-ff .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover,
  .k-ie11 .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover,
  .k-safari .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover,
  .k-webkit .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover {
    background-color: #ebebeb;
  }
  .k-ff .k-pager-numbers.k-state-expanded,
  .k-ie11 .k-pager-numbers.k-state-expanded,
  .k-safari .k-pager-numbers.k-state-expanded,
  .k-webkit .k-pager-numbers.k-state-expanded {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px 0 0;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #ebebeb;
    background-color: #fff;
    border-radius: 2px 2px 0 0;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .k-ff .k-pager-numbers.k-state-expanded .k-current-page,
  .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
  .k-safari .k-pager-numbers.k-state-expanded .k-current-page,
  .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
    margin: -2.2em -1px 0;
    padding: 0;
  }
  .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link,
  .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link,
  .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link,
  .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link {
    border-radius: 0 0 2px 2px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-top: 0;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .k-ff .k-pager-numbers.k-state-expanded li,
  .k-ie11 .k-pager-numbers.k-state-expanded li,
  .k-safari .k-pager-numbers.k-state-expanded li,
  .k-webkit .k-pager-numbers.k-state-expanded li {
    display: inline-block;
  }
}
@media only screen and (max-width: 755px) {
  .k-ff .k-pager-info,
  .k-ie11 .k-pager-info,
  .k-safari .k-pager-info,
  .k-webkit .k-pager-info {
    display: none;
  }
}
@media only screen and (max-width: 572px) {
  .k-ff .k-pager-sizes,
  .k-ie11 .k-pager-sizes,
  .k-safari .k-pager-sizes,
  .k-webkit .k-pager-sizes {
    display: none;
  }
}
.k-chart .k-mask {
  background-color: #fff;
  filter: alpha(opacity=68);
  opacity: 0.68;
}
.k-chart .k-selection {
  border-color: #e5e5e5;
}
.k-chart .k-handle {
  width: 15px;
  height: 15px;
  background-color: #3f51b5;
  border-radius: 10px;
}
.k-chart .k-leftHandle {
  left: -8px;
}
.k-chart .k-rightHandle {
  right: -8px;
}
.k-chart .k-handle:hover {
  background-color: #00b0ff;
  border-color: #00b0ff;
}
.k-chart .k-navigator-hint .k-tooltip {
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
  background: #fff;
  color: #242424;
}
.k-chart .k-navigator-hint .k-scroll {
  background: #3f51b5;
  height: 4px;
}
.k-chart-tooltip {
  background-image: none;
}
.k-map .k-marker {
  background-image: url(Material/markers.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .k-map .k-marker {
    background-image: url(Material/markers_2x.png);
  }
}
.k-map .k-attribution {
  color: #666;
}
.k-map .k-shadow {
  background-color: #f9f9f9;
  border-color: #f9f9f9;
}
.k-map .k-zoom-control {
  border-color: #fff;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.k-map .k-map-controls .k-button {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-map .k-map-controls .k-button:active,
.k-map .k-map-controls .k-button:focus,
.k-map .k-map-controls .k-button:focus:active {
  background-color: #d6d6d6;
  border-color: #d6d6d6;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-buttons-horizontal .k-zoom-out {
  border-radius: 0 2px 2px 0;
}
.k-buttons-horizontal :first-child {
  border-radius: 2px 0 0 2px;
}
.k-rtl .k-buttons-horizontal .k-zoom-out {
  border-radius: 2px 0 0 2px;
}
.k-rtl .k-buttons-horizontal :first-child {
  border-radius: 0 2px 2px 0;
}
.k-button-wrap .k-button {
  font-size: 21px;
  padding: 7px 13px;
}
.k-spreadsheet-column-header,
.k-spreadsheet-row-header {
  background-color: #fff;
}
.k-spreadsheet-column-header,
.k-spreadsheet-row-header,
.k-spreadsheet-top-corner {
  background-color: #fff;
  background-image: none;
  color: #000;
  border-color: #ccc;
}
.k-spreadsheet-top-corner {
  border-color: #ccc;
}
.k-spreadsheet-top-corner:after {
  border-color: transparent #ccc #ccc transparent;
}
.k-spreadsheet-pane {
  border-color: #ccc;
}
.k-spreadsheet-pane .k-spreadsheet-haxis,
.k-spreadsheet-pane .k-spreadsheet-vaxis {
  border-color: #e6e6e6;
}
.k-spreadsheet-pane .k-spreadsheet-column-header,
.k-spreadsheet-pane .k-spreadsheet-row-header {
  border-color: #ccc;
}
.k-spreadsheet-pane .k-spreadsheet-merged-cell {
  background-color: #fff;
}
.k-spreadsheet-pane .k-selection-full,
.k-spreadsheet-pane .k-selection-partial {
  border-color: rgba(0, 176, 255, 0.2);
  background-color: rgba(0, 176, 255, 0.2);
}
.k-spreadsheet-pane .k-filter-range {
  border-color: #00b0ff;
}
.k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full,
.k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial {
  border-bottom-color: #00b0ff;
}
.k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full,
.k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial {
  border-right-color: #00b0ff;
}
.k-auto-fill,
.k-spreadsheet-selection {
  border-color: #00b0ff;
  -webkit-box-shadow: inset 0 0 0 1px #fff,0 0 0 1px #00b0ff;
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #00b0ff;
}
.k-spreadsheet-selection {
  background-color: rgba(0, 176, 255, 0.2);
}
.k-spreadsheet-active-cell {
  border-color: #00b0ff!important;
  background-color: #fff;
}
.k-spreadsheet-active-cell.k-single {
  background-color: #fff;
}
.k-spreadsheet > .k-spreadsheet-formula-bar {
  background-color: #fff;
  border-color: #fff #fff #ccc;
}
.k-spreadsheet > .k-spreadsheet-formula-bar:before {
  border-color: #ccc;
}
.k-spreadsheet > .k-spreadsheet-formula-bar:after {
  border-color: #fff;
}
.k-spreadsheet .k-spreadsheet-formula-input {
  background-color: #fff;
  color: #444;
}
.k-spreadsheet .k-resize-handle,
.k-spreadsheet .k-resize-hint-handle,
.k-spreadsheet .k-resize-hint-marker {
  background-color: #00b0ff;
}
.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle,
.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker {
  background-color: #00b0ff;
}
.k-spreadsheet .k-single-selection::after {
  background-color: #00b0ff;
  border-color: #fff;
}
.k-spreadsheet .k-auto-fill-punch {
  background-color: rgba(255, 255, 255, 0.5);
}
.k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after {
  background-color: rgba(0, 176, 255, 0.5);
}
.k-spreadsheet-format-cells .k-spreadsheet-preview {
  border-color: #e6e6e6;
}
.k-spreadsheet-filter {
  border-radius: 2px;
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #e6e6e6;
  box-shadow: inset 0 0 0 1px #e6e6e6;
}
.k-spreadsheet-filter.k-state-active {
  color: #3f51b5;
  background-color: #00b0ff;
}
.k-spreadsheet-filter:hover {
  color: #444;
  background: #ebebeb;
  border-color: #d7d7d7;
}
.k-action-window .k-action-buttons {
  border-color: #e6e6e6;
}
.k-spreadsheet-sample {
  color: #919191;
}
.k-state-selected .k-spreadsheet-sample {
  color: inherit;
}
.k-spreadsheet-window .k-list,
.k-spreadsheet-window .k-list-wrapper {
  border-color: #e6e6e6;
  border-radius: 2px;
}
.k-spreadsheet-window .export-config,
.k-spreadsheet-window .k-edit-field > .k-orientation-label {
  border-color: #e6e6e6;
}
.k-spreadsheet-window .k-edit-field > input[type=radio]:checked + .k-orientation-label {
  background-image: none;
  background-color: #3f51b5;
  color: #6776ca;
}
.k-spreadsheet-window .k-page-orientation {
  border-color: #e6e6e6;
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}
.k-spreadsheet-window .k-page-orientation:before {
  background: #fff;
  border-color: transparent;
  border-bottom-color: #e6e6e6;
  border-left-color: #e6e6e6;
}
.k-spreadsheet-window .k-margins-horizontal,
.k-spreadsheet-window .k-margins-vertical {
  background: 0 0;
  border-color: #e6e6e6;
}
.k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button {
  border-radius: 2px;
}
.k-spreadsheet-toolbar > .k-button,
.k-spreadsheet-toolbar > .k-button-group,
.k-spreadsheet-toolbar > .k-widget {
  border-radius: 2px;
}
.k-spreadsheet-toolbar > .k-separator {
  border-color: #e6e6e6;
}
.k-spreadsheet-toolbar .k-overflow-anchor {
  border-radius: 0;
}
.k-spreadsheet-popup {
  border-radius: 2px;
}
.k-spreadsheet-popup .k-separator {
  background-color: #e6e6e6;
}
.k-spreadsheet-popup .k-button {
  background-color: transparent;
}
.k-spreadsheet-popup .k-button:hover {
  background-color: #ebebeb;
}
.k-spreadsheet-popup .k-state-active {
  background-color: #00b0ff;
  color: #fff;
}
.k-spreadsheet-popup .k-state-active:hover {
  background-color: #008dcc;
}
.k-spreadsheet-filter-menu .k-details {
  border-color: #e6e6e6;
}
.k-spreadsheet-filter-menu .k-details-content .k-space-right {
  background-color: #fff;
}
.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
  background-color: #fff;
  border-color: #e6e6e6;
  border-radius: 2px 0 0 2px;
}
.k-syntax-ref {
  color: #f82;
}
.k-syntax-num {
  color: #09f;
}
.k-syntax-func {
  font-weight: 700;
}
.k-syntax-str {
  color: #38b714;
}
.k-syntax-error {
  color: red;
}
.k-syntax-bool {
  color: #a9169c;
}
.k-syntax-startexp {
  font-weight: 700;
}
.k-syntax-paren-match {
  background-color: #caf200;
}
.k-series-a {
  border-color: #3f51b5;
  background-color: rgba(63, 81, 181, 0.15);
}
.k-series-b {
  border-color: #03a9f4;
  background-color: rgba(3, 169, 244, 0.15);
}
.k-series-c {
  border-color: #4caf50;
  background-color: rgba(76, 175, 80, 0.15);
}
.k-series-d {
  border-color: #f9ce1d;
  background-color: rgba(249, 206, 29, 0.15);
}
.k-series-e {
  border-color: #ff9800;
  background-color: rgba(255, 152, 0, 0.15);
}
.k-series-f {
  border-color: #ff5722;
  background-color: rgba(255, 87, 34, 0.15);
}
.k-spreadsheet-sheets-remove:hover .k-icon {
  color: #c22;
}
.k-spreadsheet-formula-list .k-state-focused {
  background-color: #00b0ff;
  color: #3f51b5;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .k-icon.k-font-icon {
    background-image: none;
  }
}
.k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button,
.k-spreadsheet .k-spreadsheet-sheets-bar .k-button {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-radius: 0;
  line-height: 2.6em;
  width: 3em;
}
.k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button:hover,
.k-spreadsheet .k-spreadsheet-sheets-bar .k-button:hover {
  background-color: #324191;
  border-color: #324191;
}
.k-spreadsheet .k-spreadsheet-sheets-bar .k-button {
  left: 0;
  bottom: 0;
  padding-top: .5em;
  padding-bottom: .5em;
  line-height: 2.2em;
}
.k-spreadsheet .k-spreadsheet-sheets-remove {
  margin: 0 0 0 -1em;
}
.k-spreadsheet-sheets-items .k-state-default .k-link,
.k-spreadsheet-tabstrip .k-state-default .k-link {
  color: #9fa8da;
}
.k-spreadsheet-sheets-items .k-item.k-state-active,
.k-spreadsheet-sheets-items .k-item.k-state-focused,
.k-spreadsheet-sheets-items .k-item.k-state-hover,
.k-spreadsheet-tabstrip .k-item.k-state-active,
.k-spreadsheet-tabstrip .k-item.k-state-focused,
.k-spreadsheet-tabstrip .k-item.k-state-hover {
  background-color: transparent;
}
.k-spreadsheet-sheets-items .k-item.k-state-active .k-link,
.k-spreadsheet-sheets-items .k-item.k-state-focused .k-link,
.k-spreadsheet-sheets-items .k-item.k-state-hover .k-link,
.k-spreadsheet-tabstrip .k-item.k-state-active .k-link,
.k-spreadsheet-tabstrip .k-item.k-state-focused .k-link,
.k-spreadsheet-tabstrip .k-item.k-state-hover .k-link {
  color: #fff;
}
.k-spreadsheet-sheets-items .k-state-active .k-link,
.k-spreadsheet-tabstrip .k-state-active .k-link {
  color: #fff;
}
.k-spreadsheet-toolbar > .k-button:not(.k-overflow-anchor) {
  line-height: 2em;
}
/*# sourceMappingURL=kendo.material.min.css.map */
/** 
 * Copyright 2016 Telerik AD                                                                                                                                                                            
 *                                                                                                                                                                                                      
 * Licensed under the Apache License, Version 2.0 (the "License");                                                                                                                                      
 * you may not use this file except in compliance with the License.                                                                                                                                     
 * You may obtain a copy of the License at                                                                                                                                                              
 *                                                                                                                                                                                                      
 *     http://www.apache.org/licenses/LICENSE-2.0                                                                                                                                                       
 *                                                                                                                                                                                                      
 * Unless required by applicable law or agreed to in writing, software                                                                                                                                  
 * distributed under the License is distributed on an "AS IS" BASIS,                                                                                                                                    
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.                                                                                                                             
 * See the License for the specific language governing permissions and                                                                                                                                  
 * limitations under the License.                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       

*/
@-ms-viewport {
  width: device-width;
  user-zoom: fixed;
  max-zoom: 1;
  min-zoom: 1;
}
@media (orientation: landscape) {
  .km-tablet .km-on-ios.km-horizontal.km-web:not(.km-ios-chrome) {
    position: fixed;
    bottom: 0;
  }
}
.km-root {
  font-size: 0.92em;
}
.km-root.km-retina input,
.km-root.km-retina select,
.km-root.km-retina textarea {
  font-size: 1em;
}
.km-root a {
  color: inherit;
}
.km-tablet {
  font-size: 1em;
}
.km-root :focus {
  outline-width: 0;
}
.km-pane,
.km-pane-wrapper,
.km-root {
  width: 100%;
  height: 100%;
  -ms-touch-action: none;
  -ms-content-zooming: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  overflow-x: hidden;
}
.km-pane-wrapper {
  position: absolute;
}
.km-pane,
.km-shim {
  font-family: sans-serif;
}
.km-pane {
  overflow-x: hidden;
  position: relative;
}
.km-vertical .km-collapsible-pane {
  position: absolute;
  z-index: 2!important;
  -webkit-transition: -webkit-transform 350ms ease-out;
  transition: transform 350ms ease-out;
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.km-vertical .km-expanded-splitview .km-collapsible-pane {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.km-expanded-pane-shim {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.km-expanded-splitview .km-expanded-pane-shim {
  display: block;
  z-index: 1;
}
.km-root > * {
  margin: 0;
  padding: 0;
}
.km-root * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.km-content {
  display: block;
}
.km-split-content,
.km-view {
  top: 0;
  left: 0;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  vertical-align: top;
}
.k-ff .km-pane,
.k-ff .km-view {
  overflow: hidden;
}
.k-ff18 .km-pane,
.k-ff18 .km-view,
.k-ff19 .km-pane,
.k-ff19 .km-view,
.k-ff20 .km-pane,
.k-ff20 .km-view,
.k-ff21 .km-pane,
.k-ff21 .km-view {
  position: relative;
}
.k-ff .km-view {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.km-content {
  min-height: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  flex-align: stretch;
  width: auto;
  overflow: hidden;
  position: relative;
}
.km-content h1,
.km-content h2,
.km-content h3,
.km-content h4,
.km-content h5,
.km-content h6,
.km-content p {
  margin-left: 1rem;
  margin-right: 1rem;
}
.km-footer,
.km-header {
  display: block;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.km-header {
  padding: 0;
}
.km-footer {
  background: #1a1a1a;
}
[data-role=layout] {
  display: none;
}
[data-role=view],
[data-role=drawer],
kendo-mobile-drawer,
kendo-mobile-split-view,
kendo-mobile-view {
  visibility: hidden;
}
.km-view {
  visibility: visible;
}
.km-footer,
.km-header {
  position: relative;
  z-index: 1;
}
@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
  .km-view {
    display: table;
  }
  .km-content,
  .km-footer,
  .km-header {
    display: table-row;
  }
  .km-footer,
  .km-header {
    height: 1px;
  }
}
.km-blackberry li.km-actionsheet-cancel > a,
.km-button,
.km-buttongroup,
.km-navbar,
.km-root .k-toolbar,
.km-tabstrip {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-origin: border-box;
  background-origin: border-box;
  position: relative;
  display: inline-block;
  padding: .4em .7em;
  margin: .1rem;
  overflow: visible;
  text-decoration: none;
}
.km-navbar,
.km-root .k-toolbar,
.km-tabstrip {
  display: block;
  padding: .8em;
  margin: 0;
  width: 100%;
  border-width: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.km-native-scroller {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: pan-x pan-y;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-scroll-snap-type: proximity;
}
.km-default-content {
  padding: 1em;
}
.km-shim {
  left: 0;
  bottom: 0;
  position: fixed;
  width: 100%;
  height: 100%!important;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10001;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.km-root .km-shim {
  position: absolute;
}
.km-shim:before {
  content: "\a0";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
.km-shim .k-animation-container {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  width: auto;
}
.km-loader {
  top: 50%;
  left: 50%;
  width: 180px;
  height: 130px;
  z-index: 100000;
  padding: 30px 30px;
  position: absolute;
  margin-top: -70px;
  margin-left: -90px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.5);
}
.km-loader h1 {
  font-size: 1rem;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.km-load-more .km-icon,
.km-loader .km-loading,
.km-scroller-refresh .km-icon {
  -webkit-animation: km-spin 1s infinite linear;
  animation: km-spin 1s infinite linear;
  display: block;
  margin: 0 auto;
  width: 35px;
  height: 35px;
  font-size: 35px;
}
.km-load-more .km-icon:after,
.km-loader .km-loading:after {
  color: #ccc;
}
.km-loading-left,
.km-loading-right {
  display: none;
}
@-webkit-keyframes km-spin {
  from {
    -webkit-transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes km-ios-spin {
  from {
    -webkit-transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes km-ios-spin1 {
  from {
    -webkit-transform: rotate(-135deg);
  }
  to {
    -webkit-transform: rotate(225deg);
  }
}
@keyframes km-ios-spin {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes km-ios-spin1 {
  from {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  to {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }
}
.km-stretched-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.km-stretched-view > * {
  width: 100%;
}
.km-stretched-view > .km-pane-wrapper {
  position: static;
}
.km-stretched-view > .km-pane-wrapper > .km-pane {
  position: static;
}
.km-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: 0 0;
  z-index: 100000;
}
.km-root.km-native-scrolling,
.km-root.km-native-scrolling .km-splitview .km-pane,
.km-root.km-native-scrolling .km-view {
  min-height: 100%;
  height: auto;
  -webkit-transform: none;
  overflow-x: visible;
}
.km-native-scrolling,
.km-native-scrolling .km-pane,
.km-native-scrolling .km-view {
  -ms-touch-action: auto;
}
.km-native-scrolling .km-pane,
.km-native-scrolling .km-view {
  display: block;
}
.km-native-scrolling .km-content {
  -ms-flex: auto;
}
.km-native-scrolling .km-blackberry .km-content {
  min-height: auto;
}
.km-native-scrolling .km-splitview {
  position: absolute;
}
.km-native-scrolling .km-header {
  position: fixed;
  top: 0;
}
.km-native-scrolling .km-android .km-header {
  top: auto;
  bottom: 0;
}
.km-native-scrolling .km-footer {
  position: fixed;
  bottom: 0;
}
.km-native-scrolling .km-android .km-footer {
  top: 0;
  bottom: auto;
}
.km-native-scrolling .km-badge {
  z-index: auto;
}
.km-native-scrolling .km-popup.km-pane .km-footer,
.km-native-scrolling .km-popup.km-pane .km-header,
.km-native-scrolling .km-splitview .km-footer,
.km-native-scrolling .km-splitview .km-header {
  position: absolute;
}
.km-native-scrolling .km-modalview .km-footer,
.km-native-scrolling .km-modalview .km-header {
  position: relative;
}
.km-native-scrolling .km-content {
  width: 100%;
}
.km-native-scrolling .km-popup-overlay,
.km-native-scrolling .km-shim {
  position: fixed;
  top: 0;
  bottom: 0;
  height: auto !important;
}
.km-native-scrolling .km-drawer {
  position: fixed;
  top: 0;
  height: 100%!important;
  overflow: auto!important;
  -webkit-overflow-scrolling: touch;
}
.km-native-scrolling > .km-pane > .km-loader {
  position: fixed;
}
.km-native-scrolling .km-footer,
.km-native-scrolling .km-header {
  z-index: 2;
}
.km-state-disabled {
  opacity: 0.5;
}
.km-badge,
.km-detail {
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-align: center;
  position: absolute;
  z-index: 1;
  height: 2em;
  font-size: .6rem;
  text-shadow: none;
}
.km-badge {
  top: -1em;
  right: -1em;
  line-height: 2em;
  margin-left: .5em;
  min-width: .9em;
  padding: 0 .55em;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.km-tabstrip .km-badge {
  top: -0.2em;
  right: auto;
  margin-left: -1em;
}
.km-detail {
  position: absolute;
  float: right;
  right: .8rem;
  top: 50%;
  margin-top: -0.7rem;
  width: 1.3rem;
  height: 1.3rem;
  font-size: 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.km-widget .km-detaildisclose {
  font-size: 0.8em;
}
.k-ff .km-detail {
  width: 1rem;
  height: 1rem;
}
.km-detail .km-text {
  display: none;
}
.km-detail .km-icon,
.km-widget .km-contactadd:after,
.km-widget .km-contactadd:before,
.km-widget .km-detaildisclose:after,
.km-widget .km-detaildisclose:before,
.km-widget .km-rowdelete:after,
.km-widget .km-rowdelete:before,
.km-widget .km-rowinsert:after,
.km-widget .km-rowinsert:before {
  left: .15em;
  top: .15em;
  line-height: 1em;
  font-size: 1em;
  position: absolute;
}
.km-widget .km-detaildisclose:after {
  left: .1em;
  top: .25em;
  text-align: center;
  font-weight: 700;
}
.km-button {
  cursor: pointer;
  outline: 0;
  text-align: center;
}
button.km-button {
  display: inline-block;
  font: inherit;
}
.km-button:hover {
  text-decoration: none;
}
.km-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.km-android .km-state-disabled .km-button,
.km-blackberry .km-state-disabled .km-button,
.km-ios .km-state-disabled .km-button,
.km-meego .km-state-disabled .km-button {
  color: #aaa;
  text-shadow: none;
}
.km-root .km-pane .k-button:active,
.km-root .km-pane .k-button:focus,
.km-root .km-pane .k-button:focus:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.km-buttongroup {
  padding: .4rem .7rem;
  -webkit-margin-collapse: separate;
  margin-collapse: separate;
  margin: 0.5em auto;
}
.km-widget.km-buttongroup {
  padding: 0;
  border-color: transparent;
  background: 0 0;
  white-space: nowrap;
  display: table;
}
.km-buttongroup > .km-button {
  display: table-cell;
}
.km-buttongroup .km-badge {
  z-index: 1;
}
.km-widget.km-buttongroup .km-button {
  margin: 0;
  border-width: 1px 0 1px 1px;
  padding: 0.48em 0.9em 0.44em;
}
.km-tablet .km-buttongroup .km-button {
  padding: 0.4em 0.8em 0.34em;
}
.km-widget.km-navbar .km-buttongroup {
  font-size: .95rem;
  line-height: 1em;
  margin: 0 0 .2em;
  display: inline-block;
  height: 1.5em;
  top: -2px;
}
.k-toolbar .km-buttongroup {
  margin: 0;
  display: inline-block;
}
.km-tablet .km-navbar .km-buttongroup {
  top: -1px;
}
.km-widget.km-navbar .km-buttongroup > .km-button {
  font-size: 1em;
  min-width: 4rem;
  text-align: center;
}
.km-tablet .km-navbar .km-buttongroup > .km-button {
  min-width: 6rem;
}
.km-view .km-buttongroup .km-button:last-child {
  border-right-width: 1px;
}
.km-ios .km-buttongroup .km-button {
  font-size: 1.2em;
  font-weight: 700;
}
.km-collapsible {
  margin: 1em 0;
}
.km-collapsible.km-collapsibleinset {
  margin: 1em;
}
.km-collapsible + .km-collapsible {
  margin-top: -1em;
}
.km-collapsible-header {
  position: relative;
  border-style: solid;
  border-width: 1px 0;
  padding: 0.4em 20px;
}
.km-collapsibleinset > .km-collapsible-header {
  border-width: 1px;
}
.km-collapsible + .km-collapsible > .km-collapsible-header {
  border-top-width: 0;
}
.km-collapsibleinset.km-collapsed > .km-collapsible-header {
  border-radius: 0.5em;
}
.km-collapsibleinset.km-expanded > .km-collapsible-header {
  border-radius: 0.5em 0.5em 0 0;
}
.km-collapsible-header .km-icon {
  display: inline-block;
  font-size: .8em;
  margin-right: 0.3em;
}
.km-collapsible-header > h1,
.km-collapsible-header > h2,
.km-collapsible-header > h3,
.km-collapsible-header > h4,
.km-collapsible-header > h5,
.km-collapsible-header > h6 {
  margin: 0;
}
.km-collapsible-content {
  border-style: solid;
  border-width: 1px 0;
  border-top: 0;
  padding: .4em;
  overflow: hidden;
}
.km-collapsible-header .km-arrow-n,
.km-collapsible-header .km-arrow-s {
  position: absolute;
  top: 0.4em;
}
.km-icon-left .km-arrow-n,
.km-icon-left .km-arrow-s {
  left: 0.2em;
}
.km-icon-right .km-arrow-n,
.km-icon-right .km-arrow-s {
  left: auto;
  right: 0.2em;
}
.km-icon-top .km-arrow-n,
.km-icon-top .km-arrow-s {
  position: static;
  display: block;
  margin: 0 auto;
  width: 1em;
}
.km-collapsibleinset > .km-collapsible-content {
  border-radius: 0 0 .5em .5em;
  border-width: 1px;
}
.km-collapsed > .km-collapsible-content.km-animated {
  -webkit-transform: translateY(-0.8em);
  -ms-transform: translateY(-0.8em);
  transform: translateY(-0.8em);
  border-color: transparent;
  border-bottom: none;
  visibility: hidden;
}
.km-animated {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.km-hide-title {
  display: none;
}
.km-show-title:after {
  display: block;
  content: "\a0";
  height: 0;
}
.km-fill-title:after {
  height: auto;
}
.km-footer .km-show-title:after {
  display: inline-block;
}
.km-dialog-title,
.km-view-title {
  position: relative;
  visibility: visible;
  text-align: center;
  font-size: 1.4em;
  line-height: 2.3em;
  margin-left: auto;
  margin-right: auto;
}
.km-horizontal .km-view-title {
  line-height: 2em;
}
.km-navbar,
.km-root .k-toolbar {
  padding: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  overflow: hidden;
  display: block;
  border-width: 0 0 1px 0;
  background-color: #fff;
}
.k-ff .km-navbar,
.k-ff.km-root .k-toolbar {
  overflow: visible;
}
.km-navbar .km-button {
  margin-top: .5rem;
  margin-bottom: 0.5rem;
}
.km-navbar .km-no-title {
  padding-top: .7rem;
  padding-bottom: 0.7rem;
}
.km-horizontal .km-navbar .km-button {
  margin-top: .3rem;
  margin-bottom: 0.3rem;
}
.km-horizontal .km-navbar .km-no-title {
  padding-top: .5rem;
  padding-bottom: 0.5rem;
}
.km-tablet.km-root .km-no-title {
  padding-top: .55rem;
  padding-bottom: 0.55rem;
}
.km-tablet .km-navbar .km-button {
  margin-top: .45rem;
  margin-bottom: 0.45rem;
}
.km-root .km-pane .km-navbar .km-no-title {
  visibility: visible;
  line-height: 0;
}
.km-on-ios.km-black-translucent-status-bar.km-app .km-header .km-navbar {
  padding-top: 1.4em;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}
.km-on-ios.km-ios5.km-cordova .km-header .km-navbar,
.km-on-ios.km-ios6.km-cordova .km-header .km-navbar {
  padding-top: 0;
}
.km-leftitem,
.km-rightitem {
  z-index: 1;
  position: absolute;
  right: 0.5em;
}
.km-popup .km-rightitem {
  right: 0;
}
.km-leftitem {
  left: .5em;
  right: auto;
}
.km-popup .km-leftitem {
  left: 0;
}
.km-leftitem,
.km-rightitem {
  height: 100%;
}
.km-on-ios.km-black-translucent-status-bar.km-app .km-leftitem,
.km-on-ios.km-black-translucent-status-bar.km-app .km-rightitem {
  height: auto;
}
.km-leftitem > *,
.km-rightitem > * {
  display: inline-block;
  vertical-align: middle;
}
.km-leftitem:before,
.km-rightitem:before {
  content: "\a0";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.km-root .k-toolbar {
  position: relative;
  display: block;
  vertical-align: middle;
  text-align: right;
  line-height: 2.2em;
  border-style: solid;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0.55em 3.4em 0.55em 0.5em;
}
.km-root .km-widget.k-toolbar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.km-root .k-toolbar span.km-icon {
  vertical-align: middle;
}
.km-root .k-toolbar .k-button-icon {
  padding-left: .4em;
  padding-right: 0.4em;
}
.km-root .k-toolbar .k-button-icon .km-icon {
  margin-left: 0;
  margin-right: 0;
}
.km-root .k-toolbar-resizable {
  overflow: hidden;
  white-space: nowrap;
}
.km-root .k-toolbar > * {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  line-height: inherit;
}
.km-root .k-toolbar .km-button {
  line-height: inherit;
}
.km-root div.k-toolbar > .k-align-left {
  float: left;
  line-height: inherit;
}
.km-root div.k-toolbar > .k-align-right {
  float: none;
}
.km-root .k-toolbar .k-separator,
.km-root .k-toolbar .k-split-button,
.km-root .k-toolbar .k-textbox,
.km-root .k-toolbar .k-widget,
.km-root .k-toolbar .km-buttongroup,
.km-root .k-toolbar .km-widget,
.km-root .k-toolbar label,
.km-root .k-toolbar > .km-button {
  margin: 0 0.4em;
}
.km-root .k-toolbar .k-button-icontext .km-icon {
  margin-left: -0.15em;
}
.km-root .k-toolbar .k-split-button {
  padding-left: 0;
}
.km-root .k-toolbar .k-split-button .km-button,
.km-root .k-toolbar .km-buttongroup .km-group-start {
  margin: 0;
}
.km-root .k-toolbar .k-split-button > .km-button {
  padding-left: 1em;
  padding-right: 0.6em;
}
.km-root .k-toolbar .k-split-button .k-split-button-arrow {
  margin: 0 0 0 -1px;
  padding-left: .2em;
  padding-right: 0.2em;
}
.km-root .km-pane .k-toolbar .k-overflow-anchor {
  border-width: 0;
  width: 1.5em;
  height: 100%;
  margin: 0;
  font-size: 2.2em;
  border-radius: 0;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
}
.km-root .k-overflow-anchor span.km-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.5em 0 0 -0.5em;
}
.km-root .k-overflow-anchor .km-icon:after,
.km-root .k-overflow-anchor .km-icon:before {
  margin-left: 0;
}
.km-root .k-overflow-container .k-item {
  float: none;
  border: 0;
}
.km-root .k-overflow-container .k-overflow-button,
.km-root .k-split-container .km-button {
  text-align: left;
  display: block;
  white-space: nowrap;
  margin: 0 0 1px;
}
.km-root .k-overflow-container li:last-child .k-overflow-button,
.km-root .k-split-container li:last-child .km-button {
  margin: 0;
}
.km-root .k-overflow-container .km-buttongroup {
  padding: 0;
}
.km-root .k-overflow-container .km-buttongroup > li {
  display: block;
}
.km-root .k-overflow-container .k-overflow-group {
  border-width: 1px 0;
  border-style: solid;
  border-radius: 0;
  padding: 1px 0 0;
  margin: 0 0 1px;
}
.km-root .k-overflow-container .km-state-disabled {
  opacity: 1;
}
.km-root .k-overflow-container .k-overflow-hidden {
  display: none;
}
.km-root .k-overflow-container .k-overflow-group + .k-overflow-group,
.km-root .k-overflow-container .k-toolbar-first-visible {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
.km-root .k-overflow-container .k-toolbar-last-visible {
  border-bottom: 0;
  margin-bottom: 0;
}
.km-root .k-overflow-wrapper .km-actionsheet-wrapper .km-actionsheet {
  overflow: hidden;
  overflow-y: auto;
}
.km-tabstrip {
  padding: 0.4rem 0.7rem;
}
.km-horizontal .km-tabstrip {
  padding: 0.2rem 0.7rem;
}
.km-tabstrip {
  flex-align: start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-box-pack: start;
  padding: 0;
  text-align: center;
  word-spacing: -1em;
}
.km-tabstrip .km-button {
  word-spacing: normal;
  -webkit-box-shadow: none;
  box-shadow: none;
  vertical-align: bottom;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .km-tabstrip {
    word-spacing: normal;
    width: 100%;
  }
}
.km-tabstrip .km-button {
  font-family: Arial, Helvetica, sans-serif;
  color: #a8a8a8;
  padding: .4em .8em;
  border-width: 0;
  border-color: transparent;
  background: 0 0;
  margin: 0;
  text-align: center;
}
.km-tabstrip .km-button:first-child {
  border-left: 0;
}
.km-tabstrip .km-button:last-child {
  border-right: 0;
}
.km-switch input[type=checkbox] {
  display: none;
}
.km-checkbox,
.km-switch {
  text-align: left;
  font-size: 1rem;
  display: inline-block;
  width: 6.4rem;
  height: 2rem;
  line-height: 2rem;
  position: relative;
  overflow: hidden;
}
.km-slider-wrapper,
.km-switch-wrapper {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.km-slider-background,
.km-switch-background {
  display: block;
  margin: 0 1px 1px -5em;
  height: 100%;
  width: 200%;
}
.km-switch-container {
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.km-checkbox {
  width: 1.8rem;
  height: 1.8rem;
}
.km-checkbox-checked:after {
  content: "\a0";
  display: block;
  width: 100%;
  height: 100%;
}
.km-switch-handle {
  top: 0;
  left: 0;
  width: 2.72em;
  height: 100%;
  display: inline-block;
  margin: -1px 0 0 -1px;
  background-color: #000;
}
.km-switch-label-off,
.km-switch-label-on {
  display: block;
  width: 130%;
  font-size: 1em;
  line-height: 2em;
  text-align: center;
  position: absolute;
  text-transform: uppercase;
}
.km-switch-label-off {
  left: 104%;
}
.km-switch-label-on {
  left: -134%;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.km-list .km-switch {
  position: absolute;
  top: 50%;
  right: .8rem;
  margin-top: -1rem;
}
.km-listview-link:after {
  width: .5rem;
  height: .5rem;
  content: "\a0";
  display: inline-block;
  vertical-align: middle;
  margin-left: -0.2rem;
  border-style: solid;
  border-width: .24rem .24rem 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.km-listview-wrapper > ul:not(.km-listview) {
  margin: 0 auto;
}
.km-list,
.km-listview {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.km-listgroupinset,
.km-listinset {
  margin: 1em;
}
.k-ff .km-listgroupinset:after,
.k-ff .km-listinset:after {
  display: block;
  height: 0;
  content: "\a0";
}
.km-listgroupinset .km-list,
.km-listinset {
  overflow: hidden;
}
.km-listview .km-switch {
  margin-top: -0.95rem;
  position: absolute;
  right: .8rem;
  top: 50%;
}
.km-listview .km-list {
  text-indent: 0;
}
.km-list > li,
.km-widget .km-listview-label,
.km-widget .km-listview-link {
  margin: 0;
  display: block;
  position: relative;
  list-style-type: none;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em 0.7em;
}
.km-list > li {
  line-height: 1.6em;
  overflow: hidden;
}
.km-virtual-list {
  position: relative;
  width: 100%;
  -webkit-transform: translateZ(0);
}
.km-virtual-list > li {
  width: 100%;
  position: absolute;
  top: 0;
  -webkit-transform: translateZ(0);
}
.km-widget .km-list .km-load-more,
.km-widget.km-list .km-load-more {
  border-bottom: 0;
}
.km-list > li > * {
  line-height: normal;
}
.km-group-title {
  display: block;
  font-weight: 700;
  padding: .2em 0;
  text-indent: 0.8em;
}
.km-listgroupinset .km-group-title {
  margin-top: .65em;
  line-height: 2em;
}
.km-list:not(.km-virtual-list) > li:first-child {
  border-top-width: 0;
}
.km-list:not(.km-virtual-list) > li:last-child {
  border-bottom-width: 0;
}
.km-widget .km-listview-label,
.km-widget .km-listview-link {
  line-height: inherit;
  text-decoration: none;
  margin: -0.5em -0.7em;
}
.km-listview-label:after,
.km-listview-link:after {
  border-color: #777;
  content: "\a0";
  display: block;
  position: absolute;
  right: 1rem;
  top: 50%;
  margin-top: -0.32rem;
}
.km-filter-form {
  width: 100%;
  padding: .5em 0;
  border: 1px solid transparent;
  border-width: 1px 0;
  -webkit-transform: translatez(0);
  -ms-transform: translatez(0);
  transform: translatez(0);
}
.km-filter-wrap {
  position: relative;
  margin: 0 .7em;
  padding: .2em .4em;
  border: 1px solid transparent;
}
.km-widget .km-filter-wrap:before {
  display: inline-block;
  vertical-align: middle;
  content: "\e0e9";
  font-size: 1.6em;
  width: 1em;
  height: 1em;
  margin-right: -1em;
  color: inherit;
}
.km-tablet .km-filter-wrap {
  max-width: 24em;
  margin: 0 auto;
}
.km-filter-wrap > input[type=search]::-webkit-search-cancel-button {
  display: none;
}
.km-filter-wrap input {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  background: 0 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  vertical-align: middle;
  padding: 0 1.4em;
}
.km-filter-reset {
  display: inline-block;
  margin-left: -1.6em;
  vertical-align: middle;
  text-align: center;
  z-index: 1;
  text-decoration: none;
  height: 100%;
}
.km-filter-reset .km-clear {
  font-size: 1.6em;
  width: 1em;
  height: 1em;
  display: block;
}
.km-filter-reset > .km-text {
  position: absolute;
  top: -3333px;
  left: -3333px;
}
.km-load-more {
  display: block;
  padding: .3em 0 1.2em;
  height: 3.2em;
  text-align: center;
}
.km-list .km-listview-item-badge.km-badge,
.km-list .km-listview-link > .km-badge {
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: 4em;
}
.km-scroller-pull {
  width: 100%;
  display: block;
  position: absolute;
  line-height: 3em;
  font-size: 1.4em;
  text-align: center;
  -webkit-transform: translate3d(0, -3em, 0);
  transform: translate3d(0, -3em, 0);
}
.km-scroller-pull .km-template {
  display: inline-block;
  min-width: 200px;
  text-align: left;
}
.km-load-more .km-icon,
.km-widget .km-scroller-pull .km-icon {
  display: inline-block;
  height: 2rem;
  margin-right: 1rem;
  vertical-align: middle;
  width: 2rem;
  font-size: 2rem;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
}
.km-widget .km-scroller-release .km-icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.km-widget .km-scroller-refresh .km-icon {
  -webkit-transition: none;
  transition: none;
}
.km-touch-scrollbar {
  position: absolute;
  visibility: hidden;
  z-index: 200000;
  height: .4em;
  width: .4em;
  background-color: #333;
  opacity: 0;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: opacity .3s linear;
  transition: opacity 0.3s linear;
}
.km-vertical-scrollbar {
  height: 100%;
  right: 2px;
  top: 0;
}
.km-horizontal-scrollbar {
  width: 100%;
  left: 0;
  bottom: 2px;
}
.km-scroll-container,
.km-scrollview {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: -moz-none;
  -webkit-margin-collapse: separate;
  margin-collapse: separate;
}
.km-scroll-wrapper {
  position: relative;
}
.km-scroll-header {
  position: absolute;
  z-index: 1001;
  width: 100%;
  top: 0;
  left: 0;
}
.km-scrollview {
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.km-scrollview > div > * {
  -webkit-transform: translatez(0);
}
.km-scrollview > div > [data-role=page] {
  vertical-align: top;
  display: inline-block;
  min-height: 1px;
}
.km-scrollview .km-virtual-page {
  min-height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}
.k-ff18 .km-scrollview > div,
.k-ff19 .km-scrollview > div,
.k-ff20 .km-scrollview > div,
.k-ff21 .km-scrollview > div {
  width: 0;
}
.km-pages {
  text-align: center;
  margin: 0;
  padding: .6em 0 0;
  height: 1.5em;
}
.km-pages li {
  display: inline-block;
  width: .5em;
  height: .55em;
  margin: 0 0.3em;
}
.km-root .km-popup .k-item,
.km-widget.km-actionsheet > li {
  list-style-type: none;
  padding: inherit 1em;
  border-bottom: 1px solid #555;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.km-widget.km-actionsheet > li {
  line-height: 2em;
  border-bottom: 0;
}
.km-widget.km-actionsheet > li > a {
  line-height: 1.5em;
  text-align: left;
  background: 0 0;
}
.km-root .km-popup .k-list,
.km-widget.km-actionsheet {
  padding: 0;
  margin: 0;
}
.km-root .km-popup .k-item:last-child,
.km-widget.km-actionsheet > li:last-child {
  border: 0;
}
.km-widget.km-actionsheet-wrapper {
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.km-actionsheet-root.km-shim .k-animation-container {
  width: 100%!important;
  height: 100% !important;
}
.km-tablet .km-pane div.km-actionsheet-phone {
  background: 0 0;
}
.km-tablet .km-actionsheet-phone li.km-actionsheet-title,
.km-tablet div.km-actionsheet-phone li.km-actionsheet-cancel {
  display: block;
}
.km-popover-root .km-popup-wrapper {
  position: relative !important;
}
.km-modalview-wrapper,
.km-popup-wrapper {
  z-index: 10001;
  position: relative;
  background: 0 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.km-popup-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10002;
}
.km-popup-arrow,
.km-popup-arrow:after,
.km-popup-arrow:before {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 0;
  left: 0;
  z-index: 2;
}
.km-left .km-popup-arrow,
.km-right .km-popup-arrow {
  margin-top: -8px;
}
.km-down .km-popup-arrow,
.km-up .km-popup-arrow {
  margin-left: -8px;
}
.km-popup-arrow:after,
.km-popup-arrow:before {
  display: block;
  content: "\a0";
  width: 0;
  height: 0;
}
.km-up .km-popup-arrow {
  top: auto;
  bottom: 0;
}
.km-left .km-popup-arrow {
  left: auto;
  right: 0;
}
.km-popup.km-pane {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 100px;
  background: 0 0;
}
.km-popover-root .km-view {
  position: relative;
}
.km-popover-root .km-content {
  -ms-flex: auto;
}
div.km-splitview > .km-content,
kendo-mobile-split-view.km-splitview > .km-content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
div.km-split-vertical > .km-content,
kendo-mobile-split-view.km-split-vertical > .km-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
div.km-split-content > .km-pane {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  width: auto;
  height: auto;
}
div.km-split-content > .km-pane:first-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
div.km-split-horizontal > .km-content > .km-pane {
  top: 0;
  bottom: 0;
}
.km-split-vertical > .km-content > .km-pane > .km-view {
  display: -webkit-box;
}
.km-modalview-root {
  text-align: center;
}
.km-modalview-root > .k-animation-container {
  text-align: left;
  position: relative!important;
  top: auto!important;
  left: auto!important;
  display: inline-block !important;
  vertical-align: middle;
}
.km-modalview,
.km-modalview-wrapper:before {
  overflow: hidden;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  max-height: 100%;
}
.km-modalview .km-content {
  box-flex: 1;
}
.km-auto-height .km-content {
  -ms-flex: auto;
}
.km-native-scrolling .km-view.km-modalview {
  display: -webkit-inline-flex;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.km-modalview-root:before,
.km-modalview-wrapper:before {
  vertical-align: middle;
  height: 100%;
  margin-left: -1px;
  content: "\a0";
  width: 0;
  display: inline-block;
}
.km-drawer,
[data-role=drawer] {
  top: 0;
  left: auto;
  width: 250px;
}
.km-drawer .km-footer,
.km-drawer .km-header {
  z-index: 0;
}
.km-left-drawer {
  left: 0;
}
.km-right-drawer {
  right: 0;
}
.km-item label.km-item-checked:after,
.km-item label:before {
  position: absolute;
  content: " ";
  display: block;
  top: 50%;
  left: .6em;
  width: 36px;
  height: 36px;
  margin-top: -18px;
}
.km-widget .k-slider {
  line-height: .6em;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.km-widget .k-slider-horizontal {
  width: 50%;
  height: .6em;
  line-height: 0.6em;
}
.km-list .k-slider {
  position: absolute;
  right: 0;
  margin-top: -0.5em;
  top: 50%;
}
.km-root .k-slider-track {
  left: 1em!important;
  right: 1em;
  height: 100%;
  display: block;
  position: absolute;
  border: .5em solid transparent;
  border-width: 0.5em 0;
}
.km-widget .k-slider-horizontal .k-slider-track {
  width: auto !important;
}
.km-widget .k-slider .k-slider-track {
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.km-widget .k-slider-selection,
.km-widget .k-slider-track {
  margin-top: 0;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
}
.km-widget .k-slider-horizontal .k-slider-selection {
  top: 0;
  height: 100%;
}
.km-widget .k-slider-items {
  margin: 0;
}
.km-widget .k-slider .k-draghandle {
  text-indent: -3333px;
  left: 0;
  width: 1.2em;
  height: 1.2em;
  display: block;
  position: absolute;
}
.km-widget .k-slider-vertical .k-draghandle {
  left: -5px;
}
.km-widget .k-slider-tooltip {
  display: none;
}
.km-dialog {
  position: absolute;
  min-width: 19em;
  max-width: 25em;
  overflow: hidden;
}
.km-dialog-title {
  position: static;
  float: none;
  height: 2.6em;
  margin-top: -2.6em;
  font-size: 1.22em;
  line-height: 3em;
}
.km-dialog:before {
  content: "\a0";
  display: block;
  overflow: visible;
  width: 100%;
  height: 3em;
  opacity: 0.2;
}
.km-dialog-content {
  font-weight: 400;
  min-height: 2em;
  text-align: center;
}
.km-dialog .km-button {
  display: block;
  margin: .4em;
  font-size: 1.3em;
  text-align: center;
  padding: .44em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.km-list .k-dropdown,
.km-list input[type=color],
.km-list input[type=date],
.km-list input[type=datetime-local],
.km-list input[type=datetime],
.km-list input[type=email],
.km-list input[type=file],
.km-list input[type=month],
.km-list input[type=number],
.km-list input[type=password],
.km-list input[type=search],
.km-list input[type=tel],
.km-list input[type=text]:not(.k-input),
.km-list input[type=time],
.km-list input[type=url],
.km-list input[type=week],
.km-list select:not([multiple]),
.km-list textarea {
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.2em;
  position: absolute;
  top: 50%;
  line-height: normal;
  z-index: 1;
  right: 0;
  margin-top: -1em;
}
.km-widget .k-slider .k-button,
.km-widget .k-slider .k-label,
.km-widget .k-slider .k-tick {
  display: none;
}
.km-list textarea {
  position: relative;
  width: -webkit-calc(50.7%);
  width: calc(50.7%);
  margin-right: -0.7em;
}
.km-list input,
.km-list input[type=checkbox],
.km-list input[type=radio],
.km-list select,
.km-list textarea {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.km-list input[type=checkbox],
.km-list input[type=radio] {
  position: absolute;
  top: 50%;
  right: .7em;
  margin-top: -0.5em;
  background: 0 0;
}
.km-widget input,
.km-widget textarea {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.km-widget input[readonly],
.km-widget input[type=image],
.km-widget select:not([multiple]) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.km-list textarea {
  top: 0;
}
.km-list .k-dropdown {
  line-height: 1.4em;
}
.km-list .k-dropdown,
.km-list .k-dropdown .k-input {
  background-color: transparent;
}
.km-list .k-dropdown-wrap {
  display: inline-block;
}
.km-list .k-dropdown ~ .km-listview-link:after,
.km-list .km-listview-label:after,
.km-list input ~ .km-listview-link:after,
.km-list select ~ .km-listview-link:after,
.km-list textarea ~ .km-listview-link:after {
  display: none;
}
.km-list .k-dropdown .k-select,
.km-list .k-dropdown select {
  display: none;
}
.km-widget .km-list textarea {
  position: relative;
  float: right;
  margin-top: 0;
  font-family: inherit;
}
.km-listview-label input[type=checkbox],
.km-listview-label input[type=radio] {
  border: 0;
  font-size: inherit;
  width: 1em;
  height: 0.9em;
}
.km-list label.km-required:after {
  content: "*";
  display: inline-block;
  width: 1rem;
  height: 1rem;
}
.km-list .km-label-above {
  width: 100%;
  display: block;
}
.km-list .km-icon-label:before {
  display: inline-block;
  width: 1em;
  height: 1em;
  font: 1em/1em "Kendo UI";
  margin-right: 0.89em;
}
.km-list .km-label-above .k-dropdown,
.km-list .km-label-above input[type=color],
.km-list .km-label-above input[type=date],
.km-list .km-label-above input[type=datetime-local],
.km-list .km-label-above input[type=datetime],
.km-list .km-label-above input[type=email],
.km-list .km-label-above input[type=file],
.km-list .km-label-above input[type=month],
.km-list .km-label-above input[type=number],
.km-list .km-label-above input[type=password],
.km-list .km-label-above input[type=search],
.km-list .km-label-above input[type=tel],
.km-list .km-label-above input[type=text]:not(.k-input),
.km-list .km-label-above input[type=time],
.km-list .km-label-above input[type=url],
.km-list .km-label-above input[type=week],
.km-list .km-label-above select:not([multiple]),
.km-list .km-label-above textarea {
  width: 100%;
  right: 0;
  padding-left: 0;
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transform: translateY(0);
}
.km-list fieldset .k-dropdown-wrap,
.km-list fieldset input[type=color],
.km-list fieldset input[type=date],
.km-list fieldset input[type=datetime-local],
.km-list fieldset input[type=datetime],
.km-list fieldset input[type=email],
.km-list fieldset input[type=month],
.km-list fieldset input[type=number],
.km-list fieldset input[type=password],
.km-list fieldset input[type=search],
.km-list fieldset input[type=tel],
.km-list fieldset input[type=text]:not(.k-input),
.km-list fieldset input[type=time],
.km-list fieldset input[type=url],
.km-list fieldset input[type=week],
.km-list fieldset select:not([multiple]),
.km-list textarea {
  width: 100%;
  position: relative;
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transform: translateY(0);
  right: auto;
}
.km-list fieldset textarea {
  width: 100%;
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transform: translateY(0);
  margin-right: 0;
  padding-left: 0;
}
.km-list .km-legend-button {
  display: block;
  text-decoration: none;
}
.km-list .km-inline-field {
  display: inline-block;
  position: relative;
  width: -webkit-calc(48.39%);
  width: calc(48.39%);
  overflow: hidden;
  white-space: nowrap;
}
.km-list .km-inline-field .k-dropdown,
.km-list .km-inline-field input[type=color],
.km-list .km-inline-field input[type=date],
.km-list .km-inline-field input[type=datetime-local],
.km-list .km-inline-field input[type=datetime],
.km-list .km-inline-field input[type=email],
.km-list .km-inline-field input[type=file],
.km-list .km-inline-field input[type=month],
.km-list .km-inline-field input[type=number],
.km-list .km-inline-field input[type=password],
.km-list .km-inline-field input[type=search],
.km-list .km-inline-field input[type=tel],
.km-list .km-inline-field input[type=text]:not(.k-input),
.km-list .km-inline-field input[type=time],
.km-list .km-inline-field input[type=url],
.km-list .km-inline-field input[type=week],
.km-list .km-inline-field select:not([multiple]),
.km-list .km-inline-field textarea {
  position: absolute;
  width: 100%;
  left: 0;
}
.km-list .km-full-width-slider {
  position: relative;
  width: auto;
  display: block;
}
.km-root input.km-checkbox,
.km-root input.km-radio {
  display: inline;
  opacity: 0;
  width: 0;
  margin: 0;
  height: 0;
}
.km-root .km-checkbox-label,
.km-root .km-radio-label {
  display: block;
  position: relative;
  vertical-align: middle;
}
.km-root .km-checkbox-label:after,
.km-root .km-checkbox-label:before {
  content: "";
  position: absolute;
  top: 0;
}
.km-root input.km-checkbox:checked + .km-checkbox-label:after {
  content: "\e227";
  font-family: "Kendo UI";
}
.km-root .km-radio-label {
  position: relative;
  vertical-align: middle;
}
.km-root .km-radio-label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
}
.km-root input.km-radio:checked + .km-radio-label:after {
  content: "";
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: .25rem;
  border-radius: 50%;
}
.km-root .km-invalid-msg {
  font-size: 1.2rem;
  position: static;
  display: inline-block;
  border-width: 1px;
  padding-top: 12px;
  padding-bottom: 11px;
  width: 100%;
  text-align: center;
}
.km-root .km-icon-label.k-i-arrow-e:before {
  content: "\E000";
}
.km-root .km-icon-label.k-i-arrow-n:before {
  content: "\E001";
}
.km-root .km-icon-label.k-i-arrow-s:before {
  content: "\E002";
}
.km-root .km-icon-label.k-i-arrow-w:before {
  content: "\E003";
}
.km-root .km-icon-label.k-i-arrow-ne:before {
  content: "\E004";
}
.km-root .km-icon-label.k-i-arrow-nw:before {
  content: "\E005";
}
.km-root .km-icon-label.k-i-arrow-se:before {
  content: "\E006";
}
.km-root .km-icon-label.k-i-arrow-sw:before {
  content: "\E007";
}
.km-root .km-icon-label.k-i-seek-e:before {
  content: "\E008";
}
.km-root .km-icon-label.k-i-seek-n:before {
  content: "\E009";
}
.km-root .km-icon-label.k-i-seek-s:before {
  content: "\E00A";
}
.km-root .km-icon-label.k-i-seek-w:before {
  content: "\E00B";
}
.km-root .km-icon-label.k-i-sarrow-e:before,
.km-root .km-icon-label.k-si-arrow-e:before {
  content: "\E00C";
}
.km-root .km-icon-label.k-i-sarrow-n:before,
.km-root .km-icon-label.k-si-arrow-n:before {
  content: "\E00D";
}
.km-root .km-icon-label.k-i-sarrow-s:before,
.km-root .km-icon-label.k-si-arrow-s:before {
  content: "\E00E";
}
.km-root .km-icon-label.k-i-sarrow-w:before,
.km-root .km-icon-label.k-si-arrow-w:before {
  content: "\E00F";
}
.km-root .km-icon-label.k-i-arrowhead-e:before {
  content: "\E010";
}
.km-root .km-icon-label.k-i-arrowhead-n:before {
  content: "\E011";
}
.km-root .km-icon-label.k-i-arrowhead-s:before {
  content: "\E012";
}
.km-root .km-icon-label.k-i-arrowhead-w:before {
  content: "\E013";
}
.km-root .km-icon-label.k-i-arrowhead-ew:before {
  content: "\E014";
}
.km-root .km-icon-label.k-i-arrowhead-ns:before {
  content: "\E015";
}
.km-root .km-icon-label.k-i-move:before {
  content: "\E016";
}
.km-root .km-icon-label.k-i-resize:before {
  content: "\E017";
}
.km-root .km-icon-label.k-i-resize-45:before {
  content: "\E018";
}
.km-root .km-icon-label.k-i-resize-135:before {
  content: "\E019";
}
.km-root .km-icon-label.k-i-resize-h:before {
  content: "\E01A";
}
.km-root .km-icon-label.k-i-resize-v:before {
  content: "\E01B";
}
.km-root .km-icon-label.k-i-refresh:before {
  content: "\E01C";
}
.km-root .km-icon-label.k-i-refresh-rev:before {
  content: "\E01D";
}
.km-root .km-icon-label.k-i-srefresh:before,
.km-root .km-icon-label.k-si-refresh:before {
  content: "\E01E";
}
.km-root .km-icon-label.k-i-srefresh-rev:before,
.km-root .km-icon-label.k-si-refresh-rev:before {
  content: "\E01F";
}
.km-root .km-icon-label.k-i-turn-en:before {
  content: "\E020";
}
.km-root .km-icon-label.k-i-turn-es:before {
  content: "\E021";
}
.km-root .km-icon-label.k-i-turn-ne:before {
  content: "\E022";
}
.km-root .km-icon-label.k-i-turn-nw:before {
  content: "\E023";
}
.km-root .km-icon-label.k-i-turn-se:before {
  content: "\E024";
}
.km-root .km-icon-label.k-i-turn-sw:before {
  content: "\E025";
}
.km-root .km-icon-label.k-i-turn-wn:before {
  content: "\E026";
}
.km-root .km-icon-label.k-i-turn-ws:before {
  content: "\E027";
}
.km-root .km-icon-label.k-i-uturn-e:before {
  content: "\E028";
}
.km-root .km-icon-label.k-i-uturn-e-rev:before {
  content: "\E029";
}
.km-root .km-icon-label.k-i-uturn-n:before {
  content: "\E02A";
}
.km-root .km-icon-label.k-i-uturn-n-rev:before {
  content: "\E02B";
}
.km-root .km-icon-label.k-i-uturn-s:before {
  content: "\E02C";
}
.km-root .km-icon-label.k-i-uturn-s-rev:before {
  content: "\E02D";
}
.km-root .km-icon-label.k-i-uturn-w:before {
  content: "\E02E";
}
.km-root .km-icon-label.k-i-uturn-w-rev:before {
  content: "\E02F";
}
.km-root .km-icon-label.k-i-tick-sign:before {
  content: "\E030";
}
.km-root .km-icon-label.k-i-close-sign:before {
  content: "\E031";
}
.km-root .km-icon-label.k-i-plus-sign:before {
  content: "\E032";
}
.km-root .km-icon-label.k-i-minus-sign:before {
  content: "\E033";
}
.km-root .km-icon-label.k-i-splus-sign:before,
.km-root .km-icon-label.k-si-plus-sign:before {
  content: "\E034";
}
.km-root .km-icon-label.k-i-sminus-sign:before,
.km-root .km-icon-label.k-si-minus-sign:before {
  content: "\E035";
}
.km-root .km-icon-label.k-i-cancel:before {
  content: "\E036";
}
.km-root .km-icon-label.k-i-tick:before {
  content: "\E037";
}
.km-root .km-icon-label.k-i-close:before {
  content: "\E038";
}
.km-root .km-icon-label.k-i-plus:before {
  content: "\E039";
}
.km-root .km-icon-label.k-i-minus:before {
  content: "\E03A";
}
.km-root .km-icon-label.k-i-splus:before,
.km-root .km-icon-label.k-si-plus:before {
  content: "\E03B";
}
.km-root .km-icon-label.k-i-sminus:before,
.km-root .km-icon-label.k-si-minus:before {
  content: "\E03C";
}
.km-root .km-icon-label.k-i-stop:before {
  content: "\E03D";
}
.km-root .km-icon-label.k-i-pause:before {
  content: "\E03E";
}
.km-root .km-icon-label.k-i-eject:before {
  content: "\E03F";
}
.km-root .km-icon-label.k-i-volume-off:before {
  content: "\E040";
}
.km-root .km-icon-label.k-i-volume-low:before {
  content: "\E041";
}
.km-root .km-icon-label.k-i-volume-high:before {
  content: "\E042";
}
.km-root .km-icon-label.k-i-earphones:before {
  content: "\E043";
}
.km-root .km-icon-label.k-i-heart:before {
  content: "\E044";
}
.km-root .km-icon-label.k-i-heart-empty:before {
  content: "\E045";
}
.km-root .km-icon-label.k-i-heart-half:before {
  content: "\E046";
}
.km-root .km-icon-label.k-i-star:before {
  content: "\E047";
}
.km-root .km-icon-label.k-i-star-empty:before {
  content: "\E048";
}
.km-root .km-icon-label.k-i-star-half:before {
  content: "\E049";
}
.km-root .km-icon-label.k-i-star-half-empty:before {
  content: "\E04A";
}
.km-root .km-icon-label.k-i-chart-column:before {
  content: "\E04B";
}
.km-root .km-icon-label.k-i-chart-bar:before {
  content: "\E04C";
}
.km-root .km-icon-label.k-i-chart-pie:before {
  content: "\E04D";
}
.km-root .km-icon-label.k-i-chart-donut:before {
  content: "\E04E";
}
.km-root .km-icon-label.k-i-chart-line:before {
  content: "\E04F";
}
.km-root .km-icon-label.k-i-chart-area:before {
  content: "\E050";
}
.km-root .km-icon-label.k-i-chart-donut:before {
  content: "\E051";
}
.km-root .km-icon-label.k-i-align-left:before {
  content: "\E052";
}
.km-root .km-icon-label.k-i-align-center:before {
  content: "\E053";
}
.km-root .km-icon-label.k-i-align-right:before {
  content: "\E054";
}
.km-root .km-icon-label.k-i-align-justify:before {
  content: "\E055";
}
.km-root .km-icon-label.k-i-align-clear:before {
  content: "\E056";
}
.km-root .km-icon-label.k-i-bold:before {
  content: "\E057";
}
.km-root .km-icon-label.k-i-bold-sans:before {
  content: "\E058";
}
.km-root .km-icon-label.k-i-italic:before {
  content: "\E059";
}
.km-root .km-icon-label.k-i-italic-sans:before {
  content: "\E05A";
}
.km-root .km-icon-label.k-i-underline:before {
  content: "\E05B";
}
.km-root .km-icon-label.k-i-underline-sans:before {
  content: "\E05C";
}
.km-root .km-icon-label.k-i-strikethrough:before {
  content: "\E05D";
}
.km-root .km-icon-label.k-i-strikethrough-sans:before {
  content: "\E05E";
}
.km-root .km-icon-label.k-i-font-a:before {
  content: "\E05F";
}
.km-root .km-icon-label.k-i-font-a-sans:before {
  content: "\E060";
}
.km-root .km-icon-label.k-i-font-t:before {
  content: "\E061";
}
.km-root .km-icon-label.k-i-font-t-sans:before {
  content: "\E062";
}
.km-root .km-icon-label.k-i-brightness:before {
  content: "\E063";
}
.km-root .km-icon-label.k-i-brightness-contrast:before {
  content: "\E064";
}
.km-root .km-icon-label.k-i-contrast:before {
  content: "\E065";
}
.km-root .km-icon-label.k-i-crop:before {
  content: "\E066";
}
.km-root .km-icon-label.k-i-mirror:before {
  content: "\E067";
}
.km-root .km-icon-label.k-i-flip-h:before {
  content: "\E068";
}
.km-root .km-icon-label.k-i-flip-v:before {
  content: "\E069";
}
.km-root .km-icon-label.k-i-rotate:before {
  content: "\E06A";
}
.km-root .km-icon-label.k-i-rotate-rev:before {
  content: "\E06B";
}
.km-root .km-icon-label.k-i-filter:before {
  content: "\E06C";
}
.km-root .km-icon-label.k-i-filter-clear:before {
  content: "\E06D";
}
.km-root .km-icon-label.k-i-sort-asc:before {
  content: "\E06E";
}
.km-root .km-icon-label.k-i-sort-desc:before {
  content: "\E06F";
}
.km-root .km-icon-label.k-i-sort-clear:before {
  content: "\E070";
}
.km-root .km-icon-label.k-i-indent:before {
  content: "\E071";
}
.km-root .km-icon-label.k-i-outdent:before {
  content: "\E072";
}
.km-root .km-icon-label.k-i-hyperlink:before {
  content: "\E073";
}
.km-root .km-icon-label.k-i-hyperlink-clear:before {
  content: "\E074";
}
.km-root .km-icon-label.k-i-hyperlink-ext:before {
  content: "\E075";
}
.km-root .km-icon-label.k-si-hyperlink-ext:before {
  content: "\E076";
}
.km-root .km-icon-label.k-i-ul:before {
  content: "\E077";
}
.km-root .km-icon-label.k-si-ul:before {
  content: "\E078";
}
.km-root .km-icon-label.k-i-paint:before {
  content: "\E079";
}
.km-root .km-icon-label.k-i-paste:before {
  content: "\E07A";
}
.km-root .km-icon-label.k-i-pencil:before {
  content: "\E07B";
}
.km-root .km-icon-label.k-i-image:before {
  content: "\E07C";
}
.km-root .km-icon-label.k-i-image-add:before {
  content: "\E07D";
}
.km-root .km-icon-label.k-i-print:before {
  content: "\E07E";
}
.km-root .km-icon-label.k-i-zoom:before {
  content: "\E07F";
}
.km-root .km-icon-label.k-i-zoom-in:before {
  content: "\E080";
}
.km-root .km-icon-label.k-i-zoom-out:before {
  content: "\E081";
}
.km-root .km-icon-label.k-i-asterisk:before {
  content: "\E082";
}
.km-root .km-icon-label.k-i-clip:before {
  content: "\E083";
}
.km-root .km-icon-label.k-i-clip-45:before {
  content: "\E084";
}
.km-root .km-icon-label.k-i-qrcode:before {
  content: "\E085";
}
.km-root .km-icon-label.k-i-book:before {
  content: "\E086";
}
.km-root .km-icon-label.k-i-bookmark:before {
  content: "\E087";
}
.km-root .km-icon-label.k-i-briefcase:before {
  content: "\E088";
}
.km-root .km-icon-label.k-i-calendar:before {
  content: "\E089";
}
.km-root .km-icon-label.k-i-camera-still:before {
  content: "\E08A";
}
.km-root .km-icon-label.k-i-camera-video:before {
  content: "\E08B";
}
.km-root .km-icon-label.k-i-certificate:before {
  content: "\E08C";
}
.km-root .km-icon-label.k-i-clock:before {
  content: "\E08D";
}
.km-root .km-icon-label.k-i-cloud:before {
  content: "\E08E";
}
.km-root .km-icon-label.k-i-collapse:before {
  content: "\E08F";
}
.km-root .km-icon-label.k-i-columns:before {
  content: "\E090";
}
.km-root .km-icon-label.k-i-comment:before {
  content: "\E091";
}
.km-root .km-icon-label.k-i-comment-empty:before {
  content: "\E092";
}
.km-root .km-icon-label.k-i-comments:before {
  content: "\E093";
}
.km-root .km-icon-label.k-i-comments-empty:before {
  content: "\E094";
}
.km-root .km-icon-label.k-i-credit-card:before {
  content: "\E095";
}
.km-root .km-icon-label.k-i-download:before {
  content: "\E096";
}
.km-root .km-icon-label.k-i-draghandle:before {
  content: "\E097";
}
.km-root .km-icon-label.k-si-draghandle:before {
  content: "\E098";
}
.km-root .km-icon-label.k-i-envelop:before {
  content: "\E099";
}
.km-root .km-icon-label.k-i-envelop-open:before {
  content: "\E09A";
}
.km-root .km-icon-label.k-i-eye:before {
  content: "\E09B";
}
.km-root .km-icon-label.k-i-file:before {
  content: "\E09C";
}
.km-root .km-icon-label.k-i-file-add:before {
  content: "\E09D";
}
.km-root .km-icon-label.k-i-film:before {
  content: "\E09E";
}
.km-root .km-icon-label.k-i-flag:before {
  content: "\E09F";
}
.km-root .km-icon-label.k-i-folder-add:before {
  content: "\E0A0";
}
.km-root .km-icon-label.k-i-folder:before {
  content: "\E0A1";
}
.km-root .km-icon-label.k-i-folder-open:before {
  content: "\E0A2";
}
.km-root .km-icon-label.k-i-folder-up:before {
  content: "\E0A3";
}
.km-root .km-icon-label.k-i-gear:before {
  content: "\E0A4";
}
.km-root .km-icon-label.k-si-gear:before {
  content: "\E0A5";
}
.km-root .km-icon-label.k-i-transmit:before {
  content: "\E0A6";
}
.km-root .km-icon-label.k-i-beer:before {
  content: "\E0A7";
}
.km-root .km-icon-label.k-i-cocktail:before {
  content: "\E0A8";
}
.km-root .km-icon-label.k-i-coffee:before {
  content: "\E0A9";
}
.km-root .km-icon-label.k-i-wine:before {
  content: "\E0AA";
}
.km-root .km-icon-label.k-i-grid:before {
  content: "\E0AB";
}
.km-root .km-icon-label.k-i-thumbs:before {
  content: "\E0AC";
}
.km-root .km-icon-label.k-i-split-h:before {
  content: "\E0AD";
}
.km-root .km-icon-label.k-i-split-v:before {
  content: "\E0AE";
}
.km-root .km-icon-label.k-i-home:before {
  content: "\E0AF";
}
.km-root .km-icon-label.k-i-inbox:before {
  content: "\E0B0";
}
.km-root .km-icon-label.k-i-key:before {
  content: "\E0B1";
}
.km-root .km-icon-label.k-i-login:before {
  content: "\E0B2";
}
.km-root .km-icon-label.k-i-logout:before {
  content: "\E0B3";
}
.km-root .km-icon-label.k-i-place:before {
  content: "\E0B4";
}
.km-root .km-icon-label.k-i-megaphone:before {
  content: "\E0B5";
}
.km-root .km-icon-label.k-i-note:before {
  content: "\E0B6";
}
.km-root .km-icon-label.k-i-pin:before {
  content: "\E0B7";
}
.km-root .km-icon-label.k-i-unpin:before {
  content: "\E0B8";
}
.km-root .km-icon-label.k-i-power:before {
  content: "\E0B9";
}
.km-root .km-icon-label.k-i-progress-bars:before {
  content: "\E0BA";
}
.km-root .km-icon-label.k-i-road:before {
  content: "\E0BB";
}
.km-root .km-icon-label.k-i-rss:before {
  content: "\E0BC";
}
.km-root .km-icon-label.k-i-floppy:before {
  content: "\E0BD";
}
.km-root .km-icon-label.k-i-sitemap:before {
  content: "\E0BE";
}
.km-root .km-icon-label.k-i-tag-45:before {
  content: "\E0BF";
}
.km-root .km-icon-label.k-i-tag-h:before {
  content: "\E0C0";
}
.km-root .km-icon-label.k-i-thunderbolt:before {
  content: "\E0C1";
}
.km-root .km-icon-label.k-i-tooltip:before {
  content: "\E0C2";
}
.km-root .km-icon-label.k-i-trash:before {
  content: "\E0C3";
}
.km-root .km-icon-label.k-i-trophy:before {
  content: "\E0C4";
}
.km-root .km-icon-label.k-i-ungroup:before {
  content: "\E0C5";
}
.km-root .km-icon-label.k-i-upload:before {
  content: "\E0C6";
}
.km-root .km-icon-label.k-i-window:before {
  content: "\E0C7";
}
.km-root .km-icon-label.k-i-tiles:before {
  content: "\E0C8";
}
.km-root .km-icon-label.k-i-wrench:before {
  content: "\E0C9";
}
.km-root .km-icon-label.k-i-action:before {
  content: "\E0CA";
}
.km-root .km-icon-label.k-i-add:before {
  content: "\E0CB";
}
.km-root .km-icon-label.k-i-add-inv:before {
  content: "\E0CC";
}
.km-root .km-icon-label.k-i-armchair:before {
  content: "\E0CD";
}
.km-root .km-icon-label.k-i-battery:before {
  content: "\E0CE";
}
.km-root .km-icon-label.k-i-book-open:before {
  content: "\E0CF";
}
.km-root .km-icon-label.k-i-camera:before {
  content: "\E0D0";
}
.km-root .km-icon-label.k-i-cart:before {
  content: "\E0D1";
}
.km-root .km-icon-label.k-i-time:before {
  content: "\E0D2";
}
.km-root .km-icon-label.k-i-coffee-card:before {
  content: "\E0D3";
}
.km-root .km-icon-label.k-i-download-arrow:before {
  content: "\E0D4";
}
.km-root .km-icon-label.k-i-edit:before {
  content: "\E0D5";
}
.km-root .km-icon-label.k-i-faves:before {
  content: "\E0D6";
}
.km-root .km-icon-label.k-i-star:before {
  content: "\E0D7";
}
.km-root .km-icon-label.k-i-featured:before {
  content: "\E0D8";
}
.km-root .km-icon-label.k-i-forward:before {
  content: "\E0D9";
}
.km-root .km-icon-label.k-i-cog:before {
  content: "\E0DA";
}
.km-root .km-icon-label.k-i-globe:before {
  content: "\E0DB";
}
.km-root .km-icon-label.k-i-globe-inv:before {
  content: "\E0DC";
}
.km-root .km-icon-label.k-i-house:before {
  content: "\E0DD";
}
.km-root .km-icon-label.k-i-info:before {
  content: "\E0DE";
}
.km-root .km-icon-label.k-i-share:before {
  content: "\E0DF";
}
.km-root .km-icon-label.k-i-more-h:before {
  content: "\E0E0";
}
.km-root .km-icon-label.k-i-more-v:before {
  content: "\E0E1";
}
.km-root .km-icon-label.k-i-next:before {
  content: "\E0E2";
}
.km-root .km-icon-label.k-i-pause-a:before {
  content: "\E0E3";
}
.km-root .km-icon-label.k-i-user:before {
  content: "\E0E4";
}
.km-root .km-icon-label.k-i-play-a:before {
  content: "\E0E5";
}
.km-root .km-icon-label.k-i-refresh-a:before {
  content: "\E0E6";
}
.km-root .km-icon-label.k-i-reset:before {
  content: "\E0E7";
}
.km-root .km-icon-label.k-i-rewind:before {
  content: "\E0E8";
}
.km-root .km-icon-label.k-i-search-a:before {
  content: "\E0E9";
}
.km-root .km-icon-label.k-i-stop-a:before {
  content: "\E0EA";
}
.km-root .km-icon-label.k-i-tiles-a:before {
  content: "\E0EB";
}
.km-root .km-icon-label.k-i-trash-a:before {
  content: "\E0EC";
}
.km-root .km-icon-label.k-i-undo:before {
  content: "\E0ED";
}
.km-root .km-icon-label.k-i-redo:before {
  content: "\E0EE";
}
.km-root .km-icon-label.k-i-volume-a:before {
  content: "\E0EF";
}
.km-root .km-icon-label.k-i-wifi:before {
  content: "\E0F0";
}
.km-root .km-icon-label.k-i-more-lines:before {
  content: "\E0F1";
}
.km-root .km-icon-label.k-i-pull-to-ref:before {
  content: "\E0F2";
}
.km-root .km-icon-label.k-i-loading-android:before {
  content: "\E0F3";
}
.km-root .km-icon-label.k-i-loading-blackberry:before {
  content: "\E0F4";
}
.km-root .km-icon-label.k-i-loading-meego:before {
  content: "\E0F5";
}
.km-root .km-icon-label.k-i-loading-custom:before {
  content: "\E0F6";
}
.km-root .km-icon-label.k-i-loading-ios:before {
  content: "\E0F7";
}
.km-root .km-icon-label.k-i-bug:before {
  content: "\E0F8";
}
.km-root .km-icon-label.k-i-info:before {
  content: "\E0F9";
}
.km-root .km-icon-label.k-i-warning:before {
  content: "\E0FA";
}
.km-root .km-icon-label.k-i-question:before {
  content: "\E0FB";
}
.km-root .km-icon-label.k-i-insert-n:before {
  content: "\E0FC";
}
.km-root .km-icon-label.k-i-insert-m:before {
  content: "\E0FD";
}
.km-root .km-icon-label.k-i-insert-s:before {
  content: "\E0FE";
}
.km-root .km-icon-label.k-i-lock:before {
  content: "\E0FF";
}
.km-root .km-icon-label.k-i-unlock:before {
  content: "\E100";
}
.km-root .km-icon-label.k-i-phone:before {
  content: "\E101";
}
.km-root .km-icon-label.k-i-tablet:before {
  content: "\E102";
}
.km-root .km-icon-label.k-i-ol:before {
  content: "\E103";
}
.km-root .km-icon-label.k-i-barcode:before {
  content: "\E104";
}
.km-root .km-icon-label.k-i-html5:before {
  content: "\E105";
}
.km-root .km-icon-label.k-i-css3:before {
  content: "\E106";
}
.km-root .km-icon-label.k-i-kendoui:before {
  content: "\E107";
}
.km-root .km-icon-label.k-i-telerik:before {
  content: "\E108";
}
.km-root .km-icon-label.k-i-icenium:before {
  content: "\E109";
}
.km-root .km-icon-label.k-i-sitefinity:before {
  content: "\E10A";
}
.km-root .km-icon-label.k-i-twitter:before {
  content: "\E10B";
}
.km-root .km-icon-label.k-i-linkedin:before {
  content: "\E10C";
}
.km-root .km-icon-label.k-i-facebook:before {
  content: "\E10D";
}
.km-root .km-icon-label.k-i-pinterest:before {
  content: "\E10E";
}
.km-root .km-icon-label.k-i-youtube:before {
  content: "\E10F";
}
.km-root .km-icon-label.k-i-vimeo:before {
  content: "\E110";
}
.km-root .km-icon-label.k-i-behance:before {
  content: "\E111";
}
.km-root .km-icon-label.k-i-dribbble:before {
  content: "\E112";
}
.km-root .km-icon-label.k-i-googleplus:before {
  content: "\E113";
}
.km-root .km-icon-label.k-i-minimize:before {
  content: "\E114";
}
.km-root .km-icon-label.k-i-html:before {
  content: "\E115";
}
.km-root .km-icon-label.k-i-group:before {
  content: "\E116";
}
.km-root .km-icon-label.k-i-subscript:before {
  content: "\E117";
}
.km-root .km-icon-label.k-i-superscript:before {
  content: "\E118";
}
.km-root .km-icon-label.k-i-drophere:before {
  content: "\E119";
}
.k-fx-end .k-fx-current,
.k-fx-end .k-fx-next {
  -webkit-transition: all 350ms ease-out;
  transition: all 350ms ease-out;
}
.k-fx {
  position: relative;
}
.k-fx .k-fx-current {
  z-index: 0;
}
.k-fx .k-fx-next {
  z-index: 1;
}
.k-fx-hidden,
.k-fx-hidden * {
  visibility: hidden !important;
}
.k-fx-reverse .k-fx-current {
  z-index: 1;
}
.k-fx-reverse .k-fx-next {
  z-index: 0;
}
.k-fx-zoom.k-fx-start .k-fx-next {
  -webkit-transform: scale(0) !important;
  -ms-transform: scale(0) !important;
  transform: scale(0) !important;
}
.k-fx-zoom.k-fx-end .k-fx-next {
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next,
.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current {
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: scale(0) !important;
  -ms-transform: scale(0) !important;
  transform: scale(0) !important;
}
.k-fx-fade.k-fx-start .k-fx-next {
  will-change: opacity;
  opacity: 0;
}
.k-fx-fade.k-fx-end .k-fx-next {
  opacity: 1;
}
.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: opacity;
  opacity: 1;
}
.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current {
  opacity: 0;
}
.k-fx-slide.k-fx-end .k-fx-current .km-content,
.k-fx-slide.k-fx-end .k-fx-current .km-footer,
.k-fx-slide.k-fx-end .k-fx-current .km-header,
.k-fx-slide.k-fx-end .k-fx-next .km-content,
.k-fx-slide.k-fx-end .k-fx-next .km-footer,
.k-fx-slide.k-fx-end .k-fx-next .km-header {
  -webkit-transition: all 350ms ease-out;
  transition: all 350ms ease-out;
}
.k-fx-slide.k-fx-start .k-fx-next .km-content {
  will-change: transform;
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-slide.k-fx-start .k-fx-next .km-footer,
.k-fx-slide.k-fx-start .k-fx-next .km-header {
  will-change: opacity;
  opacity: 0;
}
.k-fx-slide.k-fx-end .k-fx-current .km-content {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-slide.k-fx-end .k-fx-next .km-footer,
.k-fx-slide.k-fx-end .k-fx-next .km-header {
  opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content {
  will-change: transform;
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer,
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header {
  will-change: opacity;
  opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer,
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header {
  opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer,
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header {
  opacity: 0;
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer,
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header {
  opacity: 1;
}
.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-tile.k-fx-start .k-fx-next {
  will-change: transform;
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-tile.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: transform;
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-tile.k-fx-start .k-fx-next {
  will-change: transform;
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-tile.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: transform;
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}
.k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next,
.k-fx.k-fx-overlay.k-fx-start .k-fx-next {
  will-change: transform;
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
  -webkit-transform: translatey(100%);
  -ms-transform: translatey(100%);
  transform: translatey(100%);
}
.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
  -webkit-transform: translatey(-100%);
  -ms-transform: translatey(-100%);
  transform: translatey(-100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: transform;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current,
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current {
  -webkit-transform: translatey(100%);
  -ms-transform: translatey(100%);
  transform: translatey(100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current {
  -webkit-transform: translatey(-100%);
  -ms-transform: translatey(-100%);
  transform: translatey(-100%);
}
.km-on-wp .km-filter-reset,
.km-on-wp .km-footer,
.km-on-wp .km-header,
.km-on-wp .km-scroll-container,
.km-on-wp .km-shim .k-animation-container,
.km-on-wp .km-slider,
.km-on-wp .km-switch,
.km-on-wp .km-view {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.km-blackberry,
.km-ios,
.km-on-android.km-4 .k-slider,
.km-on-blackberry .km-actionsheet-wrapper,
.km-on-blackberry .km-content,
.km-on-blackberry .km-footer,
.km-on-blackberry .km-header,
.km-on-blackberry .km-icon,
.km-on-blackberry .km-popup .k-item,
.km-on-blackberry .km-switch,
.km-on-blackberry .km-view,
.km-on-ios .km-filter-reset,
.km-on-ios .km-footer,
.km-on-ios .km-group-title,
.km-on-ios .km-header,
.km-on-ios .km-scroll-container,
.km-on-ios .km-shim .k-animation-container,
.km-on-ios .km-slider,
.km-on-ios .km-switch,
.km-on-ios .km-view {
  -webkit-transform: translatez(0);
}
.km-android.km-4.km-on-android .km-switch-wrapper,
.km-on-android.km-4 .km-content,
.km-on-android.km-4 .km-listview-wrapper,
.km-on-android.km-4 .km-scroll-container,
.km-on-android.km-4 .km-switch,
.km-on-android.km-4 .km-switch-handle,
.km-on-meego .km-content,
.km-on-meego .km-footer,
.km-on-meego .km-header,
.km-on-meego .km-icon,
.km-on-meego .km-switch,
.km-on-meego .km-switch-handle,
.km-on-meego .km-switch-wrapper {
  -webkit-transform: translatez(0);
  -webkit-backface-visibility: hidden;
}
.km-android4.km-ios-chrome .km-listview-wrapper {
  -webkit-transform: none;
}
.km-native-scrolling .km-drawer,
.km-native-scrolling .km-footer,
.km-native-scrolling .km-header,
.km-native-scrolling .km-popup-overlay,
.km-native-scrolling .km-shim,
.km-native-scrolling > .km-pane > .km-loader,
.km-on-android.km-4 .km-scroller-pull .km-icon {
  -webkit-backface-visibility: hidden;
}
.km-on-android.km-4 input {
  -webkit-user-modify: read-write-plaintext-only;
}
.km-meego .km-view .km-absolute,
.km-wp .km-view .km-absolute {
  position: absolute;
}
.km-button .km-icon,
.km-detail .km-icon,
.km-ios .km-button .km-icon,
.km-list .km-icon {
  width: 1em;
  height: 1em;
  font-size: 1em;
  margin-left: -0.3em;
  margin-right: .3em;
  vertical-align: baseline;
  display: inline-block;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
html .km-widget .km-view .km-notext {
  margin-left: 0;
  margin-right: 0;
}
.km-buttongroup .km-button .km-icon {
  width: 1em;
  height: 1em;
  font-size: 1em;
  margin: 0.05em 0.16em 0 0;
}
.km-tabstrip .km-button .km-icon {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 2.5rem;
}
.km-tabstrip .km-button .km-icon,
.km-tabstrip .km-image {
  margin: 0 auto .1em;
  display: inline-block;
}
.km-tabstrip .km-text {
  display: block;
}
.km-phone .km-tabstrip .km-icon {
  height: 2.2rem;
  width: 2.2rem;
  font-size: 2.2rem;
}
.km-phone .km-horizontal .km-tabstrip .km-icon {
  height: 2rem;
  width: 2rem;
  font-size: 2rem;
}
@font-face {
  font-family: "Kendo UI";
  src: url(images/kendoui.woff?v=1.1) format("woff"), url(images/kendoui.ttf?v=1.1) format("truetype"), url(images/kendoui.svg#kendoui) format("svg");
}
body:before {
  font-family: "Kendo UI";
  content: "\a0";
  font-size: 0;
  width: 0;
  height: 0;
  position: absolute;
  z-index: -1;
}
.km-root .km-pane .km-view .km-icon {
  -webkit-background-clip: text;
  -webkit-background-size: 0 0;
  background-size: 0 0;
}
.km-icon {
  position: relative;
}
.km-contactadd:after,
.km-contactadd:before,
.km-detaildisclose:after,
.km-detaildisclose:before,
.km-filter-wrap:before,
.km-icon:after,
.km-icon:before,
.km-loading:after,
.km-rowdelete:after,
.km-rowdelete:before,
.km-rowinsert:after,
.km-rowinsert:before {
  position: relative;
  content: "\a0";
  display: block;
  width: 100%;
  height: 100%;
  text-align: left;
  vertical-align: middle;
  -webkit-background-size: auto auto;
  background-size: auto;
  font: 1em/1em "Kendo UI";
}
.km-contactadd:before,
.km-detaildisclose:before,
.km-icon:before,
.km-rowdelete:before,
.km-rowinsert:before {
  position: absolute;
  margin-top: 1px;
  color: rgba(0, 0, 0, 0.7);
  display: none;
}
.km-state-active .km-contactadd:before,
.km-state-active .km-detaildisclose:before,
.km-state-active .km-icon:before,
.km-state-active .km-rowdelete:before,
.km-state-active .km-rowinsert:before {
  display: block;
}
.km-ios7 .km-detaildisclose:after {
  font-family: serif;
}
.km-ios7 .km-contactadd:before,
.km-ios7 .km-detaildisclose:before,
.km-ios7 .km-icon:before,
.km-ios7 .km-rowdelete:before,
.km-ios7 .km-rowinsert:before {
  display: none;
}
.k-safari .km-blackberry:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after,
.k-safari .km-ios:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after,
.k-webkit .km-blackberry:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after,
.k-webkit .km-ios:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-icon:after {
  background-image: inherit;
  background-repeat: inherit;
  background-position: inherit;
  background-color: currentcolor;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.km-root .km-pane.km-on-blackberry.km-blackberry6 .km-view .km-icon:after,
.km-root .km-pane.km-on-blackberry.km-blackberry7 .km-view .km-icon:after,
.km-root .km-pane.km-pane.km-on-android .km-view .km-icon:after,
.km-root .km-pane.km-pane.km-on-meego .km-view .km-icon:after {
  background: 0 0;
  -webkit-text-fill-color: inherit;
}
.km-contactadd:after,
.km-contactadd:before,
.km-rowinsert:after,
.km-rowinsert:before {
  content: "\E039";
}
.km-rowdelete:after,
.km-rowdelete:before {
  content: "\E03a";
}
.km-detaildisclose:after,
.km-detaildisclose:before {
  content: "\E0E2";
}
.km-action:after,
.km-action:before {
  content: "\e0ca";
}
.km-add:after,
.km-add:before {
  content: "\e0cb";
}
.km-arrow-n:after,
.km-arrow-n:before {
  content: "\e001";
}
.km-arrow-s:after,
.km-arrow-s:before {
  content: "\e002";
}
.km-battery:after,
.km-battery:before {
  content: "\e0ce";
}
.km-bookmarks:after,
.km-bookmarks:before {
  content: "\e0cf";
}
.km-camera:after,
.km-camera:before {
  content: "\e0d0";
}
.km-cart:after,
.km-cart:before {
  content: "\e0d1";
}
.km-compose:after,
.km-compose:before,
.km-edit:after,
.km-edit:before {
  content: "\e0d5";
}
.km-contacts:after,
.km-contacts:before {
  content: "\e0e4";
}
.km-delete:after,
.km-delete:before,
.km-trash:after,
.km-trash:before {
  content: "\e0ec";
}
.km-details:after,
.km-details:before {
  content: "\e0e2";
}
.km-download:after,
.km-download:before,
.km-downloads:after,
.km-downloads:before {
  content: "\e0d4";
}
.km-fastforward:after,
.km-fastforward:before {
  content: "\e0d9";
}
.km-favorites:after,
.km-favorites:before,
.km-toprated:after,
.km-toprated:before {
  content: "\e0d7";
}
.km-featured:after,
.km-featured:before {
  content: "\e0d8";
}
.km-globe:after,
.km-globe:before {
  content: "\e0dc";
}
.km-history:after,
.km-history:before {
  content: "\e0e7";
}
.km-home:after,
.km-home:before {
  content: "\e0dd";
}
.km-about:after,
.km-about:before,
.km-info:after,
.km-info:before {
  content: "\e0de";
}
.km-minus:after,
.km-minus:before {
  content: "\e033";
}
.km-more:after,
.km-more:before {
  content: "\e0e0";
}
.km-mostrecent:after,
.km-mostrecent:before {
  content: "\e0cc";
}
.km-mostviewed:after,
.km-mostviewed:before {
  content: "\e0d6";
}
.km-organize:after,
.km-organize:before {
  content: "\e0eb";
}
.km-pause:after,
.km-pause:before {
  content: "\e0e3";
}
.km-play:after,
.km-play:before {
  content: "\e0e5";
}
.km-plus:after,
.km-plus:before {
  content: "\e032";
}
.km-recents:after,
.km-recents:before {
  content: "\e0d2";
}
.km-refresh:after,
.km-refresh:before {
  content: "\e0e6";
}
.km-reply:after,
.km-reply:before {
  content: "\e0ed";
}
.km-rewind:after,
.km-rewind:before {
  content: "\e0e8";
}
.km-search:after,
.km-search:before {
  content: "\e0e9";
}
.km-settings:after,
.km-settings:before {
  content: "\e0da";
}
.km-share:after,
.km-share:before {
  content: "\e0df";
}
.km-sounds:after,
.km-sounds:before,
.km-volume:after,
.km-volume:before {
  content: "\e0ef";
}
.km-stop:after,
.km-stop:before {
  content: "\e0ea";
}
.km-wifi:after,
.km-wifi:before {
  content: "\e0f0";
}
.km-drawer-icon:after,
.km-drawer-icon:before,
.km-hamburger:after,
.km-hamburger:before {
  content: "\e105";
}
.km-root .km-pane .km-icon.km-check {
  -webkit-background-clip: initial;
}
.km-root .km-pane .km-check:checked:after,
.km-widget .km-check:checked:after {
  content: "\e227";
}
.km-android .km-more:after,
.km-android .km-more:before {
  content: "\e0e1";
}
.km-meego .km-more:after,
.km-meego .km-more:before {
  content: "\e0f1";
}
.km-wp .km-load-more .km-icon:after,
.km-wp .km-loading:after,
.km-wp .km-scroller-refresh .km-icon:after {
  content: "\e0f6";
}
.km-meego .km-load-more .km-icon:after,
.km-meego .km-loading:after,
.km-meego .km-scroller-refresh .km-icon:after {
  content: "\e0f6";
}
.km-android .km-load-more .km-icon:after,
.km-root .km-android .km-loading:after,
.km-root .km-android .km-scroller-refresh .km-icon:after {
  content: "\e0f6";
}
.km-scroller-pull .km-icon:after {
  content: "\e0f2";
}
.km-icon.km-phone:after,
.km-ios7 .km-state-active .km-phone:after {
  content: "\e326";
}
.km-ios7 .km-detaildisclose:after {
  content: "i";
}
.km-ios7 .km-action:after {
  content: "\e1ff";
}
.km-ios7 .km-add:after {
  content: "\e200";
}
.km-ios7 .km-mostrecent:after {
  content: "\e201";
}
.km-ios7 .km-battery:after {
  content: "\e203";
}
.km-ios7 .km-bookmarks:after {
  content: "\e204";
}
.km-ios7 .km-camera:after {
  content: "\e205";
}
.km-ios7 .km-cart:after {
  content: "\e206";
}
.km-ios7 .km-recents:after {
  content: "\e207";
}
.km-ios7 .km-download:after,
.km-ios7 .km-downloads:after {
  content: "\e209";
}
.km-ios7 .km-edit:after {
  content: "\e20a";
}
.km-ios7 .km-mostviewed:after {
  content: "\e20b";
}
.km-ios7 .km-favorites:after,
.km-ios7 .km-toprated:after {
  content: "\e20c";
}
.km-ios7 .km-featured:after {
  content: "\e20d";
}
.km-ios7 .km-fastforward:after {
  content: "\e20e";
}
.km-ios7 .km-settings:after {
  content: "\e20f";
}
.km-ios7 .km-globe:after {
  content: "\e211";
}
.km-ios7 .km-home:after {
  content: "\e212";
}
.km-ios7 .km-about:after,
.km-ios7 .km-info:after {
  content: "\e213";
}
.km-ios7 .km-share:after {
  content: "\e214";
}
.km-ios7 .km-more:after {
  content: "\e215";
}
.km-ios7 .km-details:after {
  content: "\e217";
}
.km-ios7 .km-pause:after {
  content: "\e218";
}
.km-ios7 .km-contacts:after {
  content: "\e219";
}
.km-ios7 .km-play:after {
  content: "\e21a";
}
.km-ios7 .km-refresh:after {
  content: "\e21b";
}
.km-ios7 .km-history:after {
  content: "\e21c";
}
.km-ios7 .km-rewind:after {
  content: "\e21d";
}
.km-ios7 .km-search:after {
  content: "\e21e";
}
.km-ios7 .km-stop:after {
  content: "\e21f";
}
.km-ios7 .km-organize:after {
  content: "\e220";
}
.km-ios7 .km-delete:after,
.km-ios7 .km-trash:after {
  content: "\e221";
}
.km-ios7 .km-reply:after {
  content: "\e222";
}
.km-ios7 .km-forward:after {
  content: "\e223";
}
.km-ios7 .km-sounds:after,
.km-ios7 .km-volume:after {
  content: "\e224";
}
.km-ios7 .km-wifi:after {
  content: "\e225";
}
.km-ios7 .km-phone:after {
  content: "\e226";
}
.km-ios7 .km-state-active .km-action:after {
  content: "\e2ff";
}
.km-ios7 .km-state-active .km-add:after {
  content: "\e300";
}
.km-ios7 .km-state-active .km-mostrecent:after {
  content: "\e301";
}
.km-ios7 .km-state-active .km-battery:after {
  content: "\e303";
}
.km-ios7 .km-state-active .km-bookmarks:after {
  content: "\e304";
}
.km-ios7 .km-state-active .km-camera:after {
  content: "\e305";
}
.km-ios7 .km-state-active .km-cart:after {
  content: "\e306";
}
.km-ios7 .km-state-active .km-recents:after {
  content: "\e307";
}
.km-ios7 .km-state-active .km-download:after,
.km-ios7 .km-state-active .km-downloads:after {
  content: "\e309";
}
.km-ios7 .km-state-active .km-edit:after {
  content: "\e30a";
}
.km-ios7 .km-state-active .km-mostviewed:after {
  content: "\e30b";
}
.km-ios7 .km-state-active .km-favorites:after,
.km-ios7 .km-state-active .km-toprated:after {
  content: "\e30c";
}
.km-ios7 .km-state-active .km-featured:after {
  content: "\e30d";
}
.km-ios7 .km-state-active .km-fastforward:after {
  content: "\e30e";
}
.km-ios7 .km-state-active .km-settings:after {
  content: "\e30f";
}
.km-ios7 .km-state-active .km-globe:after {
  content: "\e311";
}
.km-ios7 .km-state-active .km-home:after {
  content: "\e312";
}
.km-ios7 .km-state-active .km-about:after,
.km-ios7 .km-state-active .km-info:after {
  content: "\e313";
}
.km-ios7 .km-state-active .km-share:after {
  content: "\e314";
}
.km-ios7 .km-state-active .km-more:after {
  content: "\e315";
}
.km-ios7 .km-state-active .km-details:after {
  content: "\e317";
}
.km-ios7 .km-state-active .km-pause:after {
  content: "\e318";
}
.km-ios7 .km-state-active .km-contacts:after {
  content: "\e319";
}
.km-ios7 .km-state-active .km-play:after {
  content: "\e31a";
}
.km-ios7 .km-state-active .km-refresh:after {
  content: "\e31b";
}
.km-ios7 .km-state-active .km-history:after {
  content: "\e31c";
}
.km-ios7 .km-state-active .km-rewind:after {
  content: "\e31d";
}
.km-ios7 .km-state-active .km-search:after {
  content: "\e31e";
}
.km-ios7 .km-state-active .km-stop:after {
  content: "\e31f";
}
.km-ios7 .km-state-active .km-organize:after {
  content: "\e320";
}
.km-ios7 .km-state-active .km-delete:after,
.km-ios7 .km-state-active .km-trash:after {
  content: "\e321";
}
.km-ios7 .km-state-active .km-reply:after {
  content: "\e322";
}
.km-ios7 .km-state-active .km-forward:after {
  content: "\e323";
}
.km-ios7 .km-state-active .km-sounds:after,
.km-ios7 .km-state-active .km-volume:after {
  content: "\e324";
}
.km-ios7 .km-state-active .km-wifi:after {
  content: "\e325";
}
.km-arrowdown:after,
.km-arrowdown:before {
  content: "\e002";
}
.km-wp .km-scroller-pull .km-icon:after {
  content: "\E0D4";
}
.km-on-wp.km-app .km-filter-wrap:before,
.km-on-wp.km-app .km-icon:after,
.km-on-wp.km-app .km-state-active .km-icon:after {
  color: transparent;
  background-image: url(images/wp8_icons.png);
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  height: 1em;
  margin-top: 0;
  vertical-align: middle;
}
.km-wp-light.km-app .km-filter-wrap:before,
.km-wp-light.km-app .km-icon:after {
  background-image: url(images/wp8_inverseicons.png);
}
.km-on-wp.km-app .km-icon {
  line-height: 1em;
}
.km-on-wp.km-app .km-icon:before {
  display: none;
}
.km-on-wp.km-app .km-action:after {
  background-position-x: 20%;
}
.km-on-wp.km-app .km-add:after,
.km-on-wp.km-app .km-filter-reset .km-clear:after {
  background-position-x: 22%;
}
.km-on-wp.km-app .km-battery:after {
  background-position-x: 24%;
}
.km-on-wp.km-app .km-bookmarks:after {
  background-position-x: 26%;
}
.km-on-wp.km-app .km-camera:after {
  background-position-x: 28%;
}
.km-on-wp.km-app .km-cart:after {
  background-position-x: 30%;
}
.km-on-wp.km-app .km-compose:after,
.km-on-wp.km-app .km-edit:after {
  background-position-x: 32%;
}
.km-on-wp.km-app .km-contacts:after {
  background-position-x: 34%;
}
.km-on-wp.km-app .km-delete:after,
.km-on-wp.km-app .km-trash:after {
  background-position-x: 36%;
}
.km-on-wp.km-app .km-details:after {
  background-position-x: 38%;
}
.km-on-wp.km-app .km-download:after,
.km-on-wp.km-app .km-downloads:after {
  background-position-x: 40%;
}
.km-on-wp.km-app .km-fastforward:after {
  background-position-x: 42%;
}
.km-on-wp.km-app .km-favorites:after,
.km-on-wp.km-app .km-toprated:after {
  background-position-x: 44%;
}
.km-on-wp.km-app .km-featured:after {
  background-position-x: 46%;
}
.km-on-wp.km-app .km-globe:after {
  background-position-x: 48%;
}
.km-on-wp.km-app .km-history:after {
  background-position-x: 50%;
}
.km-on-wp.km-app .km-home:after {
  background-position-x: 52%;
}
.km-on-wp.km-app .km-about:after,
.km-on-wp.km-app .km-info:after {
  background-position-x: 54%;
}
.km-on-wp.km-app .km-more:after {
  background-position-x: 56%;
}
.km-on-wp.km-app .km-mostrecent:after {
  background-position-x: 58%;
}
.km-on-wp.km-app .km-mostviewed:after {
  background-position-x: 60%;
}
.km-on-wp.km-app .km-organize:after {
  background-position-x: 62%;
}
.km-on-wp.km-app .km-pause:after {
  background-position-x: 64%;
}
.km-on-wp.km-app .km-play:after {
  background-position-x: 66%;
}
.km-on-wp.km-app .km-recents:after {
  background-position-x: 68%;
}
.km-on-wp.km-app .km-refresh:after {
  background-position-x: 70%;
}
.km-on-wp.km-app .km-reply:after {
  background-position-x: 72%;
}
.km-on-wp.km-app .km-rewind:after {
  background-position-x: 74%;
}
.km-on-wp.km-app .km-filter-wrap:before,
.km-on-wp.km-app .km-search:after {
  background-position-x: 76%;
}
.km-on-wp.km-app .km-settings:after {
  background-position-x: 78%;
}
.km-on-wp.km-app .km-share:after {
  background-position-x: 80%;
}
.km-on-wp.km-app .km-sounds:after,
.km-on-wp.km-app .km-volume:after {
  background-position-x: 82%;
}
.km-on-wp.km-app .km-stop:after {
  background-position-x: 84%;
}
.km-on-wp.km-app .km-wifi:after {
  background-position-x: 86%;
}
.km-on-wp.km-app.km-android .km-more:after {
  background-position-x: 88%;
}
.km-on-wp.km-app.km-meego .km-more:after {
  background-position-x: 90%;
}
.km-on-wp.km-app.km-meego .km-load-more .km-icon:after,
.km-on-wp.km-app.km-meego .km-loading:after,
.km-on-wp.km-app.km-meego .km-scroller-refresh .km-icon:after {
  background-position-x: 94%;
}
.km-on-wp.km-app .km-scroller-pull .km-icon:after {
  background-position-x: 100%;
}
.km-on-wp.km-app .km-filter-wrap:before {
  display: inline-block;
  content: "\a0";
}
.km-on-wp.km-app .km-filter-reset .km-clear:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.km-list .km-icon-label.k-i-arrow-e:before {
  content: "\E000";
}
.km-list .km-icon-label.k-i-arrow-n:before {
  content: "\E001";
}
.km-list .km-icon-label.k-i-arrow-s:before {
  content: "\E002";
}
.km-list .km-icon-label.k-i-arrow-w:before {
  content: "\E003";
}
.km-list .km-icon-label.k-i-arrow-ne:before {
  content: "\E004";
}
.km-list .km-icon-label.k-i-arrow-nw:before {
  content: "\E005";
}
.km-list .km-icon-label.k-i-arrow-se:before {
  content: "\E006";
}
.km-list .km-icon-label.k-i-arrow-sw:before {
  content: "\E007";
}
.km-list .km-icon-label.k-i-seek-e:before {
  content: "\E008";
}
.km-list .km-icon-label.k-i-seek-n:before {
  content: "\E009";
}
.km-list .km-icon-label.k-i-seek-s:before {
  content: "\E00A";
}
.km-list .km-icon-label.k-i-seek-w:before {
  content: "\E00B";
}
.km-list .km-icon-label.k-i-sarrow-e:before,
.km-list .km-icon-label.k-si-arrow-e:before {
  content: "\E00C";
}
.km-list .km-icon-label.k-i-sarrow-n:before,
.km-list .km-icon-label.k-si-arrow-n:before {
  content: "\E00D";
}
.km-list .km-icon-label.k-i-sarrow-s:before,
.km-list .km-icon-label.k-si-arrow-s:before {
  content: "\E00E";
}
.km-list .km-icon-label.k-i-sarrow-w:before,
.km-list .km-icon-label.k-si-arrow-w:before {
  content: "\E00F";
}
.km-list .km-icon-label.k-i-arrowhead-e:before {
  content: "\E010";
}
.km-list .km-icon-label.k-i-arrowhead-n:before {
  content: "\E011";
}
.km-list .km-icon-label.k-i-arrowhead-s:before {
  content: "\E012";
}
.km-list .km-icon-label.k-i-arrowhead-w:before {
  content: "\E013";
}
.km-list .km-icon-label.k-i-arrowhead-ew:before {
  content: "\E014";
}
.km-list .km-icon-label.k-i-arrowhead-ns:before {
  content: "\E015";
}
.km-list .km-icon-label.k-i-move:before {
  content: "\E016";
}
.km-list .km-icon-label.k-i-resize:before {
  content: "\E017";
}
.km-list .km-icon-label.k-i-resize-45:before {
  content: "\E018";
}
.km-list .km-icon-label.k-i-resize-135:before {
  content: "\E019";
}
.km-list .km-icon-label.k-i-resize-h:before {
  content: "\E01A";
}
.km-list .km-icon-label.k-i-resize-v:before {
  content: "\E01B";
}
.km-list .km-icon-label.k-i-refresh:before {
  content: "\E01C";
}
.km-list .km-icon-label.k-i-refresh-rev:before {
  content: "\E01D";
}
.km-list .km-icon-label.k-i-srefresh:before,
.km-list .km-icon-label.k-si-refresh:before {
  content: "\E01E";
}
.km-list .km-icon-label.k-s-srefresh-rev:before,
.km-list .km-icon-label.k-si-refresh-rev:before {
  content: "\E01F";
}
.km-list .km-icon-label.k-i-turn-en:before {
  content: "\E020";
}
.km-list .km-icon-label.k-i-turn-es:before {
  content: "\E021";
}
.km-list .km-icon-label.k-i-turn-ne:before {
  content: "\E022";
}
.km-list .km-icon-label.k-i-turn-nw:before {
  content: "\E023";
}
.km-list .km-icon-label.k-i-turn-se:before {
  content: "\E024";
}
.km-list .km-icon-label.k-i-turn-sw:before {
  content: "\E025";
}
.km-list .km-icon-label.k-i-turn-wn:before {
  content: "\E026";
}
.km-list .km-icon-label.k-i-turn-ws:before {
  content: "\E027";
}
.km-list .km-icon-label.k-i-uturn-e:before {
  content: "\E028";
}
.km-list .km-icon-label.k-i-uturn-e-rev:before {
  content: "\E029";
}
.km-list .km-icon-label.k-i-uturn-n:before {
  content: "\E02A";
}
.km-list .km-icon-label.k-i-uturn-n-rev:before {
  content: "\E02B";
}
.km-list .km-icon-label.k-i-uturn-s:before {
  content: "\E02C";
}
.km-list .km-icon-label.k-i-uturn-s-rev:before {
  content: "\E02D";
}
.km-list .km-icon-label.k-i-uturn-w:before {
  content: "\E02E";
}
.km-list .km-icon-label.k-i-uturn-w-rev:before {
  content: "\E02F";
}
.km-list .km-icon-label.k-i-tick-sign:before {
  content: "\E030";
}
.km-list .km-icon-label.k-i-close-sign:before {
  content: "\E031";
}
.km-list .km-icon-label.k-i-plus-sign:before {
  content: "\E032";
}
.km-list .km-icon-label.k-i-minus-sign:before {
  content: "\E033";
}
.km-list .km-icon-label.k-i-splus-sign:before,
.km-list .km-icon-label.k-si-plus-sign:before {
  content: "\E034";
}
.km-list .km-icon-label.k-i-sminus-sign:before,
.km-list .km-icon-label.k-si-minus-sign:before {
  content: "\E035";
}
.km-list .km-icon-label.k-i-cancel:before {
  content: "\E036";
}
.km-list .km-icon-label.k-i-tick:before {
  content: "\E037";
}
.km-list .km-icon-label.k-i-close:before {
  content: "\E038";
}
.km-list .km-icon-label.k-i-plus:before {
  content: "\E039";
}
.km-list .km-icon-label.k-i-minus:before {
  content: "\E03A";
}
.km-list .km-icon-label.k-i-splus:before,
.km-list .km-icon-label.k-si-plus:before {
  content: "\E03B";
}
.km-list .km-icon-label.k-i-sminus:before,
.km-list .km-icon-label.k-si-minus:before {
  content: "\E03C";
}
.km-list .km-icon-label.k-i-stop:before {
  content: "\E03D";
}
.km-list .km-icon-label.k-i-pause:before {
  content: "\E03E";
}
.km-list .km-icon-label.k-i-eject:before {
  content: "\E03F";
}
.km-list .km-icon-label.k-i-volume-off:before {
  content: "\E040";
}
.km-list .km-icon-label.k-i-volume-low:before {
  content: "\E041";
}
.km-list .km-icon-label.k-i-volume-high:before {
  content: "\E042";
}
.km-list .km-icon-label.k-i-earphones:before {
  content: "\E043";
}
.km-list .km-icon-label.k-i-heart:before {
  content: "\E044";
}
.km-list .km-icon-label.k-i-heart-empty:before {
  content: "\E045";
}
.km-list .km-icon-label.k-i-heart-half:before {
  content: "\E046";
}
.km-list .km-icon-label.k-i-star:before {
  content: "\E047";
}
.km-list .km-icon-label.k-i-star-empty:before {
  content: "\E048";
}
.km-list .km-icon-label.k-i-star-half:before {
  content: "\E049";
}
.km-list .km-icon-label.k-i-star-half-empty:before {
  content: "\E04A";
}
.km-list .km-icon-label.k-i-chart-column:before {
  content: "\E04B";
}
.km-list .km-icon-label.k-i-chart-bar:before {
  content: "\E04C";
}
.km-list .km-icon-label.k-i-chart-pie:before {
  content: "\E04D";
}
.km-list .km-icon-label.k-i-chart-donut:before {
  content: "\E04E";
}
.km-list .km-icon-label.k-i-chart-line:before {
  content: "\E04F";
}
.km-list .km-icon-label.k-i-chart-area:before {
  content: "\E050";
}
.km-list .km-icon-label.k-i-chart-donut:before {
  content: "\E051";
}
.km-list .km-icon-label.k-i-align-left:before {
  content: "\E052";
}
.km-list .km-icon-label.k-i-align-center:before {
  content: "\E053";
}
.km-list .km-icon-label.k-i-align-right:before {
  content: "\E054";
}
.km-list .km-icon-label.k-i-align-justify:before {
  content: "\E055";
}
.km-list .km-icon-label.k-i-align-clear:before {
  content: "\E056";
}
.km-list .km-icon-label.k-i-bold:before {
  content: "\E057";
}
.km-list .km-icon-label.k-i-bold-sans:before {
  content: "\E058";
}
.km-list .km-icon-label.k-i-italic:before {
  content: "\E059";
}
.km-list .km-icon-label.k-i-italic-sans:before {
  content: "\E05A";
}
.km-list .km-icon-label.k-i-underline:before {
  content: "\E05B";
}
.km-list .km-icon-label.k-i-underline-sans:before {
  content: "\E05C";
}
.km-list .km-icon-label.k-i-strikethrough:before {
  content: "\E05D";
}
.km-list .km-icon-label.k-i-strikethrough-sans:before {
  content: "\E05E";
}
.km-list .km-icon-label.k-i-font-a:before {
  content: "\E05F";
}
.km-list .km-icon-label.k-i-font-a-sans:before {
  content: "\E060";
}
.km-list .km-icon-label.k-i-font-t:before {
  content: "\E061";
}
.km-list .km-icon-label.k-i-font-t-sans:before {
  content: "\E062";
}
.km-list .km-icon-label.k-i-brightness:before {
  content: "\E063";
}
.km-list .km-icon-label.k-i-brightness-contrast:before {
  content: "\E064";
}
.km-list .km-icon-label.k-i-contrast:before {
  content: "\E065";
}
.km-list .km-icon-label.k-i-crop:before {
  content: "\E066";
}
.km-list .km-icon-label.k-i-mirror:before {
  content: "\E067";
}
.km-list .km-icon-label.k-i-flip-h:before {
  content: "\E068";
}
.km-list .km-icon-label.k-i-flip-v:before {
  content: "\E069";
}
.km-list .km-icon-label.k-i-rotate:before {
  content: "\E06A";
}
.km-list .km-icon-label.k-i-rotate-rev:before {
  content: "\E06B";
}
.km-list .km-icon-label.k-i-filter:before {
  content: "\E06C";
}
.km-list .km-icon-label.k-i-filter-clear:before {
  content: "\E06D";
}
.km-list .km-icon-label.k-i-sort-asc:before {
  content: "\E06E";
}
.km-list .km-icon-label.k-i-sort-desc:before {
  content: "\E06F";
}
.km-list .km-icon-label.k-i-sort-clear:before {
  content: "\E070";
}
.km-list .km-icon-label.k-i-indent:before {
  content: "\E071";
}
.km-list .km-icon-label.k-i-outdent:before {
  content: "\E072";
}
.km-list .km-icon-label.k-i-hyperlink:before {
  content: "\E073";
}
.km-list .km-icon-label.k-i-hyperlink-clear:before {
  content: "\E074";
}
.km-list .km-icon-label.k-i-hyperlink-ext:before {
  content: "\E075";
}
.km-list .km-icon-label.k-si-hyperlink-ext:before {
  content: "\E076";
}
.km-list .km-icon-label.k-i-ul:before {
  content: "\E077";
}
.km-list .km-icon-label.k-si-ul:before {
  content: "\E078";
}
.km-list .km-icon-label.k-i-paint:before {
  content: "\E079";
}
.km-list .km-icon-label.k-i-paste:before {
  content: "\E07A";
}
.km-list .km-icon-label.k-i-pencil:before {
  content: "\E07B";
}
.km-list .km-icon-label.k-i-image:before {
  content: "\E07C";
}
.km-list .km-icon-label.k-i-image-add:before {
  content: "\E07D";
}
.km-list .km-icon-label.k-i-print:before {
  content: "\E07E";
}
.km-list .km-icon-label.k-i-zoom:before {
  content: "\E07F";
}
.km-list .km-icon-label.k-i-zoom-in:before {
  content: "\E080";
}
.km-list .km-icon-label.k-i-zoom-out:before {
  content: "\E081";
}
.km-list .km-icon-label.k-i-asterisk:before {
  content: "\E082";
}
.km-list .km-icon-label.k-i-clip:before {
  content: "\E083";
}
.km-list .km-icon-label.k-i-clip-45:before {
  content: "\E084";
}
.km-list .km-icon-label.k-i-qrcode:before {
  content: "\E085";
}
.km-list .km-icon-label.k-i-book:before {
  content: "\E086";
}
.km-list .km-icon-label.k-i-bookmark:before {
  content: "\E087";
}
.km-list .km-icon-label.k-i-briefcase:before {
  content: "\E088";
}
.km-list .km-icon-label.k-i-calendar:before {
  content: "\E089";
}
.km-list .km-icon-label.k-i-camera-still:before {
  content: "\E08A";
}
.km-list .km-icon-label.k-i-camera-video:before {
  content: "\E08B";
}
.km-list .km-icon-label.k-i-certificate:before {
  content: "\E08C";
}
.km-list .km-icon-label.k-i-clock:before {
  content: "\E08D";
}
.km-list .km-icon-label.k-i-cloud:before {
  content: "\E08E";
}
.km-list .km-icon-label.k-i-collapse:before {
  content: "\E08F";
}
.km-list .km-icon-label.k-i-columns:before {
  content: "\E090";
}
.km-list .km-icon-label.k-i-comment:before {
  content: "\E091";
}
.km-list .km-icon-label.k-i-comment-empty:before {
  content: "\E092";
}
.km-list .km-icon-label.k-i-comments:before {
  content: "\E093";
}
.km-list .km-icon-label.k-i-comments-empty:before {
  content: "\E094";
}
.km-list .km-icon-label.k-i-credit-card:before {
  content: "\E095";
}
.km-list .km-icon-label.k-i-download:before {
  content: "\E096";
}
.km-list .km-icon-label.k-i-draghandle:before {
  content: "\E097";
}
.km-list .km-icon-label.k-si-draghandle:before {
  content: "\E098";
}
.km-list .km-icon-label.k-i-envelop:before {
  content: "\E099";
}
.km-list .km-icon-label.k-i-envelop-open:before {
  content: "\E09A";
}
.km-list .km-icon-label.k-i-eye:before {
  content: "\E09B";
}
.km-list .km-icon-label.k-i-file:before {
  content: "\E09C";
}
.km-list .km-icon-label.k-i-file-add:before {
  content: "\E09D";
}
.km-list .km-icon-label.k-i-film:before {
  content: "\E09E";
}
.km-list .km-icon-label.k-i-flag:before {
  content: "\E09F";
}
.km-list .km-icon-label.k-i-folder-add:before {
  content: "\E0A0";
}
.km-list .km-icon-label.k-i-folder:before {
  content: "\E0A1";
}
.km-list .km-icon-label.k-i-folder-open:before {
  content: "\E0A2";
}
.km-list .km-icon-label.k-i-folder-up:before {
  content: "\E0A3";
}
.km-list .km-icon-label.k-i-gear:before {
  content: "\E0A4";
}
.km-list .km-icon-label.k-si-gear:before {
  content: "\E0A5";
}
.km-list .km-icon-label.k-i-transmit:before {
  content: "\E0A6";
}
.km-list .km-icon-label.k-i-beer:before {
  content: "\E0A7";
}
.km-list .km-icon-label.k-i-cocktail:before {
  content: "\E0A8";
}
.km-list .km-icon-label.k-i-coffee:before {
  content: "\E0A9";
}
.km-list .km-icon-label.k-i-wine:before {
  content: "\E0AA";
}
.km-list .km-icon-label.k-i-grid:before {
  content: "\E0AB";
}
.km-list .km-icon-label.k-i-thumbs:before {
  content: "\E0AC";
}
.km-list .km-icon-label.k-i-split-h:before {
  content: "\E0AD";
}
.km-list .km-icon-label.k-i-split-v:before {
  content: "\E0AE";
}
.km-list .km-icon-label.k-i-home:before {
  content: "\E0AF";
}
.km-list .km-icon-label.k-i-inbox:before {
  content: "\E0B0";
}
.km-list .km-icon-label.k-i-key:before {
  content: "\E0B1";
}
.km-list .km-icon-label.k-i-login:before {
  content: "\E0B2";
}
.km-list .km-icon-label.k-i-logout:before {
  content: "\E0B3";
}
.km-list .km-icon-label.k-i-place:before {
  content: "\E0B4";
}
.km-list .km-icon-label.k-i-megaphone:before {
  content: "\E0B5";
}
.km-list .km-icon-label.k-i-note:before {
  content: "\E0B6";
}
.km-list .km-icon-label.k-i-pin:before {
  content: "\E0B7";
}
.km-list .km-icon-label.k-i-unpin:before {
  content: "\E0B8";
}
.km-list .km-icon-label.k-i-power:before {
  content: "\E0B9";
}
.km-list .km-icon-label.k-i-progress-bars:before {
  content: "\E0BA";
}
.km-list .km-icon-label.k-i-road:before {
  content: "\E0BB";
}
.km-list .km-icon-label.k-i-rss:before {
  content: "\E0BC";
}
.km-list .km-icon-label.k-i-floppy:before {
  content: "\E0BD";
}
.km-list .km-icon-label.k-i-sitemap:before {
  content: "\E0BE";
}
.km-list .km-icon-label.k-i-tag-45:before {
  content: "\E0BF";
}
.km-list .km-icon-label.k-i-tag-h:before {
  content: "\E0C0";
}
.km-list .km-icon-label.k-i-thunderbolt:before {
  content: "\E0C1";
}
.km-list .km-icon-label.k-i-tooltip:before {
  content: "\E0C2";
}
.km-list .km-icon-label.k-i-trash:before {
  content: "\E0C3";
}
.km-list .km-icon-label.k-i-trophy:before {
  content: "\E0C4";
}
.km-list .km-icon-label.k-i-ungroup:before {
  content: "\E0C5";
}
.km-list .km-icon-label.k-i-upload:before {
  content: "\E0C6";
}
.km-list .km-icon-label.k-i-window:before {
  content: "\E0C7";
}
.km-list .km-icon-label.k-i-tiles:before {
  content: "\E0C8";
}
.km-list .km-icon-label.k-i-wrench:before {
  content: "\E0C9";
}
.km-list .km-icon-label.k-i-action:before {
  content: "\E0CA";
}
.km-list .km-icon-label.k-i-add:before {
  content: "\E0CB";
}
.km-list .km-icon-label.k-i-add-inv:before {
  content: "\E0CC";
}
.km-list .km-icon-label.k-i-armchair:before {
  content: "\E0CD";
}
.km-list .km-icon-label.k-i-battery:before {
  content: "\E0CE";
}
.km-list .km-icon-label.k-i-book-open:before {
  content: "\E0CF";
}
.km-list .km-icon-label.k-i-camera:before {
  content: "\E0D0";
}
.km-list .km-icon-label.k-i-cart:before {
  content: "\E0D1";
}
.km-list .km-icon-label.k-i-time:before {
  content: "\E0D2";
}
.km-list .km-icon-label.k-i-coffee-card:before {
  content: "\E0D3";
}
.km-list .km-icon-label.k-i-download-arrow:before {
  content: "\E0D4";
}
.km-list .km-icon-label.k-i-edit:before {
  content: "\E0D5";
}
.km-list .km-icon-label.k-i-faves:before {
  content: "\E0D6";
}
.km-list .km-icon-label.k-i-star:before {
  content: "\E0D7";
}
.km-list .km-icon-label.k-i-featured:before {
  content: "\E0D8";
}
.km-list .km-icon-label.k-i-forward:before {
  content: "\E0D9";
}
.km-list .km-icon-label.k-i-cog:before {
  content: "\E0DA";
}
.km-list .km-icon-label.k-i-globe:before {
  content: "\E0DB";
}
.km-list .km-icon-label.k-i-globe-inv:before {
  content: "\E0DC";
}
.km-list .km-icon-label.k-i-house:before {
  content: "\E0DD";
}
.km-list .km-icon-label.k-i-info:before {
  content: "\E0DE";
}
.km-list .km-icon-label.k-i-share:before {
  content: "\E0DF";
}
.km-list .km-icon-label.k-i-more-h:before {
  content: "\E0E0";
}
.km-list .km-icon-label.k-i-more-v:before {
  content: "\E0E1";
}
.km-list .km-icon-label.k-i-next:before {
  content: "\E0E2";
}
.km-list .km-icon-label.k-i-pause-a:before {
  content: "\E0E3";
}
.km-list .km-icon-label.k-i-user:before {
  content: "\E0E4";
}
.km-list .km-icon-label.k-i-play-a:before {
  content: "\E0E5";
}
.km-list .km-icon-label.k-i-refresh-a:before {
  content: "\E0E6";
}
.km-list .km-icon-label.k-i-reset:before {
  content: "\E0E7";
}
.km-list .km-icon-label.k-i-rewind:before {
  content: "\E0E8";
}
.km-list .km-icon-label.k-i-search-a:before {
  content: "\E0E9";
}
.km-list .km-icon-label.k-i-stop-a:before {
  content: "\E0EA";
}
.km-list .km-icon-label.k-i-tiles-a:before {
  content: "\E0EB";
}
.km-list .km-icon-label.k-i-trash-a:before {
  content: "\E0EC";
}
.km-list .km-icon-label.k-i-undo:before {
  content: "\E0ED";
}
.km-list .km-icon-label.k-i-redo:before {
  content: "\E0EE";
}
.km-list .km-icon-label.k-i-volume-a:before {
  content: "\E0EF";
}
.km-list .km-icon-label.k-i-wifi:before {
  content: "\E0F0";
}
.km-list .km-icon-label.k-i-more-lines:before {
  content: "\E0F1";
}
.km-list .km-icon-label.k-i-pull-to-ref:before {
  content: "\E0F2";
}
.km-list .km-icon-label.k-i-loading-android:before {
  content: "\E0F3";
}
.km-list .km-icon-label.k-i-loading-blackberry:before {
  content: "\E0F4";
}
.km-list .km-icon-label.k-i-loading-meego:before {
  content: "\E0F5";
}
.km-list .km-icon-label.k-i-loading-custom:before {
  content: "\E0F6";
}
.km-list .km-icon-label.k-i-loading-ios:before {
  content: "\E0F7";
}
.km-list .km-icon-label.k-i-bug:before {
  content: "\E0F8";
}
.km-list .km-icon-label.k-i-info:before {
  content: "\E0F9";
}
.km-list .km-icon-label.k-i-warning:before {
  content: "\E0FA";
}
.km-list .km-icon-label.k-i-question:before {
  content: "\E0FB";
}
.km-list .km-icon-label.k-i-insert-n:before {
  content: "\E0FC";
}
.km-list .km-icon-label.k-i-insert-m:before {
  content: "\E0FD";
}
.km-list .km-icon-label.k-i-insert-s:before {
  content: "\E0FE";
}
.km-list .km-icon-label.k-i-lock:before {
  content: "\E0FF";
}
.km-list .km-icon-label.k-i-unlock:before {
  content: "\E100";
}
.km-list .km-icon-label.k-i-phone:before {
  content: "\E101";
}
.km-list .km-icon-label.k-i-tablet:before {
  content: "\E102";
}
.km-list .km-icon-label.k-i-ol:before {
  content: "\E103";
}
.km-list .km-icon-label.k-i-barcode:before {
  content: "\E104";
}
.km-list .km-icon-label.k-i-html5:before {
  content: "\E105";
}
.km-list .km-icon-label.k-i-css3:before {
  content: "\E106";
}
.km-list .km-icon-label.k-i-kendoui:before {
  content: "\E107";
}
.km-list .km-icon-label.k-i-telerik:before {
  content: "\E108";
}
.km-list .km-icon-label.k-i-icenium:before {
  content: "\E109";
}
.km-list .km-icon-label.k-i-sitefinity:before {
  content: "\E10A";
}
.km-list .km-icon-label.k-i-twitter:before {
  content: "\E10B";
}
.km-list .km-icon-label.k-i-linkedin:before {
  content: "\E10C";
}
.km-list .km-icon-label.k-i-facebook:before {
  content: "\E10D";
}
.km-list .km-icon-label.k-i-pinterest:before {
  content: "\E10E";
}
.km-list .km-icon-label.k-i-youtube:before {
  content: "\E10F";
}
.km-list .km-icon-label.k-i-vimeo:before {
  content: "\E110";
}
.km-list .km-icon-label.k-i-behance:before {
  content: "\E111";
}
.km-list .km-icon-label.k-i-dribbble:before {
  content: "\E112";
}
.km-list .km-icon-label.k-i-googleplus:before {
  content: "\E113";
}
.km-list .km-icon-label.k-i-minimize:before {
  content: "\E114";
}
.km-list .km-icon-label.k-i-html:before {
  content: "\E115";
}
.km-list .km-icon-label.k-i-group:before {
  content: "\E116";
}
.km-list .km-icon-label.k-i-subscript:before {
  content: "\E117";
}
.km-list .km-icon-label.k-i-superscript:before {
  content: "\E118";
}
.km-list .km-icon-label.k-i-drophere:before {
  content: "\E119";
}
.km-material {
  font-family: Roboto, Helvetica, Arial, sans-serif;
}
.km-root .km-material .km-filter-reset,
.km-root .km-material .km-group-title,
.km-root .km-material .km-shim .k-animation-container,
.km-root .km-material .km-slider,
.km-root .km-material .km-switch,
.km-root .km-material .km-view,
.km-root .km-material.km-pane {
  -webkit-transform: none;
}
.km-material,
.km-material * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}
.km-material [class^=k-] {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.km-material .km-tabstrip .km-button {
  background: 0 0;
}
.km-material .km-popup .k-popup {
  font-size: 1em !important;
}
.km-material .km-actionsheet > li > a,
.km-material .km-popup .k-item {
  text-decoration: none;
  padding: .5em .6em;
  border-radius: 0;
  border-width: 0 0 0;
  border-style: solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.km-material .km-popup {
  left: 0!important;
  top: 0!important;
  width: 100%!important;
  height: 100%!important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.km-material .km-popup .k-list-container {
  width: 100%!important;
  height: auto !important;
}
.km-material .km-actionsheet,
.km-material .km-popup .k-list-container {
  max-height: 80%;
}
.km-material .km-actionsheet-wrapper,
.km-material .km-popup .k-list-container {
  bottom: 0;
  border-width: 0 0 0;
  border-style: solid;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.km-material .km-shim .k-animation-container {
  left: 0;
  top: auto;
  bottom: 0;
}
.km-material .km-popup-wrapper {
  padding: 15px;
}
.km-material .km-actionsheet-wrapper.km-popup,
.km-material .km-popup.km-pane {
  border-radius: 2px;
}
.km-material .km-load-more {
  height: 3.4em;
}
.km-material .km-load-more .km-button {
  margin: 0 .8em;
  display: block;
}
.km-material .km-scroller-pull,
.km-material .km-scroller-refresh.km-load-more {
  border-radius: 50%;
  overflow: visible;
}
.km-material .km-loader {
  left: 0;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: 0 0;
}
.km-material .km-loading,
.km-material .km-scroller-refresh .km-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  width: 26px;
  height: 26px;
  border: 5px solid transparent;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
}
.km-material .km-loading:before,
.km-material .km-scroller-refresh .km-icon:before {
  content: "\a0";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
}
.km-root .km-material .km-scroller-pull .km-icon {
  -webkit-background-clip: inherit;
  -webkit-background-size: inherit inherit;
  background-size: inherit;
  border-radius: 50%;
}
.km-material .km-loading:after {
  display: none;
}
.km-material .km-loading-left,
.km-material .km-loading-right {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  margin-top: -13px;
  margin-left: -13px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
}
.km-material .km-loader .km-loading-left,
.km-material .km-loader .km-loading-right,
.km-material .km-scroller-refresh .km-loading-left,
.km-material .km-scroller-refresh .km-loading-right {
  -webkit-animation: materialdrive 4s infinite linear;
  animation: materialdrive 4s infinite linear;
}
.km-material .km-scroller-refresh.km-load-more {
  padding: 0;
  position: relative;
  margin: auto;
}
.km-material .km-scroller-pull,
.km-material .km-scroller-refresh.km-load-more {
  font-size: 1em;
  width: 2.5em;
  height: 2.5em;
  top: .25em;
  white-space: nowrap;
}
.km-material .km-scroller-pull {
  left: 50%;
  margin: 0 0 0 -90px;
}
.km-material .km-loader h1 {
  display: none;
  font-size: 1em;
  position: absolute;
  left: -50%;
  width: 200%;
  top: 55%;
}
.km-material .km-scroller-pull .km-template {
  position: absolute;
  line-height: 2em;
  font-size: 1.2em;
  min-width: 0;
  top: 0;
  left: 3em;
}
.km-material .km-loader .km-loading-left:after,
.km-material .km-loader .km-loading-left:before,
.km-material .km-loader .km-loading-right:after,
.km-material .km-loader .km-loading-right:before,
.km-material .km-scroller-refresh .km-loading-left:after,
.km-material .km-scroller-refresh .km-loading-left:before,
.km-material .km-scroller-refresh .km-loading-right:after,
.km-material .km-scroller-refresh .km-loading-right:before {
  content: "\a0";
  display: block;
  position: absolute;
  top: -13px;
  left: -13px;
  width: 26px;
  height: 26px;
  -webkit-transform-origin: 24px 24px;
  -ms-transform-origin: 24px 24px;
  transform-origin: 24px 24px;
  -webkit-animation: materialrotate1 1.5s infinite ease-out;
  animation: materialrotate1 1.5s infinite ease-out;
}
.km-material .km-loader .km-loading-left:after,
.km-material .km-scroller-refresh .km-loading-left:after {
  -webkit-animation-name: materialrotate2;
  animation-name: materialrotate2;
}
.km-material .km-loader .km-loading-right:before,
.km-material .km-scroller-refresh .km-loading-right:before {
  -webkit-animation-name: materialrotate3;
  animation-name: materialrotate3;
}
.km-material .km-loader .km-loading-right:after,
.km-material .km-scroller-refresh .km-loading-right:after {
  -webkit-animation-name: materialrotate4;
  animation-name: materialrotate4;
}
.km-material .km-scroller-pull .km-icon {
  margin-right: 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1rem;
  margin-top: -1rem;
}
.km-material .km-scroller-pull .km-icon:after {
  content: "\e012";
  margin-left: -3px;
}
.km-material .km-scroller-refresh .km-icon:after {
  display: none;
}
.km-material .km-load-more .km-icon,
.km-material .km-scroller-pull .km-icon {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: none;
  transition: none;
}
.km-material .km-load-more .km-icon:after,
.km-material .km-scroller-pull .km-icon:after {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transform-origin: 62% 50%;
  -ms-transform-origin: 62% 50%;
  transform-origin: 62% 50%;
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
}
.km-material .km-scroller-release .km-icon:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.km-material .km-scroller-refresh .km-icon:after {
  -webkit-transition: none;
  transition: none;
}
@-webkit-keyframes materialrotate1 {
  0% {
    -webkit-transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(270deg);
  }
  90% {
    -webkit-transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes materialrotate2 {
  0% {
    -webkit-transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(20deg);
  }
  90% {
    -webkit-transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes materialrotate3 {
  0% {
    -webkit-transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(90deg);
  }
  90% {
    -webkit-transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes materialrotate4 {
  0% {
    -webkit-transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  90% {
    -webkit-transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes materialrotate1 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  90% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes materialrotate2 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  90% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes materialrotate3 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  90% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes materialrotate4 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  90% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes materialdrive {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes materialdrive {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.km-material .km-button {
  background: #fafafa;
  border-color: transparent;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.km-material-dark .km-button {
  background: #3f51b5;
}
.km-material .k-toolbar {
  border-color: rgba(0, 0, 0, 0.12);
}
.km-material .km-switch-handle {
  background: #3f51b5;
  border-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 4px #3f51b5,0 2px #3f51b5;
  box-shadow: 0 2px 4px #3f51b5, 0 2px #3f51b5;
}
.km-material .km-switch-off .km-switch-handle {
  background-color: #fafafa;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 2px rgba(0, 0, 0, 0.2);
}
.km-material-dark .km-switch-off .km-switch-handle {
  background-color: #212121;
}
.km-material .km-switch-container,
.km-material .km-switch-wrapper {
  border-color: #333;
}
.km-material-dark .km-switch-container,
.km-material-dark .km-switch-wrapper {
  border-color: #fafafa;
}
.km-material .km-group-container,
.km-material .km-list > li,
.km-material .km-listgroupinset .km-list > li:first-child,
.km-material .km-listgroupinset .km-list > li:last-child,
.km-material .km-listinset > li:first-child,
.km-material .km-listinset > li:last-child {
  border-color: rgba(0, 0, 0, 0.12);
}
.km-material .km-group-title,
.km-material .km-listview-link:after {
  color: grey;
}
.km-material .km-group-title {
  border-color: rgba(0, 0, 0, 0.12);
}
.km-material .km-filter-reset .km-clear,
.km-material .km-filter-wrap:before,
.km-material .km-filter-wrap > input {
  color: #333;
}
.km-material-dark .km-filter-reset .km-clear,
.km-material-dark .km-filter-wrap:before,
.km-material-dark .km-filter-wrap > input {
  color: #fafafa;
}
.km-material .km-pages li {
  background: rgba(128, 128, 128, 0.3);
}
.km-material .km-list select:not([multiple]) option {
  color: #333;
}
.km-material .km-listview-label input[type=checkbox],
.km-material .km-listview-label input[type=radio] {
  border-color: rgba(0, 0, 0, 0.54);
  background: #fafafa;
}
.km-material-dark .km-listview-label input[type=checkbox],
.km-material-dark .km-listview-label input[type=radio] {
  border-color: #fafafa;
  background: #333;
}
.km-material .km-listview-label input[type=checkbox]:checked:after {
  color: #fafafa;
}
.km-material-dark .km-listview-label input[type=checkbox]:checked:after {
  color: #333;
}
.km-material .km-shim {
  background: rgba(0, 0, 0, 0.2);
}
.km-phone .km-material .km-actionsheet-wrapper {
  background: #fafafa;
}
.km-phone .km-material-dark .km-actionsheet-wrapper {
  background: #333;
}
.km-material .km-actionsheet > li > a,
.km-material .km-popup .k-item {
  color: #333;
  background: #fafafa;
  border-bottom-color: #fafafa;
}
.km-material-dark .km-actionsheet > li > a,
.km-material-dark .km-popup .k-item {
  color: #fafafa;
  background: #333;
  border-bottom-color: #333;
}
.km-material .km-popup {
  background: #fafafa;
}
.km-material-dark .km-popup {
  background: #333;
}
.km-material .km-actionsheet-wrapper,
.km-material .km-popup .k-list-container {
  background: #fafafa;
  border-top-color: #fafafa;
  -webkit-box-shadow: 0 15px 30px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 30px 3px rgba(0, 0, 0, 0.3);
}
.km-material-dark .km-actionsheet-wrapper,
.km-material-dark .km-popup .k-list-container {
  background: #333;
  border-top-color: #333;
}
.km-material .km-popup.km-pane,
.km-tablet .km-material .km-actionsheet-wrapper {
  color: #333;
  background-color: #fafafa;
}
.km-material-dark .km-popup.km-pane,
.km-tablet .km-material-dark .km-actionsheet-wrapper {
  color: #fafafa;
  background-color: #333;
}
.km-material .km-left .km-popup-arrow:after,
.km-material .km-popup-arrow:after,
.km-material .km-right .km-popup-arrow:after,
.km-material-dark .km-left .km-popup-arrow:after,
.km-material-dark .km-popup-arrow:after,
.km-material-dark .km-right .km-popup-arrow:after {
  border-color: transparent;
}
.km-material .km-popup {
  -webkit-box-shadow: 0 15px 30px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 30px 3px rgba(0, 0, 0, 0.3);
}
.km-material .km-loading:before,
.km-material .km-scroller-refresh .km-icon:before {
  border-color: #3f51b5;
}
.km-material .km-scroller-pull.km-scroller-refresh .km-icon:before {
  border-color: rgba(51, 51, 51, 0.5);
}
.km-material-dark .km-scroller-pull.km-scroller-refresh .km-icon:before {
  border-color: rgba(250, 250, 250, 0.5);
}
.km-material .km-loading,
.km-material .km-loading-left:after,
.km-material .km-loading-left:before,
.km-material .km-loading-right:after,
.km-material .km-loading-right:before,
.km-material .km-scroller-refresh .km-icon {
  background-color: #fafafa;
}
.km-material-dark .km-loading,
.km-material-dark .km-loading-left:after,
.km-material-dark .km-loading-left:before,
.km-material-dark .km-loading-right:after,
.km-material-dark .km-loading-right:before,
.km-material-dark .km-scroller-refresh .km-icon {
  background-color: #3f51b5;
}
.km-material-dark .km-loading:before,
.km-material-dark .km-scroller-refresh .km-icon:before {
  border-color: #fafafa;
}
.km-material .km-loading,
.km-material .km-scroller-pull .km-icon {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.km-material .km-loader h1 {
  color: #333;
}
.km-material-dark .km-loader h1 {
  color: #fafafa;
}
.km-material .km-collapsible-content,
.km-material .km-collapsible-header {
  border-color: rgba(0, 0, 0, 0.12);
}
.km-material .km-collapsible-header .km-icon {
  color: #7d7d7d;
}
.km-material .km-expanded .km-collapsible-header .km-icon {
  color: #283593;
}
.km-material-dark .km-collapsible-content,
.km-material-dark .km-collapsible-header {
  border-color: #4d4d4d;
}
.km-material .km-detail.km-state-active,
.km-material .km-state-active[style*=background] {
  -webkit-box-shadow: inset 0 0 0 1000px rgba(128, 128, 128, 0.2);
  box-shadow: inset 0 0 0 1000px rgba(128, 128, 128, 0.2);
}
.km-material .k-slider .k-draghandle,
.km-material .k-slider .k-draghandle:hover,
.km-material .km-actionsheet > li > a:active,
.km-material .km-actionsheet > li > a:focus,
.km-material .km-badge,
.km-material .km-popup .k-state-focused,
.km-material .km-popup .k-state-hover,
.km-material .km-popup.km-pane .k-toolbar,
.km-material .km-popup.km-pane .km-tabstrip,
.km-material .km-state-active .km-listview-link:after,
.km-material .km-switch-label-off,
.km-material .km-switch-label-on {
  color: #fafafa;
}
.km-material-dark .k-slider .k-draghandle,
.km-material-dark .k-slider .k-draghandle:hover,
.km-material-dark .km-popup .k-state-focused,
.km-material-dark .km-popup .k-state-hover,
.km-material-dark .km-popup.km-pane .k-toolbar,
.km-material-dark .km-popup.km-pane .km-tabstrip,
.km-material-dark .km-state-active .km-listview-link:after,
.km-material-dark .km-switch-label-off,
.km-material-dark .km-switch-label-on {
  color: #333;
}
.km-material .km-filter-wrap > input,
.km-material .km-switch-handle.km-state-active {
  background: #fafafa;
}
.km-material-dark .km-filter-wrap > input,
.km-material-dark .km-switch-handle.km-state-active {
  background: #333;
}
.km-material .k-slider-selection,
.km-material .km-switch-handle {
  color: #3f51b5;
}
.km-material .km-switch-background {
  color: #8591d5;
}
.km-material .km-switch-off .km-switch-background {
  background-color: rgba(128, 128, 128, 0.3);
}
.km-material .k-slider .k-draghandle,
.km-material .k-slider .k-draghandle:hover,
.km-material .k-slider-selection,
.km-material .km-actionsheet > li > a:active,
.km-material .km-actionsheet > li > a:focus,
.km-material .km-listview-label input[type=checkbox]:checked,
.km-material .km-listview-label input[type=radio]:checked:after,
.km-material .km-pages .km-current-page,
.km-material .km-touch-scrollbar,
.km-material li.km-state-active .km-listview-label {
  background: #3f51b5;
}
.km-material .km-filter-wrap > input:focus,
.km-material .km-listview-label input[type=checkbox]:checked,
.km-material .km-listview-label input[type=radio]:checked {
  border-color: #3f51b5;
}
.km-material-dark .k-slider-selection,
.km-material-dark .km-actionsheet > li > a:active,
.km-material-dark .km-actionsheet > li > a:focus,
.km-material-dark .km-listview-label input[type=checkbox]:checked,
.km-material-dark .km-listview-label input[type=radio]:checked:after,
.km-material-dark .km-pages .km-current-page,
.km-material-dark .km-touch-scrollbar,
.km-material-dark li.km-state-active .km-listview-label {
  background: #55c6ff;
}
.km-material-dark .km-filter-wrap > input:focus,
.km-material-dark .km-listview-label input[type=checkbox]:checked,
.km-material-dark .km-listview-label input[type=radio]:checked {
  border-color: #55c6ff;
}
.km-material .km-badge {
  background: #da2228;
}
.km-material .km-modalview .km-footer .km-button,
.km-material .km-modalview .km-header .km-button,
.km-material .km-popover-root .km-footer .km-button,
.km-material .km-popover-root .km-header .km-button,
.km-material .km-tabstrip .km-button {
  color: #3f51b5;
}
.km-material-dark .km-modalview .km-footer .km-button,
.km-material-dark .km-modalview .km-header .km-button,
.km-material-dark .km-popover-root .km-footer .km-button,
.km-material-dark .km-popover-root .km-header .km-button,
.km-material-dark .km-tabstrip .km-button {
  color: #55c6ff;
}
.km-material-dark .km-pages .km-current-page {
  background: #55c6ff;
}
.km-material .km-tabstrip .km-button.km-state-active {
  border-color: currentcolor;
}
.km-material li.km-state-active .km-listview-label,
.km-material li.km-state-active .km-listview-link {
  background-color: rgba(128, 128, 128, 0.3);
}
.km-material .km-content .km-button.km-state-active {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 5px 8px rgba(0, 0, 0, 0.4), inset 0 0 0 1000px rgba(128, 128, 128, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 5px 8px rgba(0, 0, 0, 0.4), inset 0 0 0 1000px rgba(128, 128, 128, 0.2);
}
.km-material .km-content .km-button.km-state-active[style*=background] {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 5px 8px rgba(0, 0, 0, 0.4), inset 0 0 0 1000px rgba(26, 26, 26, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 5px 8px rgba(0, 0, 0, 0.4), inset 0 0 0 1000px rgba(26, 26, 26, 0.2);
}
.km-root .km-material .km-button.km-state-disabled {
  color: rgba(128, 128, 128, 0.3);
  opacity: 1;
}
.km-material .km-buttongroup,
.km-material .km-widget.km-navbar .km-buttongroup,
.km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
  border-color: rgba(0, 0, 0, 0.12);
}
.km-material .km-buttongroup .km-button,
.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar .k-link {
  color: #333;
}
.km-material-dark .km-buttongroup .km-button {
  color: #fafafa;
}
.km-material .km-widget.km-navbar .km-buttongroup .km-button {
  color: #fafafa;
}
.km-material-dark .km-widget.km-navbar .km-buttongroup .km-button {
  color: #333;
}
.km-root .km-material .km-buttongroup > .km-state-active {
  color: #3f51b5;
  background-color: transparent;
  border-color: #3f51b5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.km-root .km-material .km-widget.km-navbar .km-buttongroup .km-state-active,
.km-root .km-material-dark .km-buttongroup > .km-state-active {
  color: #55c6ff;
  background-color: transparent;
  border-color: #55c6ff;
}
.km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar ul li {
  border-color: transparent;
}
.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar ul li.k-state-selected {
  border-bottom-color: #3f51b5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.km-material .km-content,
.km-material .km-modalview .km-navbar,
.km-material .km-popover-root .km-navbar,
.km-material .km-tabstrip {
  color: #333;
  background-color: #fafafa;
}
.km-material-dark .km-content,
.km-material-dark .km-modalview .km-navbar,
.km-material-dark .km-popover-root .km-navbar,
.km-material-dark .km-tabstrip {
  color: #fafafa;
  background-color: #333;
}
.km-material-dark .km-content button {
  color: #fafafa;
}
.km-material .k-toolbar,
.km-material .km-navbar {
  background-color: #3f51b5;
  border-color: #3f51b5;
  color: #fafafa;
}
.km-material .k-toolbar,
.km-material .km-navbar,
.km-material .km-tabstrip {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4), 0 0 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.4), 0 0 4px rgba(0, 0, 0, 0.4);
}
.km-material .k-toolbar .km-button.km-state-active,
.km-material .km-navbar .km-button.km-state-active {
  color: rgba(250, 250, 250, 0.5);
}
.km-material .km-popup .k-list-container,
.km-material .km-popup .k-state-focused,
.km-material .km-popup .k-state-hover,
.km-material .km-popup .k-state-selected {
  border-color: #3f51b5;
}
.km-material .k-toolbar .km-state-active {
  background-color: #283593;
}
.km-material .km-popup .k-popup .k-item.k-state-focused,
.km-material .km-popup .k-popup .k-item.k-state-selected {
  color: #333;
  background-color: rgba(128, 128, 128, 0.2);
}
.km-material .km-popup .k-popup .k-item.k-state-hover {
  color: #333;
}
.km-material-dark .km-popup .k-popup .k-item.k-state-focused,
.km-material-dark .km-popup .k-popup .k-item.k-state-hover,
.km-material-dark .km-popup .k-popup .k-item.k-state-selected {
  color: #fafafa;
}
.km-material .km-modalview {
  -webkit-box-shadow: 0 15px 30px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 30px 3px rgba(0, 0, 0, 0.3);
}
.km-material,
.km-material .km-content,
.km-material .km-header,
.km-material .km-pane,
.km-material .km-scroll-header .km-group-title,
.km-material input[type=email],
.km-material input[type=number],
.km-material input[type=password],
.km-material input[type=search],
.km-material input[type=tel],
.km-material input[type=text]:not(.k-input),
.km-material input[type=url],
.km-root .km-material textarea {
  background: #fafafa;
}
.km-material-dark,
.km-material-dark .km-content,
.km-material-dark .km-header,
.km-material-dark .km-pane,
.km-material-dark .km-scroll-header .km-group-title,
.km-material-dark input[type=email],
.km-material-dark input[type=number],
.km-material-dark input[type=password],
.km-material-dark input[type=search],
.km-material-dark input[type=tel],
.km-material-dark input[type=text]:not(.k-input),
.km-material-dark input[type=url],
.km-root .km-material-dark textarea {
  background: #333;
}
.km-material .k-dropdown .k-input,
.km-material input,
.km-material input[type=email],
.km-material input[type=number],
.km-material input[type=password],
.km-material input[type=search],
.km-material input[type=tel],
.km-material input[type=text]:not(.k-input),
.km-material input[type=url],
.km-material select,
.km-material textarea,
.km-root .km-material textarea {
  color: rgba(128, 128, 128, 0.3);
  border-color: currentcolor;
}
.km-material-dark .k-dropdown .k-input,
.km-material-dark input,
.km-material-dark input[type=email],
.km-material-dark input[type=number],
.km-material-dark input[type=password],
.km-material-dark input[type=search],
.km-material-dark input[type=tel],
.km-material-dark input[type=text]:not(.k-input),
.km-material-dark input[type=url],
.km-material-dark select,
.km-material-dark textarea,
.km-root .km-material-dark textarea {
  color: rgba(255, 255, 255, 0.5);
}
.km-material input[type=checkbox],
.km-material input[type=radio] {
  color: #333;
  border-color: rgba(0, 0, 0, 0.12);
}
.km-material-dark input[type=checkbox],
.km-material-dark input[type=radio] {
  color: #fafafa;
}
.km-material .k-slider,
.km-material .km-current-page,
.km-material .km-popup,
.km-material .km-shim,
.km-material .km-switch-on,
.km-material .km-touch-scrollbar,
.km-material input:checked,
.km-material input:focus,
.km-material input[type=text]:not(.k-input):focus,
.km-material select:focus,
.km-material textarea:focus {
  color: #3f51b5;
}
.km-material-dark .k-dropdown .k-state-focused,
.km-material-dark input:checked,
.km-material-dark input[type=text]:not(.k-input):focus,
.km-material-dark li.km-actionsheet-title,
.km-material-dark select:focus,
.km-material-dark textarea:focus,
.km-material-dark.km-pane input:focus {
  color: #55c6ff;
}
.km-material .km-button[data-animated] {
  -webkit-transition: -webkit-box-shadow 0.3s linear;
  transition: box-shadow 0.3s linear;
  -webkit-transition-property: -webkit-box-shadow, background-color;
  transition-property: box-shadow, background-color;
}
.km-material label.km-required:after {
  color: #da2228;
}
.km-material .km-list fieldset .km-inline-field,
.km-material .km-list fieldset legend {
  border-color: rgba(0, 0, 0, 0.12);
}
.km-material .km-list .km-label-above .k-dropdown,
.km-material .km-list .km-label-above input[type=color],
.km-material .km-list .km-label-above input[type=date],
.km-material .km-list .km-label-above input[type=datetime-local],
.km-material .km-list .km-label-above input[type=datetime],
.km-material .km-list .km-label-above input[type=email],
.km-material .km-list .km-label-above input[type=file],
.km-material .km-list .km-label-above input[type=month],
.km-material .km-list .km-label-above input[type=number],
.km-material .km-list .km-label-above input[type=password],
.km-material .km-list .km-label-above input[type=search],
.km-material .km-list .km-label-above input[type=tel],
.km-material .km-list .km-label-above input[type=text]:not(.k-input),
.km-material .km-list .km-label-above input[type=time],
.km-material .km-list .km-label-above input[type=url],
.km-material .km-list .km-label-above input[type=week],
.km-material .km-list .km-label-above select:not([multiple]),
.km-material .km-list .km-label-above textarea {
  color: #333;
  border-color: rgba(128, 128, 128, 0.3);
}
.km-material .km-list .km-label-above .k-dropdown:focus,
.km-material .km-list .km-label-above input[type=color]:focus,
.km-material .km-list .km-label-above input[type=date]:focus,
.km-material .km-list .km-label-above input[type=datetime-local]:focus,
.km-material .km-list .km-label-above input[type=datetime]:focus,
.km-material .km-list .km-label-above input[type=email]:focus,
.km-material .km-list .km-label-above input[type=file]:focus,
.km-material .km-list .km-label-above input[type=month]:focus,
.km-material .km-list .km-label-above input[type=number]:focus,
.km-material .km-list .km-label-above input[type=password]:focus,
.km-material .km-list .km-label-above input[type=search]:focus,
.km-material .km-list .km-label-above input[type=tel]:focus,
.km-material .km-list .km-label-above input[type=text]:not(.k-input):focus,
.km-material .km-list .km-label-above input[type=time]:focus,
.km-material .km-list .km-label-above input[type=url]:focus,
.km-material .km-list .km-label-above input[type=week]:focus,
.km-material .km-list .km-label-above select:not([multiple]):focus,
.km-material .km-list .km-label-above textarea:focus {
  border-color: #3f51b5;
}
.km-material .km-label-above {
  color: #a3a3a3;
}
.km-material .km-icon-label {
  color: #737373;
}
.km-material .km-checkbox-label:after,
.km-material .km-checkbox-label:before {
  background: #fafafa;
  border-color: rgba(0, 0, 0, 0.54);
}
.km-material .km-checkbox:checked + .km-checkbox-label:after {
  color: #fafafa;
  background: #3f51b5;
  border-color: #3f51b5;
}
.km-material .km-radio-label:before {
  border-color: rgba(0, 0, 0, 0.54);
}
.km-material .km-radio-label:after {
  background-color: #3f51b5;
}
.km-material .km-radio:checked + .km-radio-label:before {
  border-color: #3f51b5;
}
.km-material-dark .km-list .km-label-above .k-dropdown,
.km-material-dark .km-list .km-label-above input[type=color],
.km-material-dark .km-list .km-label-above input[type=date],
.km-material-dark .km-list .km-label-above input[type=datetime-local],
.km-material-dark .km-list .km-label-above input[type=datetime],
.km-material-dark .km-list .km-label-above input[type=email],
.km-material-dark .km-list .km-label-above input[type=file],
.km-material-dark .km-list .km-label-above input[type=month],
.km-material-dark .km-list .km-label-above input[type=number],
.km-material-dark .km-list .km-label-above input[type=password],
.km-material-dark .km-list .km-label-above input[type=search],
.km-material-dark .km-list .km-label-above input[type=tel],
.km-material-dark .km-list .km-label-above input[type=text]:not(.k-input),
.km-material-dark .km-list .km-label-above input[type=time],
.km-material-dark .km-list .km-label-above input[type=url],
.km-material-dark .km-list .km-label-above input[type=week],
.km-material-dark .km-list .km-label-above select:not([multiple]),
.km-material-dark .km-list .km-label-above textarea {
  color: #fafafa;
  border-color: rgba(128, 128, 128, 0.3);
}
.km-material-dark .km-list .km-label-above .k-dropdown:focus,
.km-material-dark .km-list .km-label-above input[type=color]:focus,
.km-material-dark .km-list .km-label-above input[type=date]:focus,
.km-material-dark .km-list .km-label-above input[type=datetime-local]:focus,
.km-material-dark .km-list .km-label-above input[type=datetime]:focus,
.km-material-dark .km-list .km-label-above input[type=email]:focus,
.km-material-dark .km-list .km-label-above input[type=file]:focus,
.km-material-dark .km-list .km-label-above input[type=month]:focus,
.km-material-dark .km-list .km-label-above input[type=number]:focus,
.km-material-dark .km-list .km-label-above input[type=password]:focus,
.km-material-dark .km-list .km-label-above input[type=search]:focus,
.km-material-dark .km-list .km-label-above input[type=tel]:focus,
.km-material-dark .km-list .km-label-above input[type=text]:not(.k-input):focus,
.km-material-dark .km-list .km-label-above input[type=time]:focus,
.km-material-dark .km-list .km-label-above input[type=url]:focus,
.km-material-dark .km-list .km-label-above input[type=week]:focus,
.km-material-dark .km-list .km-label-above select:not([multiple]):focus,
.km-material-dark .km-list .km-label-above textarea:focus {
  border-color: #55c6ff;
}
.km-material-dark .km-checkbox-label:after,
.km-material-dark .km-checkbox-label:before {
  border-color: #fafafa;
  background: #333;
}
.km-material-dark .km-checkbox:checked + .km-checkbox-label:after {
  color: #333;
  background: #55c6ff;
  border-color: #55c6ff;
}
.km-material-dark .km-radio-label:before {
  border-color: #fafafa;
}
.km-material-dark .km-radio-label:after {
  background-color: #55c6ff;
}
.km-material-dark .km-radio:checked + .km-radio-label:before {
  border-color: #55c6ff;
}
.km-tablet .km-material.km-horizontal .km-navbar .km-button,
.km-tablet .km-material.km-horizontal .km-toolbar .km-button {
  margin-top: .2rem;
  margin-bottom: 0.2rem;
}
.km-material .km-view-title {
  font-size: 1.25em;
  font-weight: 500;
  margin-top: 0.5em;
}
.km-material .k-popup .km-button {
  text-transform: uppercase;
}
.km-material .km-button {
  padding: .714em 1.143em;
  border-style: solid;
  border-width: 0;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: .875em;
  font-weight: 600;
}
.km-material .km-badge,
.km-material .km-detail {
  border: 0;
  min-width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 5em;
}
.km-material .km-detail {
  min-width: 1.4em;
  height: 1.4em;
  line-height: 1.4em;
  border-width: 0;
  border-style: solid;
}
.km-material .km-detaildisclose {
  min-width: 1.4em;
  height: 1.4em;
  line-height: 1.4em;
}
.km-material .km-detaildisclose:after,
.km-material .km-detaildisclose:before {
  left: .1em;
  top: 0.35em;
}
.km-material .km-detail .km-icon:before {
  display: none;
}
.km-material .k-toolbar .km-button,
.km-material .km-navbar .km-button {
  margin-top: 0;
  margin-bottom: 0;
}
.km-material .k-toolbar .km-button,
.km-material .km-buttongroup .km-button,
.km-material .km-navbar .km-button {
  background: 0 0;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.km-material .k-toolbar .km-button .km-icon,
.km-material .km-navbar .km-button .km-icon {
  font-size: 1.2em;
}
.km-material .k-toolbar .km-back:before,
.km-material .km-navbar .km-back:before {
  content: "\a0";
  display: inline-block;
  color: currentcolor;
  width: .8em;
  height: .8em;
  border-width: 0;
  -webkit-box-shadow: inset 0.25rem -0.25rem 0 currentcolor;
  box-shadow: inset 0.25rem -0.25rem 0 currentcolor;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.km-material .k-toolbar .km-back .km-text,
.km-material .km-navbar .km-back .km-text {
  display: none;
}
.km-material .km-buttongroup > :not(:first-child):not(:last-child) {
  border-radius: 0;
}
.km-material .km-buttongroup > :first-child {
  border-radius: 2px 0 0 2px;
  border-radius: 0;
}
.km-material .km-buttongroup > :last-child {
  border-radius: 0 2px 2px 0;
  border-radius: 0;
}
.km-material .km-buttongroup {
  margin: 0;
}
.km-material .km-buttongroup {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  width: 100%;
  text-align: center;
}
.km-material .km-buttongroup .km-button {
  padding: 1.429em 1.267em 1.357em;
  border-width: 0 0 2px;
  display: inline-block;
}
.km-material .km-buttongroup .km-button:last-child {
  border-right-width: 0;
}
.km-material .km-widget.km-navbar .km-buttongroup {
  font-size: .875em;
  line-height: 1em;
  margin: 0;
  display: inline-block;
  top: 0;
  height: auto;
  margin-bottom: -1px;
}
.km-material .km-widget.km-navbar .km-buttongroup > .km-button {
  font-size: .778em;
  text-indent: 0;
}
.km-material .km-navbar {
  border: 0 solid rgba(0, 0, 0, 0.12);
}
.km-material .km-header .km-navbar {
  border-width: 0 0 0;
}
.km-material .km-footer .km-navbar {
  border-width: 0 0 0;
}
.km-material .km-navbar,
.km-material .km-tabstrip,
.km-material .km-tabstrip .km-button,
.km-material .km-toolbar {
  border-radius: 0;
}
.km-material .km-navbar .km-view-title {
  line-height: 2.8em;
  margin-top: 0;
}
.km-material .km-navbar .km-icon + .km-text {
  display: none;
}
.km-material .km-navbar .km-no-title {
  padding-top: 0;
  padding-bottom: 0;
}
.km-material .k-toolbar {
  line-height: 2.25em;
}
.km-material .k-toolbar .k-split-button,
.km-material .k-toolbar .km-button {
  padding-top: 0;
  padding-bottom: 0;
  line-height: inherit;
}
.km-material .k-split-button .km-arrowdown,
.km-material .k-toolbar .k-button-icon .km-icon,
.km-material .k-toolbar .k-button-icontext .km-icon {
  width: 1em;
  height: 1em;
  font-size: 1.286em;
  vertical-align: middle;
  margin-top: -7px;
  margin-bottom: -2px;
  margin-left: -1px;
  margin-right: 1px;
}
.km-material .k-split-button .km-arrowdown {
  margin-left: 2px;
  margin-right: 1px;
}
.km-material .k-split-button .k-button-icontext {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.km-material .k-split-button-arrow {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.km-material .km-actionsheet.k-overflow-container > li > .km-button,
.km-material .km-actionsheet.k-split-container > li > .km-button {
  min-width: 10em;
  text-align: center;
  font-size: 1.1em;
  border: 0;
  border-radius: 0;
}
.km-material .km-actionsheet.k-split-container > li > .km-button {
  min-width: 5em;
}
.km-material .k-overflow-wrapper .km-actionsheet-wrapper,
.km-material .k-split-wrapper .km-actionsheet-wrapper {
  padding: 1px;
}
html .km-material .k-overflow-container.km-actionsheet > li,
html .km-material .k-split-container.km-actionsheet > li {
  margin-top: 0;
  margin-bottom: 0;
}
.km-material .k-overflow-container.km-actionsheet,
.km-material .k-split-container.km-actionsheet {
  border-top: 0;
}
.km-material .k-toolbar .k-button-icon {
  padding: 0 0.643em;
}
.km-material .km-tabstrip {
  padding: 0;
  display: table;
  table-layout: fixed;
}
.km-material .km-tabstrip .km-button {
  border: 0;
  border-top: 2px solid transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: .7em;
  display: table-cell;
}
.km-material .km-tabstrip .km-icon:before {
  display: none;
}
.km-material .km-switch {
  width: 2.25rem;
  height: .875rem;
  line-height: .875rem;
  overflow: visible;
}
.km-material .km-switch-wrapper {
  overflow: hidden;
}
.km-material .k-slider-selection,
.km-material .km-switch-background {
  background-position: 4.25em 0;
  background-repeat: no-repeat;
  background-color: currentcolor;
  margin-left: -1.125rem;
}
.km-material .km-switch-container {
  padding: 1px 0;
  border-width: 0;
  overflow: visible;
}
.km-material .km-switch-handle {
  width: 1.125em;
  height: 1.125em;
  margin: -4px 0 0;
  border-width: 0;
  border-style: solid;
  border-radius: 50%;
}
.km-material .km-switch-label-off {
  left: 1.5em;
}
.km-material .km-switch-label-on {
  left: -2.8em;
}
.km-material .km-switch-label-off,
.km-material .km-switch-label-on {
  display: none;
  text-shadow: none;
  width: 185%;
  font-size: 1em;
  line-height: 1.5em;
  vertical-align: middle;
}
.km-material .km-switch-background,
.km-material .km-switch-container,
.km-material .km-switch-wrapper {
  border-radius: 5px;
}
.km-material .km-switch-container,
.km-material .km-switch-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  -webkit-background-clip: content-box;
  background-clip: content-box;
}
.km-material .km-switch-background {
  width: 150%;
}
.km-material .km-list {
  font-size: 1.2em;
}
.km-material .km-list > li {
  padding: 1em;
  line-height: 1.4em;
}
.km-material .km-group-container {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.km-material .km-listgroupinset,
.km-material .km-listinset {
  margin: 0.64em 0;
}
.km-material .km-group-title {
  text-indent: 1.4em;
  font-size: .9em;
  font-weight: 500;
}
.km-material .km-list .km-icon {
  font-size: 1.5em;
  vertical-align: middle;
}
.km-material .km-icon:before {
  margin-top: 0;
}
.km-material .km-contactadd:before,
.km-material .km-detaildisclose:before,
.km-material .km-rowdelete:before,
.km-material .km-rowinsert:before {
  display: none;
}
.km-material .km-contactadd:after,
.km-material .km-rowdelete:after,
.km-material .km-rowinsert:after {
  font-size: 1.4em;
}
.km-material .km-listview-label,
.km-material .km-listview-link {
  margin: -1em -1em;
  padding: 1em 1em;
}
.km-material .km-detail {
  width: 2em;
  height: 2em;
  margin-top: -1em;
}
.km-material .km-detaildisclose {
  font-size: 0.86em;
}
.km-material .km-list > li {
  border-style: solid;
  border-width: 0;
}
.km-material .km-listgroupinset .km-list > li:first-child,
.km-material .km-listinset > li:first-child {
  border-style: solid;
  border-width: 0;
  border-radius: 0;
}
.km-material .km-listgroupinset .km-list > li,
.km-material .km-listinset > li {
  border-width: 0;
}
.km-material .km-listgroupinset .km-list > li:last-child,
.km-material .km-listinset > li:last-child {
  border-style: solid;
  border-width: 0;
  border-radius: 0;
}
.km-material .km-listgroupinset .km-list > li:first-child:last-child,
.km-material .km-listinset > li:first-child:last-child {
  border-width: 0;
  border-radius: 2px;
}
.km-material .km-listview-link:after {
  display: none;
}
.km-material .km-listgroupinset li:first-child > .km-listview-label,
.km-material .km-listgroupinset li:first-child > .km-listview-link,
.km-material .km-listinset li:first-child > .km-listview-label,
.km-material .km-listinset li:first-child > .km-listview-link {
  border-radius: 1px 1px 0 0;
}
.km-material .km-listgroupinset li:last-child > .km-listview-label,
.km-material .km-listgroupinset li:last-child > .km-listview-link,
.km-material .km-listinset li:last-child > .km-listview-label,
.km-material .km-listinset li:last-child > .km-listview-link {
  border-radius: 0 0 1px 1px;
}
.km-material .km-listgroupinset li:first-child:last-child > .km-listview-label,
.km-material .km-listgroupinset li:first-child:last-child > .km-listview-link,
.km-material .km-listinset li:first-child:last-child > .km-listview-label,
.km-material .km-listinset li:first-child:last-child > .km-listview-link {
  border-radius: 1px;
}
.km-material .km-group-title {
  border-style: solid;
  border-width: 0 0;
}
.km-material .km-scroll-header .km-group-title {
  border-width: 0 0 0;
}
.km-material .km-listgroupinset .km-group-title {
  border: 0;
  background: 0 0;
}
.km-material .km-listview .km-switch {
  margin-top: -0.44rem;
}
.km-material .km-listview-wrapper form .km-filter-wrap > input {
  font-size: 1.2em;
  padding: 0.3em 1.8em;
}
.km-material .km-filter-wrap:before {
  margin: 0.05em -1.3em 0 0.3em;
}
.km-material .km-filter-reset {
  margin: 0.05em 0 0 -2em;
}
.km-material .km-filter-reset .km-clear:after {
  content: "\e038";
}
.km-material .km-filter-wrap > input {
  border-radius: 2px;
  border-width: 0;
  border-style: solid;
}
.km-material .km-filter-wrap > input:focus {
  border-width: 0;
  border-style: solid;
}
.km-material .km-pages {
  padding-top: 0.4em;
}
.km-material .km-pages li {
  border-radius: 1em;
}
.km-material .k-slider .k-draghandle,
.km-material .k-slider .k-draghandle:hover {
  border: 0;
  border-radius: 5em;
}
.km-material .k-slider-track {
  margin: -0.5em 0.5em 0 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border-radius: .5em;
  background-color: rgba(128, 128, 128, 0.3);
}
.km-material .k-slider-selection {
  margin-left: 0;
}
.km-material .km-list .k-dropdown-wrap,
.km-material .km-list input[type=color],
.km-material .km-list input[type=date],
.km-material .km-list input[type=datetime-local],
.km-material .km-list input[type=datetime],
.km-material .km-list input[type=email],
.km-material .km-list input[type=month],
.km-material .km-list input[type=number],
.km-material .km-list input[type=password],
.km-material .km-list input[type=search],
.km-material .km-list input[type=tel],
.km-material .km-list input[type=text]:not(.k-input),
.km-material .km-list input[type=time],
.km-material .km-list input[type=url],
.km-material .km-list input[type=week],
.km-material .km-list select:not([multiple]),
.km-material .km-list textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1.1rem;
  min-width: 6em;
  padding: .4em;
  outline: 0;
  background: 0 0;
}
.km-material .km-list .k-dropdown-wrap {
  padding: 0.2em;
}
.km-material .km-list .k-dropdown,
.km-material .km-list input[type=color],
.km-material .km-list input[type=date],
.km-material .km-list input[type=datetime-local],
.km-material .km-list input[type=datetime],
.km-material .km-list input[type=month],
.km-material .km-list input[type=time],
.km-material .km-list input[type=week] {
  text-align: left;
}
.km-material .km-list .k-dropdown .k-dropdown-wrap {
  display: block;
  border-radius: 0;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.km-material .km-listview-label input[type=checkbox] {
  margin-top: -0.7em;
}
.km-material .km-listview-label input[type=checkbox],
.km-material .km-listview-label input[type=radio] {
  border-width: 2px;
  border-style: solid;
  width: 1.2em;
  height: 1.2em;
  border-radius: 2px;
}
.km-material .km-listview-label input[type=radio] {
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
}
.km-material .km-listview-label input[type=checkbox]:after,
.km-material .km-listview-label input[type=radio]:checked:after {
  content: "\a0";
  display: block;
  width: 90%;
  height: 76%;
  -webkit-transform: scale(0.9, 1);
  -ms-transform: scale(0.9, 1);
  transform: scale(0.9, 1);
  -webkit-transform-origin: 10% 50%;
  -ms-transform-origin: 10% 50%;
  transform-origin: 10% 50%;
}
.km-material .km-listview-label input[type=radio]:checked:after {
  margin: 11% 0 0 11%;
  height: 85%;
  border-radius: 50%;
}
.km-material .km-listview-label input[type=checkbox]:checked:after {
  font-size: 1em;
}
.km-material .km-list .km-icon.km-check {
  font-size: 1.071em;
}
.km-material .k-dropdown,
.km-material input[type=color],
.km-material input[type=date],
.km-material input[type=datetime-local],
.km-material input[type=datetime],
.km-material input[type=email],
.km-material input[type=month],
.km-material input[type=number],
.km-material input[type=password],
.km-material input[type=search],
.km-material input[type=tel],
.km-material input[type=text]:not(.k-input),
.km-material input[type=time],
.km-material input[type=url],
.km-material input[type=week],
.km-material select:not([multiple]),
.km-material textarea {
  padding: .4em;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.km-material .km-list .k-dropdown,
.km-material .km-list input[type=color],
.km-material .km-list input[type=date],
.km-material .km-list input[type=datetime-local],
.km-material .km-list input[type=datetime],
.km-material .km-list input[type=email],
.km-material .km-list input[type=month],
.km-material .km-list input[type=number],
.km-material .km-list input[type=password],
.km-material .km-list input[type=search],
.km-material .km-list input[type=tel],
.km-material .km-list input[type=text]:not(.k-input),
.km-material .km-list input[type=time],
.km-material .km-list input[type=url],
.km-material .km-list input[type=week],
.km-material .km-list select:not([multiple]) {
  margin-top: -1.05em;
  width: 45%;
  right: 1em;
  font-size: 1em;
}
.km-material .km-list .k-dropdown {
  margin-top: -1.5em;
  font-weight: 400;
  padding: 0;
}
.km-native-scrolling .km-material .km-list input[type=color],
.km-native-scrolling .km-material .km-list input[type=date],
.km-native-scrolling .km-material .km-list input[type=datetime-local],
.km-native-scrolling .km-material .km-list input[type=datetime],
.km-native-scrolling .km-material .km-list input[type=email],
.km-native-scrolling .km-material .km-list input[type=month],
.km-native-scrolling .km-material .km-list input[type=number],
.km-native-scrolling .km-material .km-list input[type=password],
.km-native-scrolling .km-material .km-list input[type=search],
.km-native-scrolling .km-material .km-list input[type=tel],
.km-native-scrolling .km-material .km-list input[type=text]:not(.k-input),
.km-native-scrolling .km-material .km-list input[type=time],
.km-native-scrolling .km-material .km-list input[type=url],
.km-native-scrolling .km-material .km-list input[type=week],
.km-native-scrolling .km-material .km-list select:not([multiple]),
.km-native-scrolling .km-material .km-list textarea {
  position: static;
  float: right;
  margin-top: 0;
  margin-bottom: -0.2em;
}
.km-material input[type=file] {
  padding: .25em;
  outline: 0;
}
.km-material textarea {
  outline: 0;
  border-width: 0 0 1px;
  margin-right: 0;
}
.km-material .k-dropdown .k-input {
  border-radius: 0;
}
.km-material input[type=email],
.km-material input[type=number],
.km-material input[type=password],
.km-material input[type=search],
.km-material input[type=tel],
.km-material input[type=text]:not(.k-input),
.km-material input[type=url] {
  outline-width: 2px;
  outline-style: solid;
  outline-offset: -5px;
  border-width: 0 0 1px;
  border-style: solid;
}
.km-material input[type=email]:focus,
.km-material input[type=number]:focus,
.km-material input[type=password]:focus,
.km-material input[type=search]:focus,
.km-material input[type=tel]:focus,
.km-material input[type=text]:not(.k-input):focus,
.km-material input[type=url]:focus,
.km-material textarea:focus {
  outline-offset: -6px;
}
.km-material .k-dropdown .k-dropdown-wrap,
.km-material input[type=color],
.km-material input[type=date],
.km-material input[type=datetime-local],
.km-material input[type=datetime],
.km-material input[type=month],
.km-material input[type=time],
.km-material input[type=week],
.km-material select:not([multiple]) {
  border-width: 0 0 1px;
  border-style: solid;
  margin-bottom: 1px;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}
.km-material input[type=email]:focus,
.km-material input[type=number]:focus,
.km-material input[type=password]:focus,
.km-material input[type=search]:focus,
.km-material input[type=tel]:focus,
.km-material input[type=text]:not(.k-input):focus,
.km-material input[type=url]:focus {
  border-width: 0 0 2px;
}
.km-material .k-slider-horizontal {
  margin-top: 0;
  height: 0.1em;
}
.km-material .k-slider .k-draghandle {
  width: .857em;
  height: .857em;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 5em;
  border: 0;
}
.km-material .k-slider-horizontal .k-draghandle {
  top: 2px;
}
.km-material .k-slider-vertical .k-draghandle {
  left: -0.35em;
}
.km-material .k-slider-vertical .k-draghandle.k-state-focused {
  margin-left: 0;
}
.km-material .k-slider-horizontal .k-slider-selection {
  margin-top: 0;
}
.km-material .k-slider-vertical .k-slider-selection {
  margin-left: -0.1em;
  width: 0.143em;
}
.km-material .k-slider-horizontal .k-slider-track {
  height: 0.143em;
}
.km-material .k-slider-vertical .k-slider-track {
  width: 0.143em;
}
.km-material .k-slider-selection {
  margin-left: 0;
}
.km-material .k-slider .k-draghandle,
.km-material .k-slider .k-draghandle:hover {
  margin-top: -0.5em;
  padding: 0;
  background-clip: content-box;
  -webkit-background-clip: content-box;
}
.km-material .k-slider .k-draghandle:before {
  content: "\a0";
  display: block;
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 100%;
  height: 100%;
  opacity: .3;
  border-radius: 5em;
  padding: .5em;
  margin-bottom: 0.5em;
}
.km-material .k-slider .k-draghandle:active:before {
  opacity: 0.4;
}
.km-material .km-popup .k-popup .k-item.k-state-hover {
  cursor: pointer;
}
.km-material .km-list .km-label-above .k-dropdown-wrap {
  display: block;
  border-radius: 0;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transform: translateY(0);
}
.km-material .km-list .km-label-above .k-dropdown-wrap .k-input {
  text-indent: 0;
  padding: 0.2em 0;
}
.km-material .km-label-above {
  width: 100%;
  font-size: .87em;
  display: block;
  padding: .75em 0 1.5em;
  margin-top: -1.3em;
  margin-bottom: -1.5em;
}
.km-material .km-label-above textarea {
  top: 50%;
}
.km-material .km-label-above,
.km-material label.km-inline-field {
  font-size: .72em;
  line-height: 1.2em;
  padding-top: .92em;
  padding-bottom: 3.3em;
}
.km-material .km-list .km-label-above .k-dropdown,
.km-material .km-list .km-label-above input[type=color],
.km-material .km-list .km-label-above input[type=date],
.km-material .km-list .km-label-above input[type=datetime-local],
.km-material .km-list .km-label-above input[type=datetime],
.km-material .km-list .km-label-above input[type=email],
.km-material .km-list .km-label-above input[type=file],
.km-material .km-list .km-label-above input[type=month],
.km-material .km-list .km-label-above input[type=number],
.km-material .km-list .km-label-above input[type=password],
.km-material .km-list .km-label-above input[type=search],
.km-material .km-list .km-label-above input[type=tel],
.km-material .km-list .km-label-above input[type=text]:not(.k-input),
.km-material .km-list .km-label-above input[type=time],
.km-material .km-list .km-label-above input[type=url],
.km-material .km-list .km-label-above input[type=week],
.km-material .km-list .km-label-above select:not([multiple]),
.km-material .km-list .km-label-above textarea {
  width: 100%;
  left: .89em;
  font-size: 1.2rem;
  margin-top: 0;
  padding: 0;
}
.km-material .km-list .km-inline-field .k-dropdown,
.km-material .km-list .km-inline-field input[type=color],
.km-material .km-list .km-inline-field input[type=date],
.km-material .km-list .km-inline-field input[type=datetime-local],
.km-material .km-list .km-inline-field input[type=datetime],
.km-material .km-list .km-inline-field input[type=email],
.km-material .km-list .km-inline-field input[type=file],
.km-material .km-list .km-inline-field input[type=month],
.km-material .km-list .km-inline-field input[type=number],
.km-material .km-list .km-inline-field input[type=password],
.km-material .km-list .km-inline-field input[type=search],
.km-material .km-list .km-inline-field input[type=tel],
.km-material .km-list .km-inline-field input[type=text]:not(.k-input),
.km-material .km-list .km-inline-field input[type=time],
.km-material .km-list .km-inline-field input[type=url],
.km-material .km-list .km-inline-field input[type=week],
.km-material .km-list .km-inline-field select:not([multiple]),
.km-material .km-list .km-inline-field textarea {
  position: absolute;
  width: 100%;
  left: 0;
  padding-left: 0;
  padding-left: 1em;
}
.km-material .km-list .km-inline-field:first-of-type .k-dropdown,
.km-material .km-list .km-inline-field:first-of-type input[type=color],
.km-material .km-list .km-inline-field:first-of-type input[type=date],
.km-material .km-list .km-inline-field:first-of-type input[type=datetime-local],
.km-material .km-list .km-inline-field:first-of-type input[type=datetime],
.km-material .km-list .km-inline-field:first-of-type input[type=email],
.km-material .km-list .km-inline-field:first-of-type input[type=file],
.km-material .km-list .km-inline-field:first-of-type input[type=month],
.km-material .km-list .km-inline-field:first-of-type input[type=number],
.km-material .km-list .km-inline-field:first-of-type input[type=password],
.km-material .km-list .km-inline-field:first-of-type input[type=search],
.km-material .km-list .km-inline-field:first-of-type input[type=tel],
.km-material .km-list .km-inline-field:first-of-type input[type=text]:not(.k-input),
.km-material .km-list .km-inline-field:first-of-type input[type=time],
.km-material .km-list .km-inline-field:first-of-type input[type=url],
.km-material .km-list .km-inline-field:first-of-type input[type=week],
.km-material .km-list .km-inline-field:first-of-type select:not([multiple]),
.km-material .km-list .km-inline-field:first-of-type textarea {
  margin-left: 0;
  padding-left: 0;
}
.km-material .km-inline-field {
  display: inline-block;
  position: relative;
  width: -webkit-calc(48.39%);
  width: calc(48.39%);
  overflow: hidden;
  white-space: nowrap;
}
.km-material .km-list fieldset .km-inline-field:first-of-type {
  padding-left: 0;
}
.km-material .km-inline-field.km-label-above {
  margin-bottom: 0;
}
.km-material .km-legend-button {
  display: block;
  padding: 1.17em 1.61em .39em;
  margin: -1.17em -1.61em -0.39em;
}
.km-material .km-list fieldset {
  border: none;
  padding: 0 1.61em;
  margin: -1.18em -1.61em;
}
.km-material .km-list fieldset > .k-dropdown-wrap,
.km-material .km-list fieldset > input[type=color],
.km-material .km-list fieldset > input[type=date],
.km-material .km-list fieldset > input[type=datetime-local],
.km-material .km-list fieldset > input[type=datetime],
.km-material .km-list fieldset > input[type=email],
.km-material .km-list fieldset > input[type=month],
.km-material .km-list fieldset > input[type=number],
.km-material .km-list fieldset > input[type=password],
.km-material .km-list fieldset > input[type=search],
.km-material .km-list fieldset > input[type=tel],
.km-material .km-list fieldset > input[type=text]:not(.k-input),
.km-material .km-list fieldset > input[type=time],
.km-material .km-list fieldset > input[type=url],
.km-material .km-list fieldset > input[type=week],
.km-material .km-list fieldset > select:not([multiple]) {
  width: 100%;
  position: relative;
  padding: 1.23em 0;
  margin-top: 0;
  right: auto;
}
.km-material .km-list fieldset legend {
  margin: 0 -1.61em;
  font-weight: 400;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 1.28em 1.61em .55em;
  width: 100%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.km-material .km-list fieldset .km-inline-field {
  margin-top: 0;
  margin-left: 0;
  padding-left: 1.61em;
  border-right-width: 1px;
  border-right-style: solid;
}
.km-material .km-list .km-full-width-slider {
  position: relative;
  margin-top: 0;
  padding: 1.55em 0;
  width: auto;
  display: block;
}
.km-material .km-checkbox-label,
.km-material .km-radio-label {
  font-size: 1em;
  line-height: 1.2em;
  margin-left: 0.89em;
}
.km-material .km-checkbox-label:after,
.km-material .km-checkbox-label:before {
  font-size: 1.2em;
  right: 1em;
  width: 1.3rem;
  height: 1.3rem;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
  text-align: center;
}
.km-material .km-radio-label {
  line-height: 1.5em;
  margin-left: 0.89em;
}
.km-material .km-radio-label:before {
  width: 1.3rem;
  height: 1.3rem;
  border-width: 2px;
  border-style: solid;
  right: 1em;
  left: auto;
}
.km-material input.km-radio:checked + .km-radio-label:after {
  width: .9rem;
  height: .9rem;
  top: 50%;
  right: 1.33em;
  left: auto;
}
.km-material .km-actionsheet > li > a {
  font-weight: 400;
  text-align: left;
  padding: 1em 1.2em;
  display: block;
  margin: 0;
}
.km-material .km-actionsheet > li:last-child > a {
  border: 0;
}
.km-material .km-popup li.km-actionsheet-title,
.km-material .km-shim li.km-actionsheet-title {
  display: none;
}
.km-material .km-actionsheet-wrapper.km-popup {
  padding: 2px 0;
}
.km-material .km-widget.km-actionsheet-wrapper {
  width: 100%;
  border: 0;
  padding: 0.55em 0;
}
.km-material .km-popup.km-pane .km-navbar,
.km-material .km-popup.km-pane .km-tabstrip,
.km-material .km-popup.km-pane .km-toolbar {
  background: 0 0;
}
.km-material .km-popup.km-pane .km-header {
  border-radius: 2px 2px 0 0;
  -webkit-margin-collapse: separate;
}
.km-material .km-popup-arrow:after {
  border-style: solid;
  border-width: 0 15px 15px;
}
.km-material .km-down .km-popup-arrow:before {
  margin-top: -1px;
}
.km-material .km-up .km-popup-arrow:after {
  border-width: 15px 15px 0 15px;
}
.km-material .km-left .km-popup-arrow:after {
  border-width: 15px 0 15px 15px;
}
.km-material .km-right .km-popup-arrow:after {
  border-width: 15px 15px 15px 0;
}
.km-material .km-modalview {
  border-radius: 2px;
}
.km-material .km-scroll-container:after {
  content: "";
  display: block;
  clear: both;
}
.km-material .km-modalview .km-navbar .km-rightitem {
  right: 1.2em;
}
.km-material .km-touch-scrollbar {
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 1em;
}
.km-material .km-touch-scrollbar {
  width: 0.143em;
}
.km-on-blackberry.km-blackberry6 .km-view .km-icon,
.km-on-blackberry.km-blackberry7 .km-view .km-icon,
.km-on-blackberry.km-ios .km-view .km-icon,
.km-pane.km-on-android .km-view .km-icon,
.km-pane.km-on-meego .km-view .km-icon {
  background: 0 0;
}
/*# sourceMappingURL=kendo.mobile.material.min.css.map */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
.width-5 {
  display: inline-block;
  width: 5% !important;
}
.width-10 {
  display: inline-block;
  width: 10% !important;
}
.width-15 {
  display: inline-block;
  width: 15% !important;
}
.width-20 {
  display: inline-block;
  width: 20% !important;
}
.width-25 {
  display: inline-block;
  width: 25% !important;
}
.width-30 {
  display: inline-block;
  width: 30% !important;
}
.width-35 {
  display: inline-block;
  width: 35% !important;
}
.width-40 {
  display: inline-block;
  width: 40% !important;
}
.width-45 {
  display: inline-block;
  width: 45% !important;
}
.width-50 {
  display: inline-block;
  width: 50% !important;
}
.width-55 {
  display: inline-block;
  width: 55% !important;
}
.width-60 {
  display: inline-block;
  width: 60% !important;
}
.width-65 {
  display: inline-block;
  width: 65% !important;
}
.width-70 {
  display: inline-block;
  width: 70% !important;
}
.width-75 {
  display: inline-block;
  width: 75% !important;
}
.width-80 {
  display: inline-block;
  width: 80% !important;
}
.width-85 {
  display: inline-block;
  width: 85% !important;
}
.width-90 {
  display: inline-block;
  width: 90% !important;
}
.width-95 {
  display: inline-block;
  width: 95% !important;
}
.width-100 {
  display: inline-block;
  width: 100% !important;
}
@media screen and (max-width: 600px) {
  .width-xs-5 {
    display: inline-block;
    width: 5% !important;
  }
  .width-xs-10 {
    display: inline-block;
    width: 10% !important;
  }
  .width-xs-15 {
    display: inline-block;
    width: 15% !important;
  }
  .width-xs-20 {
    display: inline-block;
    width: 20% !important;
  }
  .width-xs-25 {
    display: inline-block;
    width: 25% !important;
  }
  .width-xs-30 {
    display: inline-block;
    width: 30% !important;
  }
  .width-xs-35 {
    display: inline-block;
    width: 35% !important;
  }
  .width-xs-40 {
    display: inline-block;
    width: 40% !important;
  }
  .width-xs-45 {
    display: inline-block;
    width: 45% !important;
  }
  .width-xs-50 {
    display: inline-block;
    width: 50% !important;
  }
  .width-xs-55 {
    display: inline-block;
    width: 55% !important;
  }
  .width-xs-60 {
    display: inline-block;
    width: 60% !important;
  }
  .width-xs-65 {
    display: inline-block;
    width: 65% !important;
  }
  .width-xs-70 {
    display: inline-block;
    width: 70% !important;
  }
  .width-xs-75 {
    display: inline-block;
    width: 75% !important;
  }
  .width-xs-80 {
    display: inline-block;
    width: 80% !important;
  }
  .width-xs-85 {
    display: inline-block;
    width: 85% !important;
  }
  .width-xs-90 {
    display: inline-block;
    width: 90% !important;
  }
  .width-xs-95 {
    display: inline-block;
    width: 95% !important;
  }
  .width-xs-100 {
    display: inline-block;
    width: 100% !important;
  }
}
@media screen and (max-width: 960px) {
  .width-sm-5 {
    display: inline-block;
    width: 5% !important;
  }
  .width-sm-10 {
    display: inline-block;
    width: 10% !important;
  }
  .width-sm-15 {
    display: inline-block;
    width: 15% !important;
  }
  .width-sm-20 {
    display: inline-block;
    width: 20% !important;
  }
  .width-sm-25 {
    display: inline-block;
    width: 25% !important;
  }
  .width-sm-30 {
    display: inline-block;
    width: 30% !important;
  }
  .width-sm-35 {
    display: inline-block;
    width: 35% !important;
  }
  .width-sm-40 {
    display: inline-block;
    width: 40% !important;
  }
  .width-sm-45 {
    display: inline-block;
    width: 45% !important;
  }
  .width-sm-50 {
    display: inline-block;
    width: 50% !important;
  }
  .width-sm-55 {
    display: inline-block;
    width: 55% !important;
  }
  .width-sm-60 {
    display: inline-block;
    width: 60% !important;
  }
  .width-sm-65 {
    display: inline-block;
    width: 65% !important;
  }
  .width-sm-70 {
    display: inline-block;
    width: 70% !important;
  }
  .width-sm-75 {
    display: inline-block;
    width: 75% !important;
  }
  .width-sm-80 {
    display: inline-block;
    width: 80% !important;
  }
  .width-sm-85 {
    display: inline-block;
    width: 85% !important;
  }
  .width-sm-90 {
    display: inline-block;
    width: 90% !important;
  }
  .width-sm-95 {
    display: inline-block;
    width: 95% !important;
  }
  .width-sm-100 {
    display: inline-block;
    width: 100% !important;
  }
}
.column-item {
  display: block;
}
.row-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
@media screen and (max-width: 600px) {
  .hide-xs {
    display: none !important;
  }
}
@media screen and (min-width: 600px) {
  .hide-gt-xs {
    display: none !important;
  }
}
[mat-button]:not(.three-dot-menu-trigger) {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 2px;
  color: #2095F5;
  cursor: pointer;
  display: inline-block;
  font: bold 14px 'Roboto Light';
  height: 32px;
  min-width: 72px !important;
  padding: 8px;
  text-transform: uppercase !important;
}
[mat-button]:not(.three-dot-menu-trigger)[disabled] {
  cursor: not-allowed;
  text-transform: uppercase !important;
}
[mat-button]:not(.three-dot-menu-trigger):not(.command-button):not(.command-parameter-button):not(.breadcrumb-button):hover {
  background-color: #F2F2F2 !important;
}
[mat-button]:not(.three-dot-menu-trigger).cancel-button {
  color: #505050 !important;
}
[mat-button]:not(.three-dot-menu-trigger).inverted {
  color: #FFF !important;
}
[mat-button]:not(.three-dot-menu-trigger).direction-button {
  min-width: initial !important;
}
[mat-button]:not(.three-dot-menu-trigger).command-button .mat-button-wrapper {
  font-size: 13px;
  position: relative;
  top: -2px;
}
[mat-button]:not(.three-dot-menu-trigger).command-button .mat-button-wrapper i.mdi {
  color: #FFF;
  position: relative;
  top: -4px;
}
.mat-button-wrapper i.mdi + span {
  position: relative;
  top: 4px;
}
.mat-datepicker-toggle-default-icon {
  width: 16px !important;
}
.mat-datepicker-toggle-default-icon path:hover {
  fill: #606060 !important;
}
.field-40 dropdown,
.field-40 .mat-form-field-infix {
  width: 40px;
}
.field-60 dropdown,
.field-60 .mat-form-field-infix {
  width: 60px;
}
.field-80 dropdown,
.field-80 .mat-form-field-infix {
  width: 80px;
}
.field-100 dropdown,
.field-100 .mat-form-field-infix {
  width: 100px;
}
.field-120 dropdown,
.field-120 .mat-form-field-infix {
  width: 120px;
}
.field-140 dropdown,
.field-140 .mat-form-field-infix {
  width: 140px;
}
.field-240 {
  max-width: 240px;
}
.field-240 dropdown,
.field-240 .mat-form-field-infix {
  max-width: 240px;
  width: 240px;
}
.mat-form-field {
  font-size: 14px !important;
}
.mat-form-field .mat-form-field-label {
  color: #858585;
}
.mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.25);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  margin-bottom: -4px;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.36) !important;
  font-size: 11px;
}
.mat-form-field.date-field-wrapper {
  max-width: 150px;
}
.mat-form-field.date-field-wrapper .mat-form-field-infix {
  width: auto;
}
mat-slide-toggle .mat-slide-toggle-bar {
  background-color: #B1B1B1 !important;
}
mat-slide-toggle .mat-slide-toggle-thumb {
  background-color: #4CAF50 !important;
  border: 1px solid #FFF !important;
  height: 18px !important;
  width: 18px !important;
}
mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #F44336 !important;
}
mat-slide-toggle.disabled .mat-slide-toggle-thumb {
  background-color: #C7C7C7 !important;
}
.slider-value-title {
  font-size: 12px;
  font-weight: bold;
  left: 0;
  min-width: 48px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}
.slider-value-min,
.slider-value-max {
  bottom: 1px;
  color: #B0B0B0;
  font-size: 12px;
  min-width: 24px;
  position: absolute;
  text-align: center;
}
.slider-value-max {
  right: 6px;
}
.slider-value-min {
  left: 0;
}
.slider-value-current {
  color: #404040;
  font-weight: bold;
  position: absolute;
  right: -24px;
  top: 14px;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  position: relative;
  top: -13px;
  transform: none !important;
}
mat-input-container {
  font-size: 14px;
  margin: 0 0 8px 0;
}
mat-input-container textarea {
  border: 0 !important;
  min-height: 48px;
}
.kendo-input-container .k-datepicker,
.kendo-input-container .k-numerictextbox {
  display: block !important;
  border: 0 !important;
  margin: -12px 0 0 0;
}
.kendo-input-container .k-input {
  box-shadow: none !important;
}
.kendo-input-container .k-picker-wrap {
  box-shadow: none !important;
}
.kendo-input-container .mat-input-infix {
  border: 0 !important;
  padding: 1px 0 3px 0;
  margin: 0 0 2px 0;
}
mat-input-container-legacy {
  font-size: 14px;
  margin: 8px 0;
  width: 100%;
}
mat-input-container-legacy > textarea {
  border-bottom: 1px solid #E1E1E1;
  display: block;
  min-height: 48px;
  outline: none !important;
  resize: none;
  width: 100%;
}
mat-input-container-legacy > textarea:focus {
  border-bottom: 2px solid #0099FF;
}
mat-input-container-legacy > input[type="text"] {
  border-bottom: 1px solid #E1E1E1;
  outline: none !important;
  resize: none;
}
mat-input-container-legacy > input[type="text"]:focus {
  border-bottom: 2px solid #0099FF;
}
mat-input-container-legacy > select {
  border-bottom: 1px solid #E1E1E1;
  outline: none !important;
  resize: none;
}
mat-input-container-legacy > select:focus {
  border-bottom: 2px solid #0099FF;
}
mat-input-container-legacy label:not(.md-no-float):not(.md-container-ignore),
mat-input-container-legacy .md-placeholder {
  font-size: 12px;
  font-weight: normal;
  margin: 4px 0 0 -1px;
}
mat-input-container-legacy {
  display: block;
}
mat-input-container-legacy label {
  color: #B0B0B0 !important;
  font-size: 12px !important;
  top: -50px;
}
mat-input-container-legacy input {
  min-width: 200px;
}
mat-input-container-legacy .md-errors-spacer {
  min-height: 0;
}
mat-input-container-legacy {
  margin: 0 0 8px 0;
}
mat-input-container-legacy .mat-input-underline {
  bottom: 0;
}
mat-input-container-legacy .mat-input-wrapper {
  padding: 0;
}
mat-input-container-legacy.has-focus dropdown dropdown-label {
  border-bottom: 2px solid #0099FF !important;
}
mat-input-container-legacy.has-focus label {
  color: #0099FF !important;
}
.cdk-overlay-pane {
  display: block !important;
}
.mat-select-panel::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.mat-select-panel::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.mat-select-panel::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
mat-option {
  border-bottom: 1px solid #E8E8E8;
}
mat-checkbox {
  background-color: rgba(255, 255, 255, 0) !important;
  font-size: 14px;
  margin: 0 0 4px 0 !important;
}
mat-checkbox .mat-checkbox-background {
  width: 20px;
}
mat-checkbox .mat-checkbox-frame {
  height: 20px;
  width: 20px;
}
mat-checkbox.mat-checkbox-focused .md-ink-ripple {
  background-color: rgba(255, 255, 255, 0) !important;
}
mat-checkbox .mat-checkbox-label {
  line-height: normal !important;
  margin: 4px 0 0 5px !important;
  white-space: normal;
}
mat-checkbox .mat-checkbox-label i.mdi + span {
  position: relative;
  top: -3px;
}
mat-checkbox.connect {
  border: 0;
}
mat-checkbox.connect .mat-checkbox-background {
  display: none;
}
mat-checkbox.connect .mat-checkbox-frame {
  background: url('/app/content/images/icons/select_empty.svg');
  border: 0;
}
mat-checkbox.connect.mat-checkbox-checked .mat-checkbox-frame {
  background: url('/app/content/images/icons/select_filled.svg') !important;
}
mat-checkbox.connect.header-checkbox .mat-checkbox-frame {
  background: url('/app/content/images/icons/select_multiple_empty.svg');
  border: 0;
}
mat-checkbox.connect.header-checkbox.mat-checkbox-checked .mat-checkbox-frame {
  background: url('/app/content/images/icons/select_multiple_filled.svg') !important;
}
mat-checkbox.connect .mat-checkbox-label > label {
  position: relative;
  top: -4px;
}
mat-checkbox.connect-2 .mat-checkbox-frame {
  border-radius: 24px !important;
}
mat-checkbox.connect-2 .mat-checkbox-background {
  border-radius: 24px !important;
  height: 19px !important;
}
.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #0078C4;
}
mat-checkbox.mat-checkbox-checked .mat-checkbox-background {
  background-color: rgba(0, 0, 0, 0.3);
}
mat-checkbox.md-default-theme.mat-checked .mat-icon,
mat-checkbox.mat-checked .mat-icon {
  background-color: #D3D3D3;
}
.card {
  background-color: #FFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.three-dot-menu-trigger {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 30px !important;
  max-width: 36px;
  min-width: 36px !important;
  padding: 0 !important;
  position: absolute !important;
  right: 16px;
  top: 8px;
  width: 36px;
  z-index: 4;
}
.three-dot-menu-trigger > .mat-button-wrapper {
  position: relative;
  top: -4px;
}
.three-dot-menu-trigger.make-inline {
  position: relative !important;
  right: 0;
  top: 0;
}
.three-dot-menu-trigger.has-text {
  max-width: none;
  width: 120px;
}
.mat-menu-content {
  padding: 0 0 4px 0 !important;
}
.mat-menu-item {
  top: 0 !important;
}
.mat-menu-item i {
  position: relative;
  top: -2px;
}
.mat-menu-item img {
  vertical-align: initial;
}
.mat-menu-item span {
  vertical-align: top;
}
.mat-menu-item .mat-icon {
  line-height: 24px;
}
.mat-menu-panel {
  overflow: hidden !important;
}
mat-slider.faded {
  opacity: 0.44;
}
mat-slider .mat-slider-thumb,
mat-slider .mat-slider-thumb-label,
mat-slider .mat-slider-track-fill {
  background-color: #0078C4 !important;
}
mat-slider.orange-theme .mat-slider-wrapper {
  width: calc(100% - 20px) !important;
}
mat-slider.orange-theme .mat-slider-horizontal .mat-slider-track-background {
  background-color: #CCC;
}
mat-slider.orange-theme .mat-slider-thumb-label,
mat-slider.orange-theme .mat-slider-track-fill {
  background-color: #EFB153;
}
mat-slider.orange-theme .mat-slider-horizontal .mat-slider-track-wrapper {
  border-radius: 6px;
  height: 3px;
}
mat-slider.orange-theme .mat-slider-thumb {
  background-color: #808080 !important;
  border: 5px solid #FFF !important;
  bottom: -13px !important;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.9);
  height: 28px;
  right: -13px !important;
  width: 28px;
}
.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #0078C4;
}
mat-toolbar {
  display: block !important;
  font-size: 20px;
  min-height: 38px;
  position: relative;
  width: 100%;
  z-index: 2;
}
mat-toolbar mat-toolbar-row {
  display: block !important;
}
mat-toolbar h2 {
  color: #858585;
  font-size: 20px;
  font-weight: normal;
  left: 16px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (max-width: 600px) {
  mat-toolbar {
    min-height: 40px !important;
  }
}
_:-ms-lang(x) {
  stroke-dasharray: 140px;
}
mat-progress-spinner {
  height: 48px !important;
  width: 48px !important;
}
mat-progress-spinner circle {
  stroke: #0078C4 !important;
  stroke-dasharray: 140px;
}
mat-progress-spinner > svg {
  height: 48px !important;
  width: 48px !important;
}
mat-progress-spinner > svg path {
  stroke: #0078C4 !important;
}
.mat-tooltip {
  background: #FFF !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.33);
  border-radius: 0 !important;
  color: #404040 !important;
  font-size: 12px !important;
  white-space: pre-line;
}
.photo-gallery-stage {
  background-color: #F5F5F5;
  box-shadow: 0 3px 6px #999;
  height: 390px;
  margin: 0 0 20px 0;
  max-height: 390px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.expand-image-link {
  cursor: zoom-in;
  height: auto;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 100%;
}
img.mfp-img,
img.mfp-animated-image {
  max-height: 881px;
  padding: 0;
  box-shadow: 0 3px 6px #111;
}
.photo-gallery-main-image {
  max-height: 100%;
  max-width: 100%;
}
.photo-gallery-main-image-caption-wrapper {
  bottom: 0px;
  position: absolute;
  text-align: left;
  width: 100%;
}
.photo-gallery-main-image-caption {
  background: rgba(255, 255, 255, 0.5);
  color: #000;
  display: inline-block;
  font-size: 14px;
  min-height: 16px;
  padding: 4px 0 4px 5px;
  text-align: left;
  width: 100%;
}
.photo-gallery-thumbnails {
  overflow-x: hidden;
  white-space: nowrap;
}
.photo-gallery-thumbnail-wrapper {
  background-color: #F5F5F5;
  box-shadow: 0 3px 6px #999;
  display: inline-block;
  outline: none;
  overflow: hidden;
  height: 105px;
  margin: 0 11px 0 0;
  text-align: center;
  width: 128px;
}
.photo-gallery-thumbnail-wrapper:hover {
  cursor: pointer;
  opacity: 0.8;
}
.photo-gallery-thumbnail {
  height: 100%;
}
.photo-gallery-thumbnails-left,
.photo-gallery-thumbnails-right {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: rgba(200, 200, 200, 0.5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  color: #909090;
  cursor: pointer;
  font-size: 26px;
  height: 40px;
  margin: 30px 0 0 0;
  position: absolute;
  text-indent: 4px;
  width: 25px;
  z-index: 1000;
}
.photo-gallery-thumbnails-right {
  margin: -80px 0 0 0;
  right: 16px;
}
.photo-gallery-thumbnails-left:hover,
.photo-gallery-thumbnails-right:hover {
  background: rgba(0, 0, 0, 0.5);
  color: #FFF;
}
.photo-gallery-full-size-button {
  position: absolute !important;
  right: 56px;
  top: 6px;
}
.photo-gallery-no-photos {
  color: #DDD;
  font-size: 48px;
  font-weight: bold;
  left: 50%;
  max-height: 508px;
  position: absolute;
  text-align: center;
  transform: translate(-50%, -50%);
  top: 50%;
}
.photo-gallery-no-photos > div {
  position: relative;
  top: 41%;
}
company-switch,
.group-switch,
.group-site-switch,
.site-switch {
  display: inline-block;
  height: 38px;
  margin-right: 2px;
  max-width: 400px;
  min-width: 110px;
  padding: 0 16px 0 0;
  position: relative;
  vertical-align: top;
  z-index: 9;
}
@media screen and (max-width: 960px) {
  company-switch,
  .group-switch,
  .group-site-switch,
  .site-switch {
    max-width: 220px;
    min-width: 44px;
  }
}
@media screen and (max-width: 600px) {
  company-switch,
  .group-switch,
  .group-site-switch,
  .site-switch {
    max-width: 140px;
    padding: 0 12px 0 0 !important;
  }
}
company-switch .company-switch-label,
.group-switch .group-switch-label,
.group-site-switch .group-site-switch-label,
.site-switch .site-switch-label {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  margin: 0 0 0 16px;
  max-width: calc(100%);
  min-width: 104px;
  padding: 0 6px 0 0;
  position: relative;
  top: 10px;
}
@media screen and (max-width: 960px) {
  company-switch .company-switch-label,
  .group-switch .group-switch-label,
  .group-site-switch .group-site-switch-label,
  .site-switch .site-switch-label {
    display: none;
  }
}
company-switch .mobile-icon,
.group-switch .mobile-icon,
.group-site-switch .mobile-icon,
.site-switch .mobile-icon {
  display: none;
  margin: 10px 10px 0 10px;
  opacity: 0.68;
}
@media screen and (max-width: 960px) {
  company-switch .mobile-icon,
  .group-switch .mobile-icon,
  .group-site-switch .mobile-icon,
  .site-switch .mobile-icon {
    display: inline-block;
  }
}
.group-switch .group-switch-select > dropdown-content,
.group-site-switch .group-site-switch-select > dropdown-content,
.site-switch .site-switch-select > dropdown-content {
  display: none;
  left: inherit;
  right: auto;
}
company-switch dropdown-label i.mdi,
.group-switch dropdown-label i.mdi,
.group-site-switch dropdown-label i.mdi,
.site-switch dropdown-label i.mdi {
  color: #FFF;
  padding: 4px 0 4px 0;
  position: absolute;
  top: -8px !important;
}
company-switch i.mdi:hover,
.group-switch i.mdi:hover,
.group-site-switch i.mdi:hover,
.site-switch i.mdi:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #AAA;
}
company-switch > a,
.group-switch > a,
.group-site-switch > a,
.site-switch > a {
  display: block;
  height: 28px !important;
  overflow: hidden;
  padding: 10px 8px 0 8px !important;
  text-overflow: ellipsis;
  top: 0px !important;
  white-space: nowrap;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.group-switch .breadcrumb-chevron-wrapper {
  margin: 0 0 0 20px;
}
company-switch > a:hover,
.group-switch > a:hover,
.group-site-switch > a:hover,
.site-switch > a:hover {
  background: rgba(0, 0, 0, 0.08);
}
company-switch dropdown,
.group-switch dropdown,
.group-site-switch dropdown,
.site-switch dropdown {
  display: inline-block;
  margin: 8px 0 0 20px;
  position: absolute;
  vertical-align: top;
}
company-switch dropdown > dropdown-label,
.group-switch dropdown > dropdown-label,
.group-site-switch dropdown > dropdown-label,
.site-switch dropdown > dropdown-label {
  top: 0 !important;
  vertical-align: top;
}
company-switch dropdown > dropdown-label > div:first-child,
.group-switch dropdown > dropdown-label > div:first-child,
.group-site-switch dropdown > dropdown-label > div:first-child,
.site-switch dropdown > dropdown-label > div:first-child {
  display: none;
}
company-switch dropdown > dropdown-label > i.mdi,
.group-switch dropdown > dropdown-label > i.mdi,
.group-site-switch dropdown > dropdown-label > i.mdi,
.site-switch dropdown > dropdown-label > i.mdi {
  color: #FFF;
}
company-switch dropdown-content,
.group-switch dropdown-content,
.group-site-switch dropdown-content,
.site-switch dropdown-content {
  display: inline-block;
  left: 16px;
  min-width: 250px !important;
  overflow-x: hidden;
  position: fixed !important;
  top: 84px;
}
company-switch span.md-select-icon,
.group-switch span.md-select-icon,
.group-site-switch span.md-select-icon,
.site-switch span.md-select-icon {
  left: auto !important;
  padding: 8px 10px 12px 0;
  position: absolute !important;
  right: -8px !important;
  vertical-align: top;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
company-switch span.md-select-icon:hover,
.group-switch span.md-select-icon:hover,
.group-site-switch span.md-select-icon:hover,
.site-switch span.md-select-icon:hover {
  background: rgba(0, 0, 0, 0.08);
}
.map-company-switch-item {
  font-size: 14px;
  overflow: hidden;
  padding: 8px 12px 4px 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.map-company-switch-item:hover {
  background-color: #EEE;
}
.slide {
  background-color: #FFF;
  box-shadow: 0 0 5px 2px rgba(120, 120, 120, 0.8);
  display: none;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 9 !important;
}
.slide-in-from-right {
  -webkit-animation: slide-in-from-right 1s normal;
  -moz-animation: slide-in-from-right 1s normal;
  -o-animation: slide-in-from-right 1s normal;
  animation: slide-in-from-right 1s normal;
}
@-webkit-keyframes slide-in-from-right {
  0% {
    opacity: 0.5;
    transform: translate(50px, 0px);
  }
  25% {
    opacity: 0.6;
    transform: translate(30px, 0px);
  }
  50% {
    opacity: 0.7;
    transform: translate(10px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes slide-in-from-right {
  0% {
    opacity: 0.5;
    transform: translate(50px, 0px);
  }
  25% {
    opacity: 0.6;
    transform: translate(30px, 0px);
  }
  50% {
    opacity: 0.7;
    transform: translate(10px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
@-o-keyframes slide-in-from-right {
  0% {
    opacity: 0.5;
    transform: translate(50px, 0px);
  }
  25% {
    opacity: 0.6;
    transform: translate(30px, 0px);
  }
  50% {
    opacity: 0.7;
    transform: translate(10px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
@keyframes slide-in-from-right {
  0% {
    opacity: 0.5;
    transform: translate(50px, 0px);
  }
  25% {
    opacity: 0.6;
    transform: translate(30px, 0px);
  }
  50% {
    opacity: 0.7;
    transform: translate(10px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
.ripple {
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.ripple:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #333 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.ripple:active:after,
.ripple-start:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}
@-webkit-keyframes image-pulse {
  0% {
    opacity: 0.0;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.0;
  }
}
@keyframes image-pulse {
  0% {
    opacity: 0.0;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.0;
  }
}
mat-switch .mat-bar,
mat-switch.mat-checked .mat-bar,
mat-switch.mat-default-theme.mat-checked .mat-bar {
  background-color: rgba(125, 125, 125, 0.5);
}
.default-theme .app-menu-bar,
.default-theme .toolbar,
.default-theme mat-toolbar {
  background-color: #004876;
  color: #FFF !important;
}
.default-theme .sub-nav-bar {
  background-color: #0078C4;
}
.default-theme .site-footer-toolbar {
  background-color: #2898D4;
}
.default-theme mat-progress-bar-bar mat-progress-bar-bar1,
.default-theme mat-progress-bar-bar mat-progress-bar-bar2 {
  background-color: #004876 !important;
}
.blue-grey-theme .app-menu-bar,
.blue-grey-theme .toolbar,
.blue-grey-theme mat-toolbar {
  background-color: #455A64;
  color: #FFF !important;
}
.blue-grey-theme .sub-nav-bar,
.blue-grey-theme .site-footer-toolbar {
  background-color: #607D8B;
}
.blue-grey-theme mat-progress-bar-bar mat-progress-bar-bar1,
.blue-grey-theme mat-progress-bar-bar mat-progress-bar-bar2 {
  background-color: #455A64 !important;
}
.blue-grey-theme mat-progress-spinner circle {
  stroke: #455A64 !important;
}
.blue-grey-theme .mat-tab-group.mat-primary .mat-ink-bar,
.blue-grey-theme .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #455A64;
}
.blue-grey-theme .mat-checkbox-checked.mat-primary .mat-checkbox-background,
.blue-grey-theme .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #455A64;
}
.green-theme .app-menu-bar,
.green-theme .toolbar,
.green-theme mat-toolbar {
  background-color: #00701A;
  color: #FFF !important;
}
.green-theme .sub-nav-bar,
.green-theme .site-footer-toolbar {
  background-color: #43A047;
}
.green-theme mat-progress-bar-bar mat-progress-bar-bar1,
.green-theme mat-progress-bar-bar mat-progress-bar-bar2 {
  background-color: #00701A !important;
}
.green-theme mat-progress-spinner circle {
  stroke: #00701A !important;
}
.green-theme .mat-tab-group.mat-primary .mat-ink-bar,
.green-theme .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #00701A;
}
.green-theme .mat-checkbox-checked.mat-primary .mat-checkbox-background,
.green-theme .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #00701A;
}
.teal-theme .app-menu-bar,
.teal-theme .toolbar,
.teal-theme mat-toolbar {
  background-color: #00363A;
  color: #FFF !important;
}
.teal-theme .sub-nav-bar,
.teal-theme .site-footer-toolbar {
  background-color: #006064;
}
.teal-theme mat-progress-bar-bar mat-progress-bar-bar1,
.teal-theme mat-progress-bar-bar mat-progress-bar-bar2 {
  background-color: #00363A !important;
}
.teal-theme mat-progress-spinner circle {
  stroke: #00363A !important;
}
.teal-theme .mat-tab-group.mat-primary .mat-ink-bar,
.teal-theme .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #00363A;
}
.teal-theme .mat-checkbox-checked.mat-primary .mat-checkbox-background,
.teal-theme .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #00363A;
}
.light-blue-theme .app-menu-bar,
.light-blue-theme .toolbar,
.light-blue-theme mat-toolbar {
  background-color: #0086C3;
  color: #FFF !important;
}
.light-blue-theme .sub-nav-bar,
.light-blue-theme .site-footer-toolbar {
  background-color: #29B6F6;
}
.light-blue-theme mat-progress-bar-bar mat-progress-bar-bar1,
.light-blue-theme mat-progress-bar-bar mat-progress-bar-bar2 {
  background-color: #0086C3 !important;
}
.light-blue-theme mat-progress-spinner circle {
  stroke: #0086C3 !important;
}
.light-blue-theme .mat-tab-group.mat-primary .mat-ink-bar,
.light-blue-theme .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #0086C3;
}
.light-blue-theme .mat-checkbox-checked.mat-primary .mat-checkbox-background,
.light-blue-theme .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #0086C3;
}
.purple-theme .app-menu-bar,
.purple-theme .toolbar,
.purple-theme mat-toolbar {
  background-color: #6A0080;
  color: #FFF !important;
}
.purple-theme .sub-nav-bar,
.purple-theme .site-footer-toolbar {
  background-color: #9C27B0;
}
.purple-theme mat-progress-bar-bar mat-progress-bar-bar1,
.purple-theme mat-progress-bar-bar mat-progress-bar-bar2 {
  background-color: #6A0080 !important;
}
.purple-theme mat-progress-spinner circle {
  stroke: #6A0080 !important;
}
.purple-theme .mat-tab-group.mat-primary .mat-ink-bar,
.purple-theme .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #6A0080;
}
.purple-theme .mat-checkbox-checked.mat-primary .mat-checkbox-background,
.purple-theme .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #6A0080;
}
.plum-theme .app-menu-bar,
.plum-theme .toolbar,
.plum-theme mat-toolbar {
  background-color: #560027;
  color: #FFF !important;
}
.plum-theme .sub-nav-bar,
.plum-theme .site-footer-toolbar {
  background-color: #880E4F;
}
.plum-theme mat-progress-bar-bar mat-progress-bar-bar1,
.plum-theme mat-progress-bar-bar mat-progress-bar-bar2 {
  background-color: #560027 !important;
}
.plum-theme mat-progress-spinner circle {
  stroke: #560027 !important;
}
.plum-theme .mat-tab-group.mat-primary .mat-ink-bar,
.plum-theme .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #560027;
}
.plum-theme .mat-checkbox-checked.mat-primary .mat-checkbox-background,
.plum-theme .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #560027;
}
.orange-theme .app-menu-bar,
.orange-theme .toolbar,
.orange-theme mat-toolbar {
  background-color: #FF961E;
  color: #FFF !important;
}
.orange-theme .sub-nav-bar,
.orange-theme .site-footer-toolbar {
  background-color: #FFC754;
}
.orange-theme mat-progress-bar-bar mat-progress-bar-bar1,
.orange-theme mat-progress-bar-bar mat-progress-bar-bar2 {
  background-color: #FF961E !important;
}
.orange-theme mat-progress-spinner circle {
  stroke: #FF961E !important;
}
.orange-theme .mat-tab-group.mat-primary .mat-ink-bar,
.orange-theme .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #FF961E;
}
.orange-theme .mat-checkbox-checked.mat-primary .mat-checkbox-background,
.orange-theme .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #FF961E;
}
.yellow-theme .app-menu-bar,
.yellow-theme .toolbar,
.yellow-theme mat-toolbar {
  background-color: #A79E00;
  color: #FFF !important;
}
.yellow-theme .sub-nav-bar,
.yellow-theme .site-footer-toolbar {
  background-color: #DDCF25;
}
.yellow-theme mat-progress-bar-bar mat-progress-bar-bar1,
.yellow-theme mat-progress-bar-bar mat-progress-bar-bar2 {
  background-color: #A79E00 !important;
}
.yellow-theme mat-progress-spinner circle {
  stroke: #A79E00 !important;
}
.yellow-theme .mat-tab-group.mat-primary .mat-ink-bar,
.yellow-theme .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #A79E00;
}
.yellow-theme .mat-checkbox-checked.mat-primary .mat-checkbox-background,
.yellow-theme .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #A79E00;
}
.argus-theme * {
  font-family: 'Berthold Akzidenz Grotesk Regular';
}
.argus-theme #logo {
  background-color: #FFF;
  padding: 8px 16px 4px 20px !important;
}
.argus-theme #logoimg {
  height: 34px !important;
  margin: 0 !important;
}
.argus-theme .menu-avatar-circle {
  background-color: rgba(155, 155, 155, 0.9) !important;
}
.argus-theme [mat-button]:not(.three-dot-menu-trigger),
.argus-theme .fast-grid-button {
  color: #D99E41 !important;
}
.argus-theme .command-button {
  background-color: #D99E41 !important;
  color: #FFF !important;
}
.argus-theme .mat-radio-label .mat-radio-inner-circle {
  background-color: #D99E41 !important;
}
.argus-theme .mat-radio-label .mat-radio-outer-circle {
  border-color: #D99E41 !important;
}
.argus-theme .app-menu-bar,
.argus-theme .toolbar,
.argus-theme mat-toolbar {
  background-color: #D99E41;
  color: #221F1F !important;
}
.argus-theme .sub-nav-bar,
.argus-theme .site-footer-toolbar {
  background-color: #221F1F;
}
.argus-theme mat-progress-bar-bar mat-progress-bar-bar1,
.argus-theme mat-progress-bar-bar mat-progress-bar-bar2 {
  background-color: #221F1F !important;
}
.argus-theme mat-progress-spinner circle {
  stroke: #0093A1 !important;
}
.argus-theme .mat-tab-group.mat-primary .mat-ink-bar,
.argus-theme .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #D99E41;
}
.argus-theme .mat-checkbox-checked.mat-primary .mat-checkbox-background,
.argus-theme .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #D99E41;
}
.argus-theme mat-checkbox.connect.header-checkbox .mat-checkbox-frame {
  background: url('/app/content/images/icons/select_multiple_empty_argus.svg') !important;
}
.argus-theme mat-checkbox.connect .mat-checkbox-frame {
  background: url('/app/content/images/icons/select_empty_argus.svg') !important;
}
.argus-theme .app-menu-section > a > span,
.argus-theme .app-menu-section i.mdi,
.argus-theme .app-menu-user-left .grid-cell-helper {
  color: #FFF !important;
}
.argus-theme .app-menu-submenu a li,
.argus-theme .app-menu-submenu .grid-cell-helper,
.argus-theme .app-menu-submenu i.mdi {
  color: #221F1F !important;
}
.argus-theme .favorite-icon-group-wrapper svg g path {
  fill: #D99E41 !important;
}
.argus-theme .favorite-icon-site-wrapper svg g path {
  fill: #D99E41 !important;
}
.argus-theme .report-name {
  background-color: #D99E41 !important;
}
.argus-theme .report-step-circle {
  background-color: #D99E41 !important;
}
.argus-theme .report-section-subheader > i.mdi {
  color: #D99E41 !important;
}
.argus-theme .report-template-list .report-copy-item.selected,
.argus-theme .report-template-list .report-template-item.selected,
.argus-theme .report-template-list .report-template-detail-item.selected {
  background-color: #D99E41 !important;
}
.argus-theme .tech-support-bubble {
  background-color: #E49D25 !important;
  color: #E49D25 !important;
}
.matrix-theme .app-menu-bar,
.matrix-theme .toolbar,
.matrix-theme mat-toolbar {
  background: #000000;
  background: -moz-linear-gradient(top, #000000 0%, #3b7200 100%);
  background: -webkit-linear-gradient(top, #000000 0%, #3b7200 100%);
  background: linear-gradient(to bottom, #000000 0%, #3b7200 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#3b7200', GradientType=0);
  color: #FFF !important;
}
.matrix-theme .sub-nav-bar {
  background-color: #3B7100;
}
.matrix-theme mat-progress-bar-bar mat-progress-bar-bar1,
.matrix-theme mat-progress-bar-bar mat-progress-bar-bar2 {
  background-color: #3B7100 !important;
}
canvas.theme-animation {
  left: 0;
  position: absolute;
  top: 38px;
}
.user-content {
  background: none;
  padding: 0;
  position: relative;
  z-index: 8;
}
.calendar-content {
  overflow-y: hidden;
  white-space: nowrap;
}
.calendar-content .inner-content {
  margin: 0 auto;
}
.company-content {
  overflow-y: hidden;
}
.company-content .inner-content {
  padding: 0 !important;
  margin: 0 auto;
  min-height: 300px;
}
.company-edit-content {
  padding: 0 !important;
}
.edit-company-button {
  position: absolute !important;
  right: 16px;
  top: 12px;
}
.billing-grid {
  border: 0;
  height: 600px !important;
}
.dashboard-content {
  overflow-y: hidden;
}
.dashboard-content .inner-content {
  padding: 0 !important;
  margin: 0 auto;
  min-height: 300px;
}
.message-activity-grid,
.unit-summary-grid,
.sites-with-nodes-not-found-grid {
  height: 600px !important;
}
.plan-content {
  overflow-y: hidden;
}
.plan-content .inner-content {
  margin: 0 auto;
  max-height: 550px;
  min-height: 580px;
}
.trouble-ticket-content {
  overflow-y: hidden;
}
.trouble-ticket-content .inner-content {
  padding-bottom: 8px !important;
  padding-top: 24px !important;
  margin: 0 auto;
  min-height: 320px;
}
.tab-inner-panel {
  background-color: #FFF;
  position: relative;
}
.notice-text {
  color: #F44336;
  font-size: 12px;
  overflow-y: auto;
}
.notice-text::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.notice-text::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.notice-text::-webkit-scrollbar-thumb {
  background-color: #8B8B8B;
  cursor: pointer;
}
.user-contact-checkbox-wrapper .md-label {
  line-height: 19px;
}
.user-content .ui-grid-contents-wrapper {
  height: 600px;
}
.user-content h2 {
  margin-bottom: 12px !important;
  text-align: left;
  width: 100%;
}
.user-content h2.low-clearance {
  margin-bottom: 0 !important;
}
.admin-tabs {
  background-color: #FFF;
  border-radius: 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  margin: auto;
  max-width: 960px;
  min-height: 648px;
  width: 100%;
}
.admin-tabs .mat-tab-label {
  max-width: 180px;
  overflow-y: hidden;
  width: 32%;
}
.admin-tabs .mat-tab-body {
  font-size: 14px;
  overflow-y: hidden;
  padding: 0;
}
#userTabs mat-tab-content {
  overflow: hidden;
}
#userTabs md-content {
  background: none;
  overflow: hidden;
}
user-preferences > .tab-inner-panel {
  padding-top: 24px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  height: calc(100% - 24px);
  width: calc(100% - (24px * 2));
}
.user-avatar-column {
  vertical-align: top;
  white-space: normal;
  height: 100% !important;
  padding-left: 0 !important;
  margin-right: 8px !important;
  display: inline-block;
  width: 35% !important;
  min-width: 120px;
  position: relative;
}
.read-only-field {
  border-bottom: 1px solid #CCC;
  min-height: 32px;
  min-width: 70px;
  width: 100%;
}
.read-only-field.password-field {
  color: #AAA;
  font-style: italic;
}
.user-notifications-grid {
  border: 0;
  box-shadow: none !important;
  height: 600px !important;
}
.user-notifications-grid .fast-grid-body-content {
  max-height: 600px;
}
.user-notifications-grid .detail-grid-row > div:nth-child(1) {
  left: 64px;
  width: 32px;
}
.user-notifications-grid .detail-grid-row > div:nth-child(2) {
  left: 120px;
  width: 32px;
}
.user-notifications-grid .detail-grid-row > div:nth-child(3) {
  left: 168px;
  width: 32px;
}
.user-notifications-grid .detail-grid-row > div:nth-child(4) {
  left: 222px;
  width: 32px;
}
.user-notifications-grid .detail-grid-row > div:nth-child(5) {
  font-size: 14px;
  left: 284px;
  position: absolute;
  top: 16px;
}
.notification-add-on {
  background-color: #F2F2F2;
  height: 44px;
  padding: 24px 16px 0 0;
}
.notification-icon {
  cursor: pointer;
}
.notification-icon.i.mdi {
  color: rgba(150, 150, 150, 0.4);
  height: 32px;
  padding: 4px;
  vertical-align: middle;
  width: 32px;
}
.notification-icon:hover {
  background: rgba(200, 200, 200, 0.6) !important;
  border-radius: 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.notification-icon:after {
  left: 1px;
  position: relative;
  top: -4px;
}
.notification-icon:before {
  vertical-align: middle;
}
.notification-icon:hover:before {
  filter: brightness(80%);
  -webkit-filter: brightness(80%);
}
.notification-checkbox {
  display: inline-block;
  height: 32px;
  line-height: 14px;
  margin: 0 0 0 4px !important;
  vertical-align: top;
  width: 32px;
}
edit-contact-dialog div[layout="row"] {
  height: 48px;
}
#documentationContent {
  margin: auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}
#documentationContent .documentation-inner-content {
  margin: auto;
  max-width: 960px;
}
.document-card {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-bottom: 16px !important;
  margin-right: 24px !important;
  background-color: #FFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  display: inline-block;
  font-size: 14px;
  height: 124px;
  min-width: 200px;
  white-space: nowrap;
  width: 200px;
}
.document-card:hover {
  background-color: 2.5%;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
}
.document-card:hover > .documentation-item-ribbon {
  background-color: 2.5%;
}
@media screen and (max-width: 600px) {
  .document-card {
    width: 100% !important;
    margin: 0 !important;
  }
}
.document-title {
  margin-bottom: 2px;
  margin-top: 8px !important;
}
.document-type {
  color: #B8B8B8;
  font-size: 15px;
}
.document-link {
  position: absolute;
}
.document-link i.mdi {
  font-size: 20px;
  position: relative;
  top: 2px;
}
.document-link:nth-of-type(1) {
  bottom: 26px;
}
.document-link:nth-of-type(2) {
  bottom: 4px;
}
.document-link i,
.document-link div {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #707070;
  cursor: pointer;
}
.document-link:hover i,
.document-link:hover div {
  color: #404040;
}
.documentation-row {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  padding-left: 24px !important;
}
.documentation-row-header {
  color: #707070;
  font-size: 20px;
  height: 32px !important;
  max-height: 32px !important;
  min-height: 32px !important;
}
.documentation-row-content {
  padding-bottom: 4px !important;
}
.documentation-item-ribbon {
  margin-right: 8px !important;
  display: inline-block;
  height: calc(100%);
  width: 20px;
}
.documentation-item-body {
  display: inline-block;
  height: 100%;
  position: relative;
  vertical-align: top;
  white-space: normal;
  width: calc(84%);
}
.alarm-status {
  color: #EF4338 !important;
}
.normal-status {
  color: #1F8F1F !important;
}
.alarm-status.status-display-icon circle,
.alarm-status.status-display-icon ellipse,
.alarm-status.status-display-icon path,
.alarm-status.status-display-icon polygon,
.alarm-status.status-display-icon rect {
  fill: #EF4338 !important;
}
.normal-status.status-display-icon circle,
.normal-status.status-display-icon ellipse,
.normal-status.status-display-icon path,
.normal-status.status-display-icon polygon,
.normal-status.status-display-icon rect {
  fill: #1F8F1F !important;
}
.status-display-icon {
  fill: #DDD;
  height: 36px !important;
  width: 36px !important;
}
.status-display-icon.compact-icon {
  height: 26px !important;
  width: 26px !important;
}
.site-power-icon .svg-site-power-wall {
  fill: #888 !important;
}
.site-rssi-icon,
.site-voltage-icon,
.site-temperature-icon {
  height: 30px !important;
  width: 30px !important;
}
.site-footer-toolbar .site-temperature-icon.unknown *,
.site-footer-toolbar .site-rssi-icon *,
.site-footer-toolbar .site-voltage-icon.unknown path {
  fill: rgba(200, 200, 200, 0.3) !important;
}
#divSitePanel .site-temperature-icon.unknown *,
#divSitePanel .site-rssi-icon *,
#divSitePanel .site-voltage-icon.unknown path {
  fill: rgba(200, 200, 200, 0.7) !important;
}
.site-voltage-icon rect {
  fill: none;
}
.site-footer-toolbar .site-temperature-icon * {
  fill: #FFF;
}
#divSitePanel .site-rssi-icon.level1 rect:nth-child(-n + 1) {
  fill: #757575 !important;
}
#divSitePanel .site-rssi-icon.level2 rect:nth-child(-n + 2) {
  fill: #757575 !important;
}
#divSitePanel .site-rssi-icon.level3 rect:nth-child(-n + 3) {
  fill: #757575 !important;
}
#divSitePanel .site-rssi-icon.level4 rect:nth-child(-n + 4) {
  fill: #757575 !important;
}
.site-footer-toolbar .site-rssi-icon.level1 rect:nth-child(-n + 1) {
  fill: #FFF !important;
}
.site-footer-toolbar .site-rssi-icon.level2 rect:nth-child(-n + 2) {
  fill: #FFF !important;
}
.site-footer-toolbar .site-rssi-icon.level3 rect:nth-child(-n + 3) {
  fill: #FFF !important;
}
.site-footer-toolbar .site-rssi-icon.level4 rect:nth-child(-n + 4) {
  fill: #FFF !important;
}
#divSitePanel .site-voltage-icon.level1 rect:nth-child(-n + 1) {
  fill: #757575 !important;
}
#divSitePanel .site-voltage-icon.level2 rect:nth-child(-n + 2) {
  fill: #757575 !important;
}
#divSitePanel .site-voltage-icon.level3 rect:nth-child(-n + 3) {
  fill: #757575 !important;
}
#divSitePanel .site-voltage-icon.level4 rect:nth-child(-n + 4) {
  fill: #757575 !important;
}
#divSitePanel .site-voltage-icon.level5 rect:nth-child(-n + 5) {
  fill: #757575 !important;
}
#divSitePanel .site-voltage-icon.level6 rect:nth-child(-n + 6) {
  fill: #757575 !important;
}
#divSitePanel .site-voltage-icon.level7 rect:nth-child(-n + 7) {
  fill: #757575 !important;
}
#divSitePanel .site-voltage-icon.level8 rect:nth-child(-n + 8) {
  fill: #757575 !important;
}
#divSitePanel .site-voltage-icon.level9 rect:nth-child(-n + 9) {
  fill: #757575 !important;
}
#divSitePanel .site-voltage-icon.level10 rect:nth-child(-n + 10) {
  fill: #757575 !important;
}
.site-footer-toolbar .site-voltage-icon path {
  fill: #FFF;
}
.site-footer-toolbar .site-voltage-icon.level1 rect:nth-child(-n + 1) {
  fill: #FFF !important;
}
.site-footer-toolbar .site-voltage-icon.level2 rect:nth-child(-n + 2) {
  fill: #FFF !important;
}
.site-footer-toolbar .site-voltage-icon.level3 rect:nth-child(-n + 3) {
  fill: #FFF !important;
}
.site-footer-toolbar .site-voltage-icon.level4 rect:nth-child(-n + 4) {
  fill: #FFF !important;
}
.site-footer-toolbar .site-voltage-icon.level5 rect:nth-child(-n + 5) {
  fill: #FFF !important;
}
.site-footer-toolbar .site-voltage-icon.level6 rect:nth-child(-n + 6) {
  fill: #FFF !important;
}
.site-footer-toolbar .site-voltage-icon.level7 rect:nth-child(-n + 7) {
  fill: #FFF !important;
}
.site-footer-toolbar .site-voltage-icon.level8 rect:nth-child(-n + 8) {
  fill: #FFF !important;
}
.site-footer-toolbar .site-voltage-icon.level9 rect:nth-child(-n + 9) {
  fill: #FFF !important;
}
.site-footer-toolbar .site-voltage-icon.level10 rect:nth-child(-n + 10) {
  fill: #FFF !important;
}
.node-temperature-icon.level0 rect,
.site-temperature-icon.level0 rect {
  height: 2px;
  y: 13px;
}
.node-temperature-icon.level1 rect,
.site-temperature-icon.level1 rect {
  height: 3px;
  y: 12px;
}
.node-temperature-icon.level2 rect,
.site-temperature-icon.level2 rect {
  height: 4px;
  y: 11px;
}
.node-temperature-icon.level3 rect,
.site-temperature-icon.level3 rect {
  height: 5px;
  y: 10px;
}
.node-temperature-icon.level4 rect,
.site-temperature-icon.level4 rect {
  height: 6px;
  y: 9px;
}
.node-temperature-icon.level5 rect,
.site-temperature-icon.level5 rect {
  height: 7px;
  y: 8px;
}
.node-temperature-icon.level6 rect,
.site-temperature-icon.level6 rect {
  height: 8px;
  y: 7px;
}
.node-temperature-icon.level7 rect,
.site-temperature-icon.level7 rect {
  height: 9px;
  y: 6px;
}
.node-temperature-icon.level8 rect,
.site-temperature-icon.level8 rect {
  height: 10px;
  y: 5px;
}
.node-temperature-icon.level9 rect,
.site-temperature-icon.level9 rect {
  height: 11px;
  y: 4px;
}
.site-lost-comm-icon {
  height: 30px !important;
  position: relative;
  top: 0;
  width: 30px !important;
}
.site-lost-comm-icon circle {
  fill: #ffffff !important;
}
.site-lost-comm-icon ellipse {
  fill: #F44336 !important;
}
.site-lost-comm-icon path {
  fill: #F44336 !important;
}
.site-auto-firmware-update-icon,
.site-last-contacted-icon,
.site-power-fail-icon {
  fill: #FFF;
  height: 22px !important;
  margin: 4px 0 0 0 !important;
  vertical-align: top;
  width: 22px !important;
}
.site-weather-icon {
  fill: #FFF;
  height: 24px !important;
  margin: 4px 0 0 0 !important;
  width: 24px !important;
}
.no-channel-data-icon {
  height: 90px !important;
  margin: 7px 0 0 15px;
  width: 90px !important;
}
.no-channel-data-icon path {
  fill: #F2F2F2;
}
.alarm-badge {
  fill: #EF4338;
  height: 26px;
  position: absolute;
  right: -10px;
  top: -7px;
  width: 26px;
}
div.alarm-badge {
  background-color: #EF4338;
  border-radius: 10px;
  color: #FFF;
  font-size: 12px;
  font-weight: normal;
  height: 16px;
  padding: 2px 0 0 0;
  width: 18px;
}
.gauge-loader {
  height: 100px;
  left: -webkit-calc(50% - 100px);
  left: -moz-calc(50% - 100px);
  left: -o-calc(50% - 100px);
  left: calc(50% - 100px);
  position: absolute;
  text-align: center;
  top: -webkit-calc(50% - 50px);
  top: -moz-calc(50% - 50px);
  top: -o-calc(50% - 50px);
  top: calc(50% - 50px);
  width: 200px;
  z-index: 150;
}
.gauge-loader mat-progress-spinner {
  margin: auto;
  position: relative;
  top: 20px;
  width: 44px;
}
.gauge-subdivider {
  display: inline-block;
  font-size: 11px;
  margin: 8px 0 2px 0;
  vertical-align: top;
  width: 100px;
}
.gauge-subdivider-header {
  height: 28px;
  line-height: 14px;
}
.gauge {
  width: 100%;
}
container {
  padding: 0 0 4px 0;
}
container.no-background {
  background-color: rgba(255, 255, 255, 0);
  box-shadow: none;
  margin: 0 !important;
}
container:not(.no-background) .gauge-container {
  margin: 0 !important;
  box-shadow: none !important;
}
.gauge-container {
  background-color: #FFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  /*1px 1px 4px 1px #BBB;*/
  display: inline-block;
  font-size: 14px;
  margin: 8px;
  min-width: 100px;
  padding: 0 0 4px 0;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: calc(100% - 16px);
}
.gauge-container.flat {
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}
.gauge-container .gauge-title {
  display: table;
  height: 32px;
  line-height: 16px;
  margin: 6px 0 0 0;
  text-transform: uppercase;
  width: 100%;
}
.gauge-container .gauge-title .gauge-inner-title {
  display: table-cell;
  vertical-align: middle;
}
.gauge-container .gauge-title.small-title {
  font-size: 13px;
  line-height: 15px;
}
.gauge-container .gauge-title.compact-height {
  height: 22px !important;
}
.gauge-container .gauge-top-left-details {
  color: #656565;
  font-size: 13px;
  left: 12px;
  line-height: 17px;
  position: absolute;
  text-align: left;
  top: 16px;
  z-index: 3;
}
.gauge-container .gauge-label {
  margin-bottom: 4px !important;
  color: #757575;
}
.gauge-container .gauge-value {
  color: #606060;
  font-size: 13px;
  font-weight: normal;
  text-transform: capitalize;
}
.gauge-container .gauge-tile {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 4px;
  display: table-cell;
  margin: 0 0 4px 0;
  padding: 4px 12px 4px 12px;
  position: relative;
  text-align: center;
}
.gauge-inner-container {
  text-align: center;
  width: 100%;
}
.gauge-inner-container.padded {
  padding: 0 8px 8px 8px;
}
.gauge-inner-container.padded .gauge-title {
  position: relative;
  left: -6px;
}
.gauge-action-button {
  margin-top: 8px !important;
  background-color: #4099DD;
  box-shadow: inset 0 1px 1px 1px rgba(230, 230, 255, 0.5);
  border: 1px solid rgba(40, 120, 230, 0.2);
  color: #FFF;
  height: 48px;
  max-width: 56px;
  min-width: 40px;
  padding: 0px 0 2px 0;
  width: 56px;
}
.gauge-action-button:hover {
  background-color: #454545 /*#2890D1*/ !important;
}
.gauge-action-button i {
  color: #FFF !important;
}
.gauge-action-button.disabled {
  opacity: 0.75;
}
.gauge-action-button.in-progress {
  background-color: #FFAA00 !important;
  box-shadow: inset 0 0px 2px 3px rgba(30, 30, 35, 0.3);
}
.gauge-action-button.in-progress img {
  cursor: not-allowed;
  opacity: 0.65;
}
.gauge-action-button.in-progress:hover {
  background-color: #FFAA00 !important;
  cursor: not-allowed;
}
.gauge-container .bit-container {
  min-height: 44px;
  transform: rotate(90deg) !important;
}
.top-left-button {
  position: absolute !important;
  left: 12px;
  right: auto;
  top: 10px;
}
.top-right-button {
  left: auto;
  position: absolute !important;
  right: 12px;
  top: 10px;
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.no-border {
  border: 0 !important;
}
.no-top-border {
  border-top: 0 !important;
}
.no-bottom-border {
  border-bottom: 0 !important;
}
.no-left-border {
  border-left: 0 !important;
}
.no-right-border {
  border-right: 0 !important;
}
.single-top-relative-position {
  position: relative !important;
  top: 4px !important;
}
.half-margin {
  margin: 4px !important;
}
.half-top-margin {
  margin-top: 4px !important;
}
.half-bottom-margin {
  margin-bottom: 4px !important;
}
.half-left-margin {
  margin-left: 4px !important;
}
.half-right-margin {
  margin-right: 4px !important;
}
.single-margin {
  margin: 8px !important;
}
.single-top-margin {
  margin-top: 8px !important;
}
.single-bottom-margin {
  margin-bottom: 8px !important;
}
.single-left-margin {
  margin-left: 8px !important;
}
.single-right-margin {
  margin-right: 8px !important;
}
.single-negative-top-margin {
  margin-top: -8px !important;
}
.single-negative-bottom-margin {
  margin-bottom: -8px !important;
}
.single-negative-left-margin {
  margin-left: -8px !important;
}
.single-negative-right-margin {
  margin-right: -8px !important;
}
.double-margin {
  margin: 16px !important;
}
.double-top-margin {
  margin-top: 16px !important;
}
.double-bottom-margin {
  margin-bottom: 16px !important;
}
.double-left-margin {
  margin-left: 16px !important;
}
.double-right-margin {
  margin-right: 16px !important;
}
.triple-margin {
  margin: 24px !important;
}
.triple-top-margin {
  margin-top: 24px !important;
}
.triple-bottom-margin {
  margin-bottom: 24px !important;
}
.triple-left-margin {
  margin-left: 24px !important;
}
.triple-right-margin {
  margin-right: 24px !important;
}
.quad-top-margin {
  margin-top: 48px !important;
}
.no-margin {
  margin: 0 !important;
}
.no-top-margin {
  margin-top: 0 !important;
}
.no-bottom-margin {
  margin-bottom: 0 !important;
}
.no-left-margin {
  margin-left: 0 !important;
}
.no-right-margin {
  margin-right: 0 !important;
}
@media screen and (max-width: 600px) {
  .no-bottom-margin-xs {
    margin-bottom: 0 !important;
  }
}
.half-padding {
  padding: 4px !important;
}
.half-top-padding {
  padding-top: 4px !important;
}
.half-bottom-padding {
  padding-bottom: 4px !important;
}
.half-left-padding {
  padding-left: 4px !important;
}
.half-right-padding {
  padding-right: 4px !important;
}
.single-padding {
  padding: 8px !important;
}
.single-top-padding {
  padding-top: 8px !important;
}
.single-bottom-padding {
  padding-bottom: 8px !important;
}
.single-left-padding {
  padding-left: 8px !important;
}
.single-right-padding {
  padding-right: 8px !important;
}
.double-padding {
  padding: 16px !important;
}
.double-top-padding {
  padding-top: 16px !important;
}
.double-bottom-padding {
  padding-bottom: 16px !important;
}
.double-left-padding {
  padding-left: 16px !important;
}
.double-right-padding {
  padding-right: 16px !important;
}
.triple-padding {
  padding: 24px !important;
}
.triple-top-padding {
  padding-top: 24px !important;
}
.triple-bottom-padding {
  padding-bottom: 24px !important;
}
.triple-left-padding {
  padding-left: 24px !important;
}
.triple-right-padding {
  padding-right: 24px !important;
}
.padding-left-4x {
  padding-left: 32px !important;
}
.padding-left-5x {
  padding-left: 32px !important;
}
.padding-left-6x {
  padding-left: 48px !important;
}
.padding-left-8x {
  padding-left: 48px !important;
}
.no-padding {
  padding: 0 !important;
}
.no-top-padding {
  padding-top: 0 !important;
}
.no-bottom-padding {
  padding-bottom: 0 !important;
}
.no-left-padding {
  padding-left: 0 !important;
}
.no-right-padding {
  padding-right: 0 !important;
}
.single-top-offset {
  top: 8px !important;
}
.single-bottom-offset {
  bottom: 8px !important;
}
.single-left-offset {
  left: 8px !important;
}
.single-right-offset {
  right: 8px !important;
}
.double-top-offset {
  top: 16px !important;
}
.double-bottom-offset {
  bottom: 16px !important;
}
.double-left-offset {
  left: 16px !important;
}
.double-right-offset {
  right: 16px !important;
}
.display-none {
  display: none !important;
}
.display-block {
  display: block !important;
}
@media screen and (max-width: 600px) {
  .display-block-xs {
    display: block !important;
  }
}
.display-inline-block {
  display: inline-block !important;
}
.display-table {
  display: table !important;
}
.position-relative {
  position: relative !important;
}
.position-static {
  position: static !important;
}
.align-left {
  text-align: left !important;
}
.align-center {
  text-align: center !important;
}
.align-right {
  text-align: right !important;
}
.align-top {
  vertical-align: top !important;
}
.centered {
  margin: auto !important;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.auto-height {
  height: auto !important;
}
.auto-width {
  width: auto !important;
}
.full-height {
  height: 100% !important;
}
.no-width {
  width: 0 !important;
}
.full-width {
  width: 100% !important;
}
.full-max-height {
  max-height: 100% !important;
}
.full-max-width {
  max-width: 100% !important;
}
.half-height {
  height: 50% !important;
  min-height: initial !important;
}
.half-width {
  min-width: initial !important;
  width: 50% !important;
}
.half-max-height {
  max-height: 50% !important;
}
.half-max-width {
  max-width: 50% !important;
}
.bold-weight {
  font-weight: bold !important;
}
.normal-weight {
  font-weight: normal !important;
}
.font-size-10 {
  font-size: 10px !important;
}
.font-size-11 {
  font-size: 11px !important;
}
.font-size-12 {
  font-size: 12px !important;
}
.font-size-16 {
  font-size: 16px !important;
}
.capitalize-text {
  text-transform: capitalize !important;
}
.capitalize-text dropdown-label,
.capitalize-text dropdown-option,
.capitalize-text input[type="text"] {
  text-transform: capitalize !important;
}
.material-input {
  border-bottom: 1px solid #E1E1E1 !important;
}
.no-top {
  top: unset !important;
}
.no-bottom {
  bottom: unset !important;
}
.no-right {
  right: unset !important;
}
.no-left {
  left: unset !important;
}
.no-background-color {
  background-color: rgba(0, 0, 0, 0) !important;
}
.white-color {
  color: #FFF !important;
}
.no-box-shadow {
  box-shadow: none !important;
}
.bottom-bar {
  border-top: 1px solid #DDD;
  bottom: 0;
  height: 48px;
  padding: 8px;
  position: absolute;
  text-align: right;
  width: calc(100% - 8px);
}
.disabled {
  color: #606060 !important;
  cursor: not-allowed !important;
  opacity: 0.5 !important;
  pointer-events: none;
}
.disabled:hover {
  background-color: #FFF !important;
}
.disabled > i.mdi,
.disabled > span {
  color: #CCC !important;
  cursor: not-allowed !important;
}
mat-radio-group.disabled {
  color: #CCC !important;
}
mat-radio-group.disabled mat-radio-button {
  color: #CCC !important;
}
.make-content-block {
  display: block;
  height: calc(100% - 50px);
  position: absolute;
  top: 50px;
  width: 100%;
}
.top-under-shadow {
  box-shadow: 0 1px 9px 1px #999;
  height: 10px;
  left: 0;
  position: absolute;
  top: -10px;
  width: 200%;
}
.smooth-transition {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.overflow-visible {
  overflow: visible !important;
}
.hide-text-overflow {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.initial-max-height {
  max-height: initial !important;
}
.initial-max-width {
  max-width: initial !important;
}
.initial-min-height {
  min-height: initial !important;
}
.initial-min-width {
  min-width: initial !important;
}
.hovertip {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hovertip.help i.mdi {
  color: #AAA;
  font-size: 18px;
}
.hovertip:after {
  background-color: rgba(54, 54, 54, 0.7);
  border-radius: 3px;
  color: #FFF;
  content: attr(aria-label);
  cursor: help;
  display: none;
  font-size: 14px;
  padding: 3px 7px;
  position: absolute;
  text-align: center;
  z-index: 3200;
}
.hovertip.compact::after {
  font-size: 12px;
  max-height: 140px;
  overflow-y: auto;
  word-break: normal;
  white-space: pre;
  text-overflow: ellipsis;
  overflow-x: hidden;
  max-width: 94%;
  top: 0px;
}
.hovertip.footertip:after {
  margin-top: -60px !important;
  max-width: 200px;
  overflow-y: auto;
  padding: 8px 8px;
  transform: translate(-50%, -50%);
  white-space: normal;
  width: 200px;
}
.hovertip:hover:after {
  display: block;
}
.leak-range-recommendation {
  background: #FFF;
  border: 1px solid #DDD;
  border-radius: 3px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  left: 100%;
  margin-left: 8px;
  min-width: 160px;
  padding: 8px 12px;
  position: absolute;
  top: -4px;
  z-index: 3200;
}
.leak-range-recommendation-header {
  color: #888;
  font-size: 11px;
  margin-bottom: 4px;
  text-transform: uppercase;
}
.leak-range-recommendation-value {
  color: #333;
  font-size: 14px;
  font-weight: bold;
}
.leak-range-container {
  width: 100%;
}
.leak-range-inputs {
  display: flex;
  align-items: center;
}
.leak-range-inputs mat-form-field {
  width: 94px;
}
.inner-section {
  border-bottom: 1px solid #DDD;
  padding: 16px 24px 8px 24px;
  position: relative;
}
.inner-section:last-of-type {
  border-bottom: 0;
}
@font-face {
  font-family: MaterialDesignIcons;
  src: url('../fonts/materialdesignicons-webfont.woff');
}
.mdi {
  font-family: 'MaterialDesignIcons';
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
}
.mdi-access-point:after {
  content: '\F002';
}
.mdi-account:after {
  content: '\F004';
}
.mdi-account-card-details:after {
  content: '\F5D2';
}
.mdi-account-check:after {
  content: '\F008';
}
.mdi-account-circle:after {
  content: '\F009';
}
.mdi-account-multiple:after {
  content: '\F00E';
}
.mdi-account-outline:after {
  content: '\F013';
}
.mdi-account-remove:after {
  content: '\F012';
}
.mdi-account-plus:after {
  content: '\F014';
}
.mdi-alert:after {
  content: '\F026';
}
.mdi-apps:after {
  content: '\F03B';
}
.mdi-arrow-down-bold-circle-outline:after {
  content: '\F048';
}
.mdi-arrow-collapse:after {
  content: '\F044';
}
.mdi-arrow-expand:after {
  content: '\F04C';
}
.mdi-arrow-left:after {
  content: '\F04D';
}
.mdi-arrow-left-bold-circle-outline:after {
  content: '\F050';
}
.mdi-arrow-right:after {
  content: '\F054';
}
.mdi-arrow-right-bold-circle:after {
  content: '\F056';
}
.mdi-bell:after {
  content: '\F09A';
}
.mdi-bell-off:after {
  content: '\F09B';
}
.mdi-book-multiple:after {
  content: '\F0BB';
}
.mdi-calendar-clock:after {
  content: '\F0F0';
}
.mdi-calendar-remove:after {
  content: '\F0F4';
}
.mdi-cellphone-iphone:after {
  content: '\F120';
}
.mdi-cellphone-iphone-disabled {
  color: rgba(250, 250, 250, 0.1);
}
.mdi-cellphone-iphone-disabled:after {
  content: '\F120';
}
.mdi-chart-bar:after {
  content: '\F128';
}
.mdi-chart-line:after {
  content: '\F12A';
}
.mdi-check:after {
  content: '\F12C';
}
.mdi-checkbox-marked {
  left: -8px;
}
.mdi-checkbox-marked:after {
  content: '\F135';
}
.mdi-checkbox-marked-circle-outline:after {
  content: '\F134';
}
.mdi-checkbox-multiple-blank-outline:after {
  content: '\F137';
}
.mdi-checkbox-multiple-marked:after {
  content: '\F138';
}
.mdi-chevron-down:after {
  content: '\F140';
}
.mdi-chevron-right:after {
  content: '\F142';
}
.mdi-chevron-up:after {
  content: '\F143';
}
.mdi-city:after {
  content: '\F146';
}
.mdi-clipboard-outline:after {
  content: '\F14D';
}
.mdi-clock:after {
  content: '\F150';
}
.mdi-close:after {
  content: '\F0AD';
}
.mdi-close-2:after {
  content: '\F156';
}
.mdi-close-circle-outline:after {
  content: '\F15A';
}
.mdi-content-copy:after {
  content: '\F18F';
}
.mdi-content-save:after {
  content: '\F193';
}
.mdi-datagrid:after {
  content: '\F572';
}
.mdi-delete:after {
  content: '\F1C0';
}
.mdi-dots-horizontal:after {
  content: '\F1D8';
}
.mdi-dots-vertical:after {
  content: '\F1D9';
}
.mdi-download:after {
  content: '\F1DA';
}
.mdi-drag-horizontal:after {
  content: '\F1DC';
}
.mdi-edit:after {
  content: '\F0C9';
}
.mdi-email:after {
  content: '\F1EE';
}
.mdi-email-open:after {
  content: '\F1EF';
}
.mdi-email-outline:after {
  content: '\F1F0';
}
.mdi-eye:after {
  content: '\F208';
}
.mdi-eye-off:after {
  content: '\F209';
}
.mdi-file:after {
  content: '\F214';
}
.mdi-file-find:after {
  content: '\F21E';
}
.mdi-file-image:after {
  content: '\F21F';
}
.mdi-filter-outline:after {
  content: '\F233';
}
.mdi-filter-variant:after {
  content: '\F236';
}
.mdi-format-align-left:after {
  content: '\F262';
}
.mdi-fullscreen:after {
  content: '\F293';
}
.mdi-fullscreen-exit:after {
  content: '\F294';
}
.mdi-folder:after {
  content: '\F24B';
}
.mdi-import:after {
  content: '\F2FA';
}
.mdi-information-outline:after {
  content: '\F2FD';
}
.mdi-headset:after {
  content: '\F2CE';
}
.mdi-help-circle:after {
  content: '\F2D7';
}
.mdi-home:after {
  content: '\F2DC';
}
.mdi-gauges:after {
  content: '\F29A';
}
.mdi-key-variant:after {
  content: '\F30B';
}
.mdi-layers:after {
  content: '\F328';
}
.mdi-library-plus:after {
  content: '\F334';
}
.mdi-lightbulb:after {
  content: '\F335';
}
.mdi-lightbulb-outline:after {
  content: '\F336';
}
.mdi-link-variant:after {
  content: '\F339';
}
.mdi-lock-outline:after {
  content: '\F341';
}
.mdi-magnify:after {
  content: '\F349';
}
.mdi-map:after {
  content: '\F34D';
}
.mdi-menu:after {
  content: '\F35C';
}
.mdi-menu-down::after {
  content: '\F35D';
}
.mdi-menu-left::after {
  content: '\F35E';
}
.mdi-menu-right::after {
  content: '\F35F';
}
.mdi-menu-up::after {
  content: '\F360';
}
.mdi-note-outline:after {
  content: '\F39B';
}
.mdi-open-in-new:after {
  content: '\F3CC';
}
.mdi-palette:after {
  content: '\F3D8';
}
.mdi-pencil:after {
  content: '\F0C9';
}
.mdi-plus:after {
  content: '\F415';
}
.mdi-plus-circle:after {
  content: '\F419';
}
.mdi-printer:after {
  content: '\F42A';
}
.mdi-refresh:after {
  content: '\F450';
}
.mdi-remote:after {
  content: '\F454';
}
.mdi-repeat:after {
  content: '\F456';
}
.mdi-replay:after {
  content: '\F05A';
}
.mdi-send:after {
  content: '\F48A';
}
.mdi-settings:after {
  content: '\F493';
}
.mdi-site-map:after {
  content: '\F4AA';
}
.mdi-star:after {
  content: '\F4CE';
}
.mdi-star-outline:after {
  content: '\F4D2';
}
.mdi-table-edit:after {
  content: '\F4F0';
}
.mdi-ticket-account:after {
  content: '\F517';
}
.mdi-timer-sand:after {
  content: '\F51F';
}
.mdi-transfer:after {
  content: '\F530';
}
.mdi-toggle-switch-off:after {
  content: '\F522';
}
.mdi-view-grid:after {
  content: '\F570';
}
.mdi-view-list:after {
  content: '\F572';
}
.mdi-weather-cloudy:after {
  content: '\F590';
}
.mdi-weather-fog:after {
  content: '\F591';
}
.mdi-weather-hail:after {
  content: '\F592';
}
.mdi-weather-lightning:after {
  content: '\F593';
}
.mdi-weather-night:after {
  content: '\F594';
}
.mdi-weather-partlycloudy:after {
  content: '\F595';
}
.mdi-weather-pouring:after {
  content: '\F596';
}
.mdi-weather-rainy:after {
  content: '\F597';
}
.mdi-weather-snowy:after {
  content: '\F598';
}
.mdi-weather-sunny:after {
  content: '\F599';
}
.mdi-weather-sunset:after {
  content: '\F59A';
}
.mdi-weather-sunset-down:after {
  content: '\F59B';
}
.mdi-weather-sunset-up:after {
  content: '\F59C';
}
.mdi-weather-windy:after {
  content: '\F59D';
}
.mdi-wrench:after {
  content: '\F5B7';
}
.make-large-scrollbar::-webkit-scrollbar {
  height: 14px;
  width: 14px;
}
.make-large-scrollbar::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.make-large-scrollbar::-webkit-scrollbar-thumb {
  background-color: #8B8B8B;
  cursor: pointer;
}
.make-medium-scrollbar::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.make-medium-scrollbar::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.make-medium-scrollbar::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.make-small-scrollbar::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.make-small-scrollbar::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.make-small-scrollbar::-webkit-scrollbar-thumb {
  background-color: #8B8B8B;
  cursor: pointer;
}
.grid-even-row-color {
  background-color: #F2F2F2 !important;
}
.grid-odd-row-color {
  background-color: #FFF !important;
}
.fast-grid .fast-grid-header-cell > .grid-cell-helper,
.fast-grid .fast-grid-cell > .grid-cell-helper {
  white-space: normal;
}
.fast-grid .first-column {
  margin-left: 8px !important;
}
.fast-grid .normal-column {
  display: block !important;
  height: 100%;
  width: 100%;
}
.fast-grid-filters {
  background-color: #9D9D9D;
  color: #FFF;
  font-size: 14px;
  height: 20px;
  position: absolute;
  right: 18px;
  top: 6px;
  width: 20px;
  z-index: 3;
}
.fast-grid-filters > i {
  color: rgba(255, 255, 255, 0.36) !important;
  position: absolute;
  right: 0;
  top: -4px;
}
.fast-grid-filters > i:hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: rgba(255, 255, 255, 0.7) !important;
}
.fast-grid-filters > .filter-content {
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  color: #404040;
  display: none;
  margin: 16px -14px 0 0;
  min-width: 176px;
  opacity: 1;
  padding: 8px 8px 52px 8px;
  position: relative;
  right: 196px;
  width: 200px;
  z-index: 3;
}
.fast-grid-filters .filter-group-panel {
  padding: 8px !important;
  margin-top: 8px !important;
}
.fast-grid-filters .filter-group-panel .grid-filter-radio + label {
  margin-left: 8px !important;
}
.fast-grid-filters .grid-filter-item input[type="checkbox"] {
  margin: 0 8px 0 0;
  position: relative;
  top: 1px;
}
.fast-grid-filters .filters-close {
  float: right !important;
  margin: 0 8px 0 0;
}
.fast-grid-filters .filters-apply {
  float: right !important;
}
.fast-grid-filters .filter-icon {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  opacity: 0.7;
  width: 28px;
}
.fast-grid-filters .filter-icon:hover {
  opacity: 1.0 !important;
}
.fast-grid-filters input.mat-input-element {
  min-width: 0;
}
.alarm-filter-grid {
  background-color: #FFF;
  border: 0;
  box-shadow: 0 2px 6px 1px rgba(50, 50, 50, 0.3);
  height: 100%;
  max-width: 1280px;
  min-height: 110px;
}
.site-selection-grid {
  height: 350px;
  min-height: 300px;
  min-width: 380px;
}
.alarm-filter-grid-xs-sm {
  max-width: 470px !important;
}
.alarm-filter-grid-xs-sm .ui-grid-pinned-container .ui-grid-cell:last-child {
  border-right: 0 !important;
}
.grid-title-header {
  background-color: #FFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.36);
  color: #757575;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 15px 16px;
  position: relative;
  width: calc(100% - (2 * 16px));
}
.grid-title-header .close-button {
  right: 12px;
  top: 8px;
}
.grid-header-icon {
  position: relative;
}
.grid-header-icon > svg {
  left: 50%;
  margin: 0 auto;
  position: relative;
  transform: translate(-25%, 0);
}
.grid-header-alert-icon,
.grid-header-lost-comm-icon,
.grid-header-power-icon {
  height: 26px;
  width: 26px;
}
.grid-header-power-icon svg {
  height: 20px;
  top: 2px;
}
.grid-header-power-icon path {
  fill: #FFF;
}
.grid-header-power-icon rect {
  fill: none;
}
.grid-header-alert-icon svg > circle {
  fill: none;
}
.grid-header-lost-comm-icon circle {
  fill: none;
}
.grid-header-power-icon svg > circle {
  fill: none;
}
.grid-content-alert-icon,
.grid-content-interrupt-icon,
.grid-content-lost-comm-icon,
.grid-content-power-icon,
.grid-content-push-button-icon {
  left: 50%;
  margin-top: -15px;
  max-width: 30px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, 0);
}
.grid-content-alert-icon.faded,
.grid-content-interrupt-icon.faded ellipse,
.grid-content-lost-comm-icon.faded circle,
.grid-content-push-button-icon.faded,
.grid-content-power-icon.faded {
  color: rgba(150, 150, 150, 0.4) !important;
  fill: rgba(150, 150, 150, 0.4) !important;
}
.grid-content-alert-icon {
  height: 30px;
  width: 30px;
}
.grid-content-alert-icon.active-locked.notification-icon > circle,
.grid-content-alert-icon.active-locked > svg.notification-icon > circle {
  fill: #9CCFA0 !important;
}
.grid-content-alert-icon.active > circle,
.grid-content-alert-icon.active > svg > circle {
  fill: #F44336 !important;
}
.grid-content-alert-icon.active.notification-icon > circle,
.grid-content-alert-icon.active > svg.notification-icon > circle {
  fill: #4CAF50 !important;
}
.grid-content-interrupt-icon {
  height: 30px;
  width: 30px;
}
.grid-content-interrupt-icon.active-locked.notification-icon > ellipse,
.grid-content-interrupt-icon.active-locked.notification-icon > path {
  fill: #9CCFA0 !important;
}
.grid-content-interrupt-icon.active > ellipse,
.grid-content-interrupt-icon.active > path {
  fill: #F44336 !important;
}
.grid-content-interrupt-icon.active.notification-icon > ellipse,
.grid-content-interrupt-icon.active.notification-icon > path {
  fill: #4CAF50 !important;
}
.grid-content-push-button-icon {
  height: 30px;
  width: 30px;
}
.grid-content-push-button-icon.active-locked.notification-icon path,
.grid-content-push-button-icon.active-locked.notification-icon rect {
  fill: #9CCFA0 !important;
}
.grid-content-push-button-icon.active path,
.grid-content-push-button-icon.active rect {
  fill: #4CAF50 !important;
}
.grid-content-push-button-icon.active.notification-icon path,
.grid-content-push-button-icon.active.notification-icon rect {
  fill: #4CAF50 !important;
}
.grid-content-lost-comm-icon {
  height: 30px;
  width: 30px;
}
.grid-content-lost-comm-icon.active-locked.notification-icon > circle,
.grid-content-lost-comm-icon.active-locked > svg.notification-icon > circle {
  fill: #9CCFA0 !important;
}
.grid-content-lost-comm-icon.active > circle,
.grid-content-lost-comm-icon.active > svg > circle {
  fill: #F44336 !important;
}
.grid-content-lost-comm-icon.active.notification-icon > circle,
.grid-content-lost-comm-icon.active > svg.notification-icon > circle {
  fill: #4CAF50 !important;
}
.grid-content-power-icon {
  height: 30px;
  width: 30px;
}
.alarm-filter-grid {
  overflow-y: auto;
}
.alarm-filter-grid::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.alarm-filter-grid::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.alarm-filter-grid::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.alarm-filter-grid .normal-row {
  height: 36px;
  position: relative;
}
.alarm-filter-grid .normal-row:nth-child(even) {
  background-color: #FFF;
}
.alarm-filter-grid .normal-row:nth-child(odd) {
  background-color: #F2F2F2;
}
.alarm-filter-grid .first-column,
.alarm-filter-grid .normal-column {
  display: inline-block;
  font-size: 14px;
  height: 36px;
  overflow-x: hidden;
  padding: 0;
  position: relative;
  vertical-align: middle;
}
.grid-header-row,
.grid-content-row {
  position: relative;
}
.grid-header-row i.mdi,
.grid-content-row i.mdi {
  color: #FFF;
}
.grid-cell-helper {
  max-height: 100%;
  outline: none;
  padding-left: 2px;
  padding-right: 2px;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 95%;
  word-break: break-word;
}
.grid-cell-helper > a.underline {
  border-bottom: 1px dotted #909090;
}
.grid-cell-helper.center-align {
  text-align: center !important;
}
.grid-empty-watermark {
  background-color: #FFF;
  color: #757575;
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.grid-empty-watermark > span {
  font-size: 17px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.site-channels-loader-wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 150px;
  width: 50%;
}
.site-channels-loader-wrapper > mat-progress-spinner {
  height: 48px !important;
  left: 50%;
  margin: 0 0 0 -16px;
  position: absolute;
  top: 30%;
  transform: translate(-50%, -50%);
  width: 48px !important;
  z-index: 3;
}
md-tooltip {
  margin-left: 60px !important;
  margin-top: -40px !important;
}
md-tooltip .md-content {
  font-size: 12px;
  height: auto !important;
  min-height: auto !important;
  padding: 4px 6px;
  white-space: pre-wrap;
}
.no-rows {
  bottom: 0;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.no-rows .msg {
  color: #AAA;
  opacity: 1;
  position: absolute;
  top: 20%;
  left: 20%;
  width: 60%;
  text-align: center;
  font-size: 18px;
  display: table;
  height: 50px;
  top: 50%;
  margin-top: -16px;
}
.no-rows .msg span {
  display: table-cell;
  vertical-align: middle;
}
.lcv-grid-wrapper {
  background-color: #FFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 14px;
  font-weight: bold;
  margin: 8px 8px 0 8px;
  overflow: hidden;
}
.lcv-grid {
  display: block;
  font-weight: normal;
  margin-bottom: 0;
  min-height: 104px;
  padding: 0;
  position: relative;
}
.lcv-grid-accordion {
  background-color: #FFF;
  border-top: 1px solid #E5E5E5;
  cursor: pointer;
  outline: none;
  padding: 6px 6px 10px 6px;
}
.lcv-grid-accordion .lcv-grid-accordion-toggle {
  border-radius: 15px;
  display: inline-block;
  height: 26px;
  position: relative;
  top: 3px;
}
.lcv-grid-accordion .lcv-grid-accordion-toggle:hover {
  background-color: #E7E7E7;
}
.lcv-grid-accordion .lcv-grid-accordion-toggle i.mdi {
  color: #757575;
  font-size: 26px;
  left: 0;
  position: relative;
  top: -3px;
}
.lcv-grid-accordion .lcv-grid-title {
  color: #757575;
  display: inline-block;
  position: relative;
  top: -5px;
}
.lcv-grid-accordion .lcv-grid-latest-date {
  color: #A0A0A0;
  float: right;
  font-size: 13px;
  font-weight: normal;
  position: relative;
  right: 10px;
  top: 10px;
}
.lcv-grid .lcv-grid-row {
  color: #404040;
  padding: 0 16px;
  white-space: nowrap;
}
.lcv-grid .lcv-grid-row.alarm {
  background-color: #EF4338 !important;
}
.lcv-grid .lcv-grid-header-row {
  background-color: #9D9D9D;
  color: #FFF;
  padding: 13px 16px 12px 16px;
}
.lcv-grid .lcv-header-row-label {
  display: inline-block;
  text-align: center;
  width: calc(50% - (4px * 2));
}
.lcv-grid .lcv-grid-row.alarm > .lcv-row-label,
.lcv-grid .lcv-grid-row.alarm > .lcv-row-value,
.lcv-grid .lcv-grid-row.alarm > .lcv-row-value > .inner-value {
  color: #FFF !important;
}
.lcv-grid .lcv-grid-row.over-under-range > .lcv-row-label,
.lcv-grid .lcv-grid-row.over-under-range > .lcv-row-value {
  color: #404040;
}
.lcv-grid .lcv-header-row-value {
  display: inline-block;
  text-align: center;
  width: calc(42% - (4px * 2));
}
.lcv-grid .lcv-header-row-aux {
  display: inline-block;
  text-align: center;
  width: 8%;
}
.lcv-grid .lcv-grid-row:nth-of-type(even) {
  background-color: #FFF;
}
.lcv-grid .lcv-grid-row:nth-of-type(odd) {
  background-color: #F3F3F3;
}
.lcv-grid .lcv-row-label {
  display: inline-block;
  padding: 8px 0 10px 0;
  position: relative;
  text-align: center;
  vertical-align: top;
  white-space: normal;
  width: calc(50% - (4px * 2));
}
.lcv-grid .lcv-row-value {
  display: inline-block;
  padding: 8px 0 10px 0;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: calc(42% - (4px * 2));
}
.lcv-grid .lcv-row-value .inner-value {
  max-width: 100%;
  vertical-align: top;
  white-space: normal;
  width: calc(100% - 16px);
}
.lcv-grid .lcv-row-value .lcv-change-arrow {
  color: #757575;
  font-size: 22px;
  margin-left: 6px;
  position: absolute;
  top: -5px;
}
.lcv-grid .lcv-row-value .lcv-negative-change-arrow {
  color: #EF4338;
  font-size: 22px;
  margin-left: 6px;
  position: absolute;
  top: -8px;
}
.lcv-grid .lcv-row-value .lcv-positive-change-arrow {
  color: #33AA33;
  font-size: 22px;
  margin-left: 6px;
  position: absolute;
  top: -6px;
}
.lcv-grid .lcv-row-aux {
  display: inline-block;
  height: 32px;
  position: absolute;
  right: -24px;
  text-align: center;
  top: 0;
  vertical-align: top;
  width: 56px;
}
.lcv-grid-no-data {
  color: #B2B2B2;
  display: block;
  font-size: 20px;
  position: absolute;
  text-align: center;
  top: calc(71%);
  transform: translate(0, -50%);
  width: 100%;
}
.lcv-aux-button {
  padding: 0 !important;
  display: inline-block;
  height: 28px;
  top: 6px;
}
.lcv-gbr-button {
  overflow: visible !important;
  padding: 0;
  position: absolute !important;
  right: -48px;
  top: 20px;
}
.lcv-gbr-button.one-row {
  top: 2px !important;
}
.lcv-gbr-button span {
  color: #C8C8C8 !important;
  font-size: 10px !important;
  left: 6px !important;
  position: absolute !important;
  top: 18px !important;
  width: 20px;
}
.lcv-grid-row .detail-toggle {
  position: absolute;
  top: -4px;
}
.lcv-grid-row.alarm .detail-toggle {
  color: #FFF;
}
.channel-raw-description {
  display: inline-block !important;
  color: #37E;
  font-size: 13px;
  padding: 8px 4px 4px 4px;
  text-align: center;
  width: 48%;
}
.channel-raw-value {
  display: inline-block !important;
  color: #37E;
  font-size: 13px;
  padding: 8px 4px 4px 4px;
  text-align: center;
  width: 40%;
}
.number-circle {
  background-color: #AAA;
  border-radius: 24px;
  color: #FFF !important;
  font: 14px Arial, sans-serif;
  height: 20px;
  left: 50%;
  margin-top: -14px;
  padding: 6px 2px 3px 3px;
  position: absolute;
  text-align: center;
  text-indent: -1px;
  top: 50%;
  transform: translate(-50%, 0);
  width: 24px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.36);
}
.alarm-circle {
  background-color: #F44336;
  cursor: pointer;
}
.alarm-circle:hover {
  background-color: #E04030 !important;
}
.lost-comm-circle {
  background-color: #03B6B3;
  cursor: pointer;
  left: calc(50% + 32px);
}
.lost-comm-circle:hover {
  background-color: #039D9A !important;
}
.alarm-count-with-subgroups {
  left: calc(50% + 32px);
  position: absolute;
  width: 50px;
}
.alarm-count-with-subgroups > img {
  left: -5px;
  margin: 4px 0 0 0;
  position: relative;
  top: 3px;
  width: 16px;
}
.alarm-count-with-subgroups > span {
  background-color: #B0B0B0;
  border-radius: 20px;
  color: #FFF;
  padding: 4px;
}
.grid-row-hover-menu {
  cursor: pointer;
  height: 30px;
  margin: 4px 0 0 0;
  padding: 4px 0 0 0;
  position: absolute !important;
  right: 12px;
  top: -2px;
  width: 28px;
  z-index: 10;
}
.grid-row-hover-menu.extended-right {
  right: 24px !important;
}
.grid-row-hover-menu .menu-icon {
  background-color: rgba(245, 245, 245, 0.7);
  border-radius: 20px;
  color: #656565;
  font-size: 24px;
  padding: 0 2px 4px 2px;
  pointer-events: none;
  z-index: 1;
}
.grid-row-hover-menu .grid-row-hover-menu-contents {
  background-color: rgba(255, 255, 255, 0.85);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  display: none;
  min-width: 108px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.grid-row-hover-menu .menu-button {
  font-size: 14px;
  padding: 4px;
}
.grid-row-hover-menu .menu-button i,
.grid-row-hover-menu .menu-button img {
  left: 2px;
  position: relative;
  top: 2px;
}
.grid-row-hover-menu .menu-button span {
  margin-left: 8px;
  position: relative;
  top: -3px;
}
.grid-row-hover-menu .menu-button:hover {
  background-color: rgba(220, 220, 220, 0.95);
}
.end-single-button {
  font-size: 14px;
  padding: 4px;
  position: absolute;
  right: 8px;
  top: 2px;
}
.end-single-button i,
.end-single-button img {
  left: 2px;
  position: relative;
  top: 2px;
}
.end-single-button span {
  margin-left: 8px;
  position: relative;
  top: -3px;
}
.end-single-button:hover {
  background-color: rgba(220, 220, 220, 0.95);
}
.fast-grid-row:nth-of-type(even) .grid-row-hover-menu .menu-icon {
  background-color: rgba(235, 235, 235, 0.7) !important;
}
.fast-grid-row:nth-of-type(odd) .grid-row-hover-menu .menu-icon {
  background-color: rgba(255, 255, 255, 0.63) !important;
}
.fast-grid-batch {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 2px solid #DDD;
  border-top: 2px solid #DDD;
}
.fast-grid-batch.collapsed {
  background-color: #50B2FA !important;
  border-bottom: none;
  border-top: none;
  max-height: 36px;
  overflow: hidden;
}
.comm-in {
  color: #5CB660;
  font-size: 32px;
  line-height: 34px;
  text-align: center;
}
.comm-out {
  color: #0078C4;
  font-size: 32px;
  line-height: 34px;
  text-align: center;
}
.detail-toggle {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 20px;
  color: #808080;
  cursor: pointer;
  font-size: 15px;
  padding: 2px 1px 3px 1px;
  text-align: center;
  width: 22px;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.detail-toggle:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
.detail-toggle.toggled {
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.help-content {
  min-height: 80px;
  text-align: center;
}
.help-content > h1 {
  font-size: 18px;
  margin: 12px 0;
  text-transform: uppercase;
}
.help-content > div {
  text-align: justify;
}
.help-content > img {
  height: 150px;
  max-height: 150px;
}
.help-area {
  position: absolute;
  z-index: -100;
}
.help-loader {
  height: 80px;
}
.help-loader > mat-progress-spinner {
  height: 48px;
  left: 50%;
  margin: -28px 0 0 -24px;
  position: absolute;
  top: 50%;
  width: 48px;
}
.help-button {
  display: inline-block;
  float: left;
  font-weight: bold;
  margin: 24px 0 12px 0;
}
.help-button.right-aligned {
  float: right;
}
groups.integrated {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
}
#divGroupsGrid {
  background-color: #DDD;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
  display: block;
  left: 0;
  position: absolute;
  z-index: 8;
  height: calc(100% - 40px) !important;
  min-height: calc(100% - 40px) !important;
  top: 38px;
  width: 50%;
}
#divGroupsGrid.side-by-side-view {
  height: calc(100% - 40px) !important;
  min-height: calc(100% - 40px) !important;
  top: 38px;
  width: 50%;
}
#divGroupsGrid.side-by-side-view.no-map-view {
  width: 100%;
}
#divGroupsGrid.top-bottom-view {
  height: calc(-43%) !important;
  min-height: calc(55%) !important;
  top: calc(45%) !important;
  width: 100% !important;
}
#divGroupsGrid.top-bottom-view.no-map-view {
  height: calc(100% - 38px) !important;
  top: 38px !important;
}
#divGroupsGrid.no-map-view {
  width: 100%;
}
@media screen and (max-width: 600px) {
  #divGroupsGrid {
    height: calc(-43%) !important;
    min-height: calc(55%) !important;
    top: calc(45%) !important;
    width: 100% !important;
  }
  #divGroupsGrid.no-map-view {
    height: calc(100% - 38px) !important;
    top: 38px !important;
  }
}
.sub-nav-bar[parent="groups"] {
  box-shadow: none !important;
}
.sub-nav-bar[parent="groups"] nine-dot-menu {
  display: none;
}
.group-list {
  height: calc(100% - 41px) !important;
  overflow-y: auto;
}
.group-list::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.group-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.group-list::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.group-page {
  height: 100%;
}
.groups-grid .fast-grid-header-content.locked-for-scrolling {
  border-top: 1px solid #8A8A8A;
  left: 0;
  position: fixed;
  top: 130px;
  z-index: 6;
}
.groups-grid:not(.top-bottom-view):not(.no-map-view) .fast-grid-header-content.locked-for-scrolling {
  max-width: 50%;
  min-width: 50%;
  width: 50%;
}
group.compact {
  height: auto;
  left: auto;
  position: relative;
  top: auto;
}
group.integrated {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 5;
}
group > div:not(.grid-row-hover-menu) {
  background-color: #DDD;
}
group:nth-child(even) .group-header {
  background-color: #F2F2F2;
}
.group-header {
  background-color: #FFF;
  font-size: 14px;
  height: 26px;
  padding: 4px 8px 6px 8px;
  width: calc(100% - (2 * 8px));
}
.group-header.toggled {
  margin: 0 0 18px 0;
}
.group-header > div {
  height: 100% !important;
  position: relative;
  vertical-align: top;
}
.group-header > .favorite-column {
  margin: -2px 0 0 0;
}
.group-header > .expand-group-column {
  margin: -2px 0 0 0;
  /*
          span.double-toggle {
               margin: 0;
          }
          */
}
.group-header > .expand-group-column span:nth-of-type(2) {
  margin: -2px;
}
.group-header > .name-column {
  margin: 0;
}
.group-header > .users-column {
  margin: -6px 0 0 0;
}
.group-header > .users-column img {
  margin-top: 4px !important;
  height: 30px;
  width: 30px;
}
.group-tree-line {
  border-bottom: 3px solid #A0A0A0;
  border-left: 3px solid #A0A0A0;
  height: 36px;
  left: 32px;
  position: absolute;
  top: 36px;
  width: 32px;
}
.group-grid {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 0 0 16px 0;
  overflow: hidden;
  position: absolute !important;
  z-index: 8;
  height: calc(100% - 40px) !important;
  max-width: 50%;
  min-height: calc(100% - 60px) !important;
  top: 38px;
  width: 50%;
}
.group-grid .fast-grid-content {
  height: calc(100% - 37px);
}
.group-grid.compact {
  border-bottom: 1px solid #C8C8C8;
  box-shadow: none;
  left: 68px;
  max-width: calc(100% - 68px);
  position: relative !important;
  top: 0;
}
.group-grid.side-by-side-view {
  height: calc(100% - 40px) !important;
  max-width: 50%;
  min-height: calc(100% - 60px) !important;
  top: 38px;
  width: 50%;
}
.group-grid.side-by-side-view.no-map-view.has-group-commands {
  height: calc(100% - 84px) !important;
  min-height: calc(100% - 84px) !important;
  top: calc(82px) !important;
}
.group-grid.no-map-view.has-group-commands {
  height: calc(100% - 84px) !important;
  min-height: calc(100% - 84px) !important;
  top: calc(82px) !important;
}
.group-grid.top-bottom-view {
  height: calc(-43%) !important;
  max-width: 100%;
  min-height: calc(55%) !important;
  top: calc(45%) !important;
}
.group-grid.top-bottom-view.compact {
  max-width: calc(100% - 68px);
}
.group-grid.top-bottom-view.has-group-commands {
  height: calc(55%) !important;
  min-height: calc(55% - 41px) !important;
  top: calc(45%) !important;
}
.group-grid.top-bottom-view.has-subgroups {
  height: calc(45%) !important;
  min-height: calc(45%) !important;
  top: calc(55%) !important;
}
.group-grid.top-bottom-view.has-group-commands.has-subgroups {
  height: calc(45% - 41px) !important;
  min-height: calc(45% - 41px) !important;
  top: calc(55% + 41px) !important;
}
.group-grid.top-bottom-view.no-map-view:not(.compact) {
  height: calc(100% - 40px) !important;
  top: 38px !important;
}
.group-grid.top-bottom-view.no-map-view:not(.compact).has-group-commands {
  height: calc(100% - 80px) !important;
  min-height: calc(100% - 80px) !important;
  top: calc(38px + 40px) !important;
}
.group-grid.top-bottom-view.no-map-view:not(.compact).has-subgroups {
  height: calc(80% - 38px) !important;
  top: calc(20% + 38px) !important;
}
.group-grid.top-bottom-view.no-map-view:not(.compact).has-group-commands.has-subgroups {
  height: calc(80% - 40px - 38px) !important;
  min-height: calc(80% - 40px - 38px) !important;
  top: calc(38px + 20% + 40px) !important;
}
.group-grid.extended-footer:not(.top-bottom-view) {
  overflow: visible;
}
.group-grid.extended-footer:not(.top-bottom-view) .fast-grid-footer {
  width: calc(200% - (18px + 12px)) !important;
}
.group-channel-grid {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: calc(100% - 60px) !important;
  left: 50%;
  max-width: 50%;
  min-height: calc(100% - 60px) !important;
  position: absolute !important;
  top: 38px;
  width: 50% !important;
  z-index: 7;
}
.group-channel-grid .fast-grid-content {
  height: calc(100% - 17px) !important;
}
.group-channel-grid .fast-grid-body-content {
  overflow-y: hidden !important;
}
.group-channel-grid.has-subgroups {
  height: calc(45%) !important;
  min-height: calc(45%) !important;
  top: calc(55%) !important;
}
.group-channel-grid.has-subgroups.no-map-view {
  height: calc(100% - 38px - 22px) !important;
  top: calc(0% + 38px) !important;
}
.group-channel-grid.side-by-side-view.no-map-view.has-group-commands {
  height: calc(100% - 82px) !important;
  min-height: calc(100% - 82px) !important;
  top: 82px;
}
.group-channel-grid.no-map-view.has-group-commands {
  height: calc(100% - 82px) !important;
  min-height: calc(100% - 82px) !important;
  top: 82px;
}
.group-commands-wrapper {
  height: 32px;
  padding: 4px 5% 4px 4px;
  position: absolute;
  top: calc(45% - 41px);
  width: 100%;
  z-index: 8;
}
.group-commands-wrapper.top-bottom-view.no-map-view {
  background-color: #FFF;
  border-top: 0;
  top: 38px !important;
  width: 100%;
  z-index: 8;
}
.group-commands-wrapper.side-by-side-view {
  left: 50%;
  max-width: 32%;
  padding: 6px 8px;
  top: 38px;
  width: 400px;
}
.group-commands-wrapper.side-by-side-view.no-map-view {
  background-color: #FFF;
  left: 0;
  max-width: 100%;
  width: 100% !important;
}
.subgroups-wrapper {
  background-color: #DDD;
  margin: 0 0 8px 68px;
  min-height: 40px;
  position: relative;
  width: calc(100% - 40px);
  z-index: 8;
}
.subgroups-wrapper.integrated {
  height: calc(55%);
  left: 0;
  margin: 0;
  overflow-y: auto;
  position: absolute;
  top: 45%;
  width: 100%;
}
.subgroups-wrapper.integrated > .subgroups-header {
  height: 40px !important;
}
.subgroups-wrapper.integrated > .subgroups-header > span {
  top: 12px;
}
.subgroups-wrapper.integrated > .subgroups-header.level-0,
.subgroups-wrapper.integrated > .subgroups-header.level-1,
.subgroups-wrapper.integrated > .subgroups-header.level-2 {
  border-top: 0 !important;
}
.subgroups-wrapper.integrated.has-group-commands {
  top: calc(45%) !important;
}
.subgroups-wrapper.integrated.no-map-view {
  height: calc(91%) !important;
  top: 38px !important;
}
.subgroups-wrapper.integrated.no-map-view.has-group-commands {
  top: calc(38px + 41px) !important;
}
.subgroups-wrapper.integrated.side-by-side-view {
  width: auto !important;
  height: calc(100% - 40px) !important;
  top: 38px !important;
  width: 50% !important;
}
.subgroups-wrapper.integrated .empty-list-message {
  top: 52% !important;
}
.subgroups-wrapper .empty-list-message-wrapper {
  background-color: #FFF;
  display: block;
  height: 40px;
  position: relative;
  width: 100%;
}
.subgroups-wrapper .empty-list-message {
  top: 64%;
}
.subgroups-header {
  background-color: #9D9D9D;
  color: #FFF;
  display: inline-block;
  font-size: 0;
  height: 46px;
  white-space: nowrap;
  width: 100%;
}
.subgroups-header.level-0 {
  border-top: 4px solid #26B;
}
.subgroups-header.level-0:hover .fast-grid-header-cell {
  background-color: #149 !important;
}
.subgroups-header.level-1 {
  border-top: 4px solid #48D;
}
.subgroups-header.level-1:hover .fast-grid-header-cell {
  background-color: #149 !important;
}
.subgroups-header.level-2 {
  border-top: 4px solid #69E;
}
.subgroups-header.level-2:hover .fast-grid-header-cell {
  background-color: #149 !important;
}
.subgroups-header > span {
  left: 56px;
  position: relative;
  top: 15px;
}
.group-loader {
  margin: 0 0 8px 68px;
  min-height: 40px;
  position: relative !important;
  width: calc(100%);
}
.group-loader mat-progress-spinner {
  height: 36px !important;
  top: 0 !important;
  width: 36px !important;
}
.group-loader mat-progress-spinner > svg {
  height: 36px !important;
  width: 36px !important;
}
.sub-nav-bar[parent="group"] {
  box-shadow: none !important;
}
.assigned-techs-toggle {
  cursor: pointer;
  display: block;
  height: auto;
  padding: 0 8px 3px 20px;
  width: 24px;
}
.assigned-techs-toggle > i.mdi {
  color: rgba(255, 255, 255, 0.82);
}
.assigned-techs-toggle:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #AAA;
}
.tech-progress {
  left: 50%;
  margin: -32px 0 0 -24px;
  position: absolute;
  top: 50%;
  width: 48px !important;
}
.group-grid-higlight-helper.help-highlight-3b {
  height: 55%;
  position: absolute;
  right: 0;
  top: 45%;
  width: calc(100% - 800px);
}
group-config {
  background-color: #FFF;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 11;
}
group-config .sub-nav-bar {
  background-color: #FFF !important;
}
group-config.raised-bar {
  z-index: 9;
}
.group-config-content {
  white-space: nowrap;
}
.group-config-content .checkbox-list .checkbox-list-content {
  height: 480px;
  max-height: 480px;
}
.group-config-content .checkbox-list .clear-all-button {
  position: absolute;
  right: 8px;
  top: 4px;
}
.group-config-content .checkbox-list .select-all-button {
  position: absolute;
  right: 100px;
  top: 4px;
}
.group-config-content .first-third-wrapper {
  height: calc(52%);
  margin: 32px 1% 32px 3%;
  vertical-align: top;
  white-space: normal;
}
.group-config-content .middle-third-wrapper {
  height: calc(52%);
  margin: 32px 1% 32px 2%;
  position: relative;
  vertical-align: top;
  white-space: normal;
}
.group-config-content .middle-third-wrapper .checkbox-list-item {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.group-config-content .middle-third-wrapper .checkbox-list-item.selected {
  background-color: #DCEBF9 !important;
}
.group-config-content .last-third-wrapper {
  height: calc(52%);
  margin: 32px 1% 32px 2%;
  vertical-align: top;
  white-space: normal;
}
.group-config-content .last-third-wrapper .checkbox-list-content {
  height: calc(480px - (2 * 16px));
  padding: 16px;
  width: calc(100% - (2 * 16px));
}
.group-config-top-button-bar {
  margin: -8px 0 20px 0;
  overflow: hidden;
  width: 100%;
}
.group-config-item {
  min-height: 40px !important;
}
.simple-list {
  font-size: 14px;
  overflow-y: auto;
  padding: 12px 0 0 0;
}
.simple-list::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.simple-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.simple-list::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.simple-list .list-checkbox-item {
  padding-bottom: 4px !important;
  font-weight: normal !important;
  margin: 0 0 0 16px;
  min-height: 20px;
  width: calc(100% - 16px);
}
.simple-list .list-checkbox-item .mat-checkbox-layout {
  white-space: normal;
}
.simple-list .list-item {
  padding: 0 8px 0 12px;
}
.simple-list .list-item a.underline {
  border-bottom: 1px dotted #909090;
}
.list-with-subheaders {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  height: 200px;
  overflow-y: auto;
  min-width: 200px;
  position: relative;
}
.list-with-subheaders::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.list-with-subheaders::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.list-with-subheaders::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.list-with-subheaders .list-item {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #FFF;
  border-bottom: 1px solid #DDD;
  cursor: pointer;
  height: 48px;
  position: relative;
}
.list-with-subheaders .list-item:nth-of-type(odd) {
  background-color: #F4F5F7;
}
.list-with-subheaders .list-item:nth-of-type(even) {
  background-color: #FFF;
}
.list-with-subheaders .list-item:hover {
  background-color: #E8E8E8;
}
.list-with-subheaders .list-loader {
  height: 100px;
  left: -webkit-calc(48% - 100px);
  left: -moz-calc(48% - 100px);
  left: -o-calc(48% - 100px);
  left: calc(48% - 100px);
  position: absolute;
  text-align: center;
  top: -webkit-calc(48% - 50px);
  top: -moz-calc(48% - 50px);
  top: -o-calc(48% - 50px);
  top: calc(48% - 50px);
  width: 200px;
  z-index: 150;
}
.list-with-subheaders .list-loader mat-progress-spinner {
  margin: auto;
  position: relative;
  top: 20px;
  width: 44px;
}
.header-loader mat-progress-spinner {
  margin: auto;
  position: relative;
  top: 20px;
  width: 32px;
}
.header-loader mat-progress-spinner circle {
  fill: #FFF !important;
}
.list-header {
  background-color: #AAA;
  color: #FFF;
  font-size: 14px;
  min-width: 180px;
  padding: 14px 8px 15px 12px;
  position: relative;
}
.list-header.subheader {
  background-color: rgba(0, 0, 0, 0.07);
  border-bottom: 1px solid #DDD;
  color: #606060;
  padding: 8px 8px 8px 12px;
}
.list-header .list-header-item {
  display: inline-block;
  text-align: left;
}
.empty-list-message {
  color: #C1C1C1;
  font-size: 20px;
  left: 50%;
  min-height: 32px;
  min-width: 120px;
  position: absolute;
  text-align: center;
  top: 48%;
  transform: translate(-50%, -50%);
  width: 50%;
}
home {
  height: calc(100% - 50px);
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 50px;
  width: calc(100%);
  z-index: 0;
}
.home-page {
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}
#homeContent {
  height: 100% !important;
  margin-top: 0;
  width: 100% !important;
}
#homeContent > fab {
  bottom: 168px !important;
}
#homeContent > fab .fab-command {
  background-color: #E74C3C !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
#homeContent > fab .fab-command:hover {
  background-color: #E14A3A !important;
}
.sub-nav-bar[parent="home"] {
  box-shadow: none !important;
}
home .main-content {
  overflow: hidden;
  padding: 0 !important;
}
.map-view-mode-switch {
  cursor: pointer;
  height: auto;
  padding: 0 4px 3px 4px;
  width: 24px;
}
.map-view-mode-switch.map-view.toggled {
  background-color: rgba(0, 0, 0, 0.1);
}
.map-view-mode-switch.map-view > i.mdi {
  color: rgba(255, 255, 255, 0.6);
}
.map-view-mode-switch.map-view.toggled > i.mdi {
  color: rgba(255, 255, 255, 0.75);
}
.map-view-mode-switch.map-view:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.map-view-mode-switch.map-view:hover > i.mdi {
  color: rgba(255, 255, 255, 0.9);
}
.map-view-mode-switch svg path {
  fill: #FFF;
}
.map-container {
  height: 100%;
  width: 100%;
}
google-map {
  display: block;
  position: absolute;
  top: 38px;
  z-index: 8;
  height: calc(100% - 38px);
  left: 50%;
  width: 50%;
}
google-map.company-map.top-bottom-view {
  height: calc(45% - 38px) !important;
}
google-map.company-map.top-bottom-view.full-size .control-current-site {
  bottom: 64px !important;
}
google-map.group-map {
  z-index: 7;
}
google-map.group-map.top-bottom-view {
  height: calc(45% - 38px) !important;
}
google-map.site-map {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
  height: calc(100% - (50px + 40px + 38px)) !important;
  top: calc(50px + 38px);
}
google-map.site-map.full-size {
  height: calc(100% - (40px + 38px)) !important;
  left: 0 !important;
  top: 38px !important;
}
@media screen and (max-width: 600px) {
  google-map.site-map {
    left: 0;
    width: 100%;
  }
}
google-map.side-by-side-view {
  height: calc(100% - 38px);
  left: 50%;
  width: 50%;
}
google-map.side-by-side-view.full-size {
  left: 0 !important;
  width: 100% !important;
  z-index: 9;
}
google-map.top-bottom-view {
  left: 0;
  width: 100%;
}
google-map.top-bottom-view.full-size {
  height: calc(100% - 38px) !important;
  z-index: 9;
}
google-map.full-size {
  left: 0 !important;
  width: 100% !important;
  z-index: 9;
}
@media screen and (max-width: 600px) {
  google-map {
    left: 0;
    width: 100%;
  }
  google-map.full-size {
    height: calc(100% - 38px) !important;
    z-index: 9;
  }
}
.google-map-pane {
  z-index: 2;
}
.google-map-control {
  clear: none !important;
  float: left !important;
  margin-right: 15px !important;
  outline: none;
}
.gm-bundled-control-on-bottom {
  bottom: 196px !important;
}
.google-map-control svg {
  opacity: 0.32;
  height: 24px;
  line-height: 24px;
}
.google-map-control svg:hover {
  opacity: 0.5 !important;
}
.google-map-control > img,
.google-map-control > a {
  opacity: 0.4;
}
.google-map-control > i.mdi {
  color: rgba(0, 0, 0, 0.65);
}
.google-map-control > icon path {
  fill: #444;
}
.google-map-control > a:hover,
.google-map-control > img:hover,
.google-map-control > i.mdi:hover,
.google-map-control > icon:hover {
  opacity: 1.0;
}
.pin-context-menu-item {
  cursor: pointer;
  font-size: 13px;
  margin: 0 16px 0 0;
}
.pin-context-menu-item:hover {
  color: #606060;
}
.map-pin-interrupt {
  outline: none;
  z-index: 9 !important;
}
.map-pin-green {
  outline: none;
  z-index: 10 !important;
}
.map-pin-blue {
  outline: none;
  z-index: 11 !important;
}
.map-pin-red {
  outline: none;
  z-index: 12 !important;
}
.map-pin-recent-alarm {
  outline: none;
  z-index: 13 !important;
}
.map-pin-hidden {
  outline: none;
  display: none !important;
}
.map-selector {
  outline: none;
  z-index: -3000 !important;
}
.control-map-filters-toggle {
  cursor: pointer;
  height: 24px;
  line-height: 24px;
  position: absolute;
  right: 118px;
  top: 10px;
  z-index: 3;
}
.control-map-full-size-toggle {
  cursor: pointer;
  height: 24px;
  line-height: 24px;
  position: absolute;
  right: 76px;
  top: 10px;
  z-index: 3;
}
.map-filter-unit-model {
  display: block !important;
  margin: 20px 32px 0px 24px;
}
.control-legend-toggle {
  cursor: pointer;
  position: absolute;
  right: 40px;
  top: 10px;
  z-index: 3;
}
.control-legend-toggle > svg > path:first-of-type {
  stroke: none;
  fill: none;
}
.control-legend-toggle > svg > path:nth-of-type(2) {
  fill: rgba(0, 0, 0, 0.35) !important;
}
.control-legend-toggle:hover > svg > path:nth-of-type(2) {
  fill: rgba(0, 0, 0, 0.5) !important;
}
.control-layers-toggle {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 10px;
  z-index: 3;
}
.control-current-site {
  background: rgba(255, 255, 255, 0.86);
  border-radius: 100px;
  bottom: 76px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
  cursor: pointer;
  float: right !important;
  height: 70px;
  position: absolute;
  right: 24px;
  top: auto;
  width: 70px;
  z-index: 4;
}
.control-current-site:hover {
  background: rgba(255, 255, 255, 0.93);
}
.control-current-site.hovertip:after {
  transform: translate(-110%, -80%) !important;
  width: 80px;
}
@media screen and (max-width: 600px) {
  .control-current-site {
    bottom: 28px !important;
    height: 48px;
    width: 48px;
  }
}
.map-current-site-icon {
  height: 32px !important;
  margin: 4px;
  opacity: 1.0 !important;
  transform: translate(50%, 50%);
  width: 32px;
}
.map-current-site-icon > path {
  fill: #2899D4 !important;
}
.map-current-site-icon > path:hover {
  fill: #00ABFF !important;
}
@media screen and (max-width: 600px) {
  .map-current-site-icon {
    height: 20px !important;
    width: 20px !important;
  }
}
.map-panel-container {
  display: none;
  left: 0;
  min-height: 56px;
  min-width: 200px;
  position: absolute;
  top: 64px;
  z-index: 8;
}
.map-panel-container > .popup-triangle-top-left {
  border-bottom: 15px solid #FFF;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  height: 0;
  position: absolute;
  right: 16px;
  top: -15px;
  width: 0;
  z-index: 10;
}
.map-panel-container > .popup-triangle-top-right {
  border-bottom: 17px solid rgba(0, 0, 0, 0.1);
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  height: 0;
  position: absolute;
  right: 14px;
  top: -17px;
  width: 0;
}
.map-panel-container .dialog-close {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #909090;
  cursor: pointer;
  border-radius: 20px;
  font-size: 18px;
  padding: 2px 6px;
  position: absolute;
  right: 18px;
  top: 12px;
}
.map-panel-container .dialog-close:hover {
  background-color: #DDD;
}
.map-panel-container mat-checkbox {
  margin: 0 0 0 12px;
}
.map-panel {
  background-color: #FFF;
  box-shadow: 1px 1px 3px 1px #AAA;
  min-width: 200px;
  padding: 9px 0 7px 3px;
  position: absolute;
  right: 0;
}
.map-legend-container {
  width: 400px;
}
#divMapCurrentLocationControl:hover {
  background: rgba(255, 255, 255, 0.92);
}
#divSitePanel {
  background-color: #E2E2E2;
  bottom: 0;
  display: none;
  height: 100%;
  max-height: 260px !important;
  position: absolute;
  width: 101%;
  z-index: 8 !important;
}
#divMapFooter {
  background-color: #E2E2E2;
  color: #606060;
  display: block;
  font-family: 'Roboto Regular', Verdana;
  font-size: 18px;
  font-weight: normal;
  height: 70px !important;
  left: -6px;
  position: relative;
  top: -16px;
  white-space: nowrap;
  width: 101%;
}
#divMapFooter a {
  color: #606060;
  text-decoration: none;
}
#divMapFooter a:hover {
  color: #808080;
}
#divMapFooter > .left-side-wrapper {
  display: inline-block;
  overflow: hidden;
  padding: 0 0 0 16px;
  text-align: left;
  vertical-align: top;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  width: 60%;
}
#divMapFooter > .right-side-wrapper {
  display: inline-block;
  padding: 0 0 0 0;
  position: relative;
  text-align: right;
  top: -4px;
  width: 37.5%;
}
#divSitePanelMain #divSitePanelClose {
  background: rgba(200, 200, 200, 0.55);
  border: 1px solid #C9C9C9;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top: 0;
  box-shadow: 0 1px 3px #939393;
  color: #FFF !important;
  cursor: pointer;
  height: 24px;
  left: -webkit-calc(50% - 21px);
  left: -moz-calc(50% - 21px);
  left: -o-calc(50% - 21px);
  left: calc(50% - 21px);
  outline: none;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 42px;
  z-index: 3;
}
#divSitePanelMain #divSitePanelClose:hover {
  background: rgba(185, 185, 185, 0.55);
  box-shadow: 0 1px 3px #737373;
}
#divSitePanelMain #divSitePanelClose i {
  color: #B7B7B7;
  font-size: 30px;
  outline: none;
  position: relative;
  top: -3px;
}
#divSitePanelMain #divSitePanelClose:hover i {
  color: #9C9C9C !important;
}
#divSitePanelMain {
  background-color: #E2E2E2;
  height: 210px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 24px 0 0 0;
  position: relative;
  top: -20px;
  white-space: nowrap;
}
#divSitePanelMain::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
#divSitePanelMain::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
#divSitePanelMain::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
#divSitePanelContent {
  display: inline-block;
  padding: 0 16px 0 0;
  position: relative;
}
site-slideout {
  background-color: #E2E2E2;
  height: 210px;
  overflow-x: auto;
  overflow-y: hidden;
  position: absolute;
  top: 50px;
  white-space: nowrap;
  width: 100%;
}
site-slideout::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
site-slideout::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
site-slideout::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.breadcrumb-map-display-switch {
  outline: none;
}
.breadcrumb-map-display-switch:hover i.mdi {
  color: #505050;
}
#divMapLoader {
  background-color: #FFF;
  color: #000;
  left: -webkit-calc(50% - 100px);
  left: -moz-calc(50% - 100px);
  left: -o-calc(50% - 100px);
  left: calc(50% - 100px);
  position: absolute;
  text-align: center;
  top: -webkit-calc(50% - 50px);
  top: -moz-calc(50% - 50px);
  top: -o-calc(50% - 50px);
  top: calc(50% - 50px);
  width: 200px;
  z-index: 150;
}
#divMapLoader .map-loader-text {
  padding: 3px 0 4px 0;
}
#divHalfViewContent {
  display: none;
  height: 100%;
  margin-left: 0px;
  min-width: 325px;
  width: 40%;
}
#divHalfViewContent .close-panel {
  border-radius: 16px;
  color: #FFF;
  height: 29px;
  left: 8px;
  padding: 0 3px 2px 3px;
  position: absolute;
  top: 9px;
  z-index: 3;
}
#divHalfViewContent .close-panel:hover {
  background: rgba(0, 0, 0, 0.2);
}
.map-lcv-grid {
  display: block;
  height: 200px;
  max-height: 200px;
  min-height: 200px;
  padding: 8px 16px 0 16px;
  width: 100%;
}
.map-lcv-grid-item {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
  display: inline-block;
  margin: 0 12px 12px 0;
  vertical-align: top;
  width: 180px;
}
.map-lcv-grid-item-label {
  background-color: #BBB;
  color: #FFF;
  height: 40px;
  min-height: 40px !important;
  padding: 0 16px;
  text-align: center;
  white-space: normal;
}
.map-lcv-grid-item-value {
  background-color: #FFF;
  color: #c0732a;
  font-size: 18px;
  font-weight: 600;
  height: 40px;
  min-height: 44px !important;
  padding: 4px 16px;
  text-align: center;
  white-space: normal;
}
.map-lcv-grid-item-value > div {
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#divGroupFilterPanel {
  background-color: #FFF;
  box-shadow: 0 0 5px 2px rgba(120, 120, 120, 0.8);
  display: none;
  height: 100%;
  max-width: 275px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9 !important;
}
.group-location-items-wrapper,
.site-location-items-wrapper {
  height: 100%;
}
.group-location-items,
.site-location-items {
  height: calc(100% - 48px);
  margin: 0 0 8px 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.group-location-items::-webkit-scrollbar,
.site-location-items::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.group-location-items::-webkit-scrollbar-track,
.site-location-items::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.group-location-items::-webkit-scrollbar-thumb,
.site-location-items::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.group-location-item,
.site-location-item {
  clear: both;
  cursor: pointer;
  height: 50px;
}
.group-location-item:nth-child(even),
.site-location-item:nth-child(even) {
  background-color: #F3F3F3;
}
.group-location-item:nth-child(odd),
.site-location-item:nth-child(odd) {
  background-color: #FFF;
}
.group-location-item:hover,
.site-location-item:hover {
  background-color: #DBDBDB;
}
.group-location-item .group-favorite,
.site-location-item .site-favorite {
  float: left;
  margin: 0 0 0 12px;
  position: relative;
  top: -1px;
}
.group-location-item a,
.site-location-item a {
  color: #202020;
  float: left;
  margin-left: 2px;
  max-width: 75%;
  overflow-x: hidden;
  position: absolute;
  text-decoration: none;
  text-indent: 12px;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  top: 6px;
  white-space: nowrap;
}
.group-crosshairs-gps {
  float: left;
  margin-top: 2px;
}
.site-crosshairs-gps {
  position: relative;
  top: 50%;
}
#divAlarmFilterGrid .site-crosshairs-gps {
  margin: -12px 8px 0 0;
}
#divAlarmFilterGrid .first-column .site-crosshairs-gps {
  left: 8px;
  position: relative;
  top: 2px;
}
.site-crosshairs-gps path,
.group-crosshairs-gps path {
  fill: #606060;
}
.site-crosshairs-gps:hover {
  cursor: pointer;
}
.site-crosshairs-gps:hover path {
  fill: #808080;
}
.group-location-item:hover .site-crosshairs-gps path,
.grid-cell-helper:hover .site-crosshairs-gps path {
  fill: #808080;
}
#divAlarmFilterPanel {
  background-color: #FFF;
  box-shadow: 0 0 5px 2px rgba(120, 120, 120, 0.8);
  display: none;
  height: calc(100% - 38px);
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 38px;
  width: 42%;
  z-index: 10 !important;
}
@media screen and (max-width: 600px) {
  #divAlarmFilterPanel {
    width: 100%;
  }
}
.map-alarm-filter {
  height: 100%;
}
.map-alarm-filter .map-alarm-filter-header {
  background-color: #FF5252;
  display: block;
  height: 108px;
  position: relative;
  width: 100%;
  z-index: 3;
  display: inline-block !important;
}
.map-alarm-filter .map-alarm-filter-header .map-alarm-filter-header-row:nth-of-type(1) {
  bottom: 4px;
  left: 20px;
  position: absolute;
  width: calc(100% - 20px);
}
.map-alarm-filter .map-alarm-filter-header .map-alarm-filter-header-row:nth-of-type(1) mat-form-field:nth-of-type(1) {
  margin: 0 48px 0 4px;
}
.map-alarm-filter .map-alarm-filter-header .group-filter-label {
  margin-left: -3.7% !important;
}
.map-alarm-filter .map-alarm-filter-header .group-filter-label,
.map-alarm-filter .map-alarm-filter-header .alarm-filter-label {
  color: rgba(0, 0, 0, 0.55);
  font-size: 14px;
}
.map-alarm-filter .map-alarm-filter-header .close-filter {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 20px;
  color: #FFF !important;
  cursor: pointer;
  font-size: 22px;
  margin: 0 8px 0 auto;
  outline: none;
  padding: 2px 4px;
  position: absolute;
  left: 16px;
  top: 8px;
}
.map-alarm-filter .map-alarm-filter-header .close-filter:hover {
  background-color: rgba(0, 0, 0, 0.2);
  color: #E5E5E5;
}
.map-alarm-filter-contents {
  background-color: #FFF;
  display: block;
  height: -webkit-calc(100% - 108px);
  height: -moz-calc(100% - 108px);
  height: -o-calc(100% - 108px);
  height: calc(100% - 108px);
  left: 0;
  position: absolute;
  top: 108px;
  width: 100%;
  z-index: 2;
}
.map-alarm-filter-contents .normal-row {
  white-space: nowrap;
}
.map-alarm-filter-contents .normal-row .grid-cell-helper {
  white-space: initial;
}
.map-alarm-filter-contents .normal-row .normal-column:nth-of-type(3) {
  border-right: 1px dashed #CCC !important;
}
.map-alarm-filter #divAlarmFilterGrid {
  box-shadow: none;
  width: 100%;
}
.map-notification {
  background-color: rgba(255, 255, 255, 0.92);
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  color: #606060;
  display: none;
  font-size: 16px;
  height: 48px;
  left: 50%;
  margin: -32px 0 0 -90px;
  padding: 8px 24px 0 24px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 180px;
  z-index: 3440;
}
.map-site-heading {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  margin: 0 0 4px 0;
  max-width: 300px;
  width: 95%;
}
.map-site-subheading {
  max-width: 300px;
}
.map-site-subheading > span {
  font-size: 12px;
}
.map-site-subheading > span:first-of-type {
  font-weight: bold !important;
}
.map-site-link {
  display: block;
  font-size: 14px;
}
.map-site-channels {
  max-height: 180px;
  max-width: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.map-site-channels::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.map-site-channels::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.map-site-channels::-webkit-scrollbar-thumb {
  background-color: #8B8B8B;
  cursor: pointer;
}
.map-site-channels .map-site-channel {
  border-bottom: 0;
  padding: 2px 4px;
  white-space: nowrap;
}
.map-site-channels .map-site-channel:nth-of-type(odd) {
  background-color: #E8E8E8;
}
.map-site-channels .map-site-channel > div {
  vertical-align: top;
  white-space: normal;
}
.map-site-channels .map-site-channel > div:nth-child(1) {
  display: inline-block;
  font-weight: bold;
  width: 128px;
}
.map-site-channels .map-site-channel > div:nth-child(2) {
  display: inline-block;
  text-align: center;
  width: 132px;
}
.map-node-list {
  padding-top: 4px !important;
  height: 176px;
  position: relative;
}
.map-node-list .map-node-list-header {
  background-color: #CFE5FA;
  border-bottom: 1px solid #808080;
  border-top: 1px solid #808080;
  padding: 4px 8px;
}
.map-node-list .map-node-list-content {
  border-top: 1px solid #DDD;
  max-height: 176px;
  overflow-x: hidden;
  overflow-y: auto;
}
.map-node-list .map-node-list-content::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.map-node-list .map-node-list-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.map-node-list .map-node-list-content::-webkit-scrollbar-thumb {
  background-color: #8B8B8B;
  cursor: pointer;
}
.map-node-list .map-node-list-content .map-node-list-item {
  border-bottom: 1px solid #D5D5D5;
  padding: 3px 8px 1px 8px;
  position: relative;
}
.map-node-list .map-node-list-content .map-node-list-item:nth-child(odd) {
  background-color: #E8E8E8;
}
.map-node-list .map-node-list-content .map-node-list-item .node-status {
  font-weight: normal;
  padding-left: 0;
  position: static;
  text-align: left;
  top: 0;
}
.map-node-list .map-node-list-content .map-node-list-item .node-status > div:first-of-type {
  width: 44px;
}
.map-node-list .map-node-list-content .map-node-list-item .node-status > img {
  left: 8px;
  position: relative;
  top: 1px;
}
.map-node-list .map-node-list-content .map-node-list-item .node-title {
  font-size: 13px;
  line-height: 14px;
  position: relative;
  top: 2px;
  width: 80px;
}
.map-node-list .map-node-list-content .map-node-list-item .node-icon > img,
.map-node-list .map-node-list-content .map-node-list-item .node-icon > svg {
  position: relative;
  top: 2px;
  width: 28px;
}
.map-node-list .map-node-list-content .map-node-list-item .node-info {
  line-height: 13px;
  vertical-align: top;
}
.map-node-list .map-node-list-content .map-node-list-item .node-location {
  color: #9A9A9A;
  font-weight: normal;
  line-height: 14px;
  position: relative;
  vertical-align: top;
  white-space: normal;
}
.map-node-list .map-node-list-content .map-node-list-item .node-location > div:nth-child(odd):not(.goto-location) {
  width: 35% !important;
  display: inline-block;
}
.map-node-list .map-node-list-content .map-node-list-item .node-location > div:nth-child(even):not(.goto-location) {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 60% !important;
}
.map-node-list .map-node-list-content .map-node-list-item .node-location .goto-location {
  position: absolute;
  right: -4px;
  top: 4px;
  width: 16px;
}
.map-node-list .map-node-list-content .map-node-list-item > div {
  display: inline-block !important;
  font-weight: bold;
}
.map-node-list .map-node-list-content .map-node-list-item > div:nth-of-type(1) {
  display: inline-block;
  width: 20% !important;
}
.map-node-list .map-node-list-content .map-node-list-item > div:nth-of-type(2) {
  display: inline-block;
  width: 35% !important;
}
.map-node-list .map-node-list-content .map-node-list-item > div:nth-of-type(3) {
  display: inline-block;
  width: 40% !important;
}
.map-node-list .map-node-list-content .map-node-list-item > .small-icon-button {
  margin: 0 12px -8px 24px;
}
.map-node-list .map-node-list-empty {
  left: 50%;
  max-width: 60%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}
.google-map-popup-content {
  margin: 0 0 0 8px;
  min-height: 80px;
  min-width: 240px;
  position: relative;
}
.google-map-popup-content .dimming-slider-wrapper {
  height: 164px;
}
.google-map-popup-content .dimming-slider-wrapper .ui-slider {
  width: calc(100% - 72px) !important;
}
.google-map-popup-content .edit-button,
.google-map-popup-content .save-button {
  font-size: 12px;
  position: absolute;
  right: 24px;
  top: -3px;
}
.google-map-popup-content .map-node-dimming-value {
  color: #F7921E;
  font-size: 14px;
  font-weight: bold;
  margin-left: 12px;
  position: relative;
  top: 2px;
}
.google-map-popup-content .node-alarm-wrapper {
  height: 20px;
  position: absolute;
  right: 120px;
  top: 0;
  width: 20px;
}
.google-map-popup-content .node-rssi-wrapper {
  height: 24px;
  position: absolute;
  right: 58px;
  top: -2px;
  width: 24px;
}
.google-map-popup-content input.latitude,
.google-map-popup-content input.longitude {
  min-width: 100px;
  width: 100px;
}
.legend-item {
  display: inline-block;
  padding: 0 0 0 6px;
  position: relative;
  width: 180px;
}
.legend-item .mat-checkbox-label {
  height: 32px;
  white-space: nowrap;
}
.legend-item .mat-checkbox-inner-container {
  margin-left: 4px;
}
.legend-item-icon {
  display: inline-block;
  margin: 0 6px 0 -4px;
  position: relative;
  top: 4px;
}
.legend-label {
  color: #888;
  display: inline-block;
  font-size: 16px;
  left: 68px;
  position: absolute;
  top: 12px;
}
.legend-label.customization-label {
  left: 0;
}
.layer-item {
  margin: 0 0 8px 0;
  padding: 0;
  width: 180px;
}
.map-panel-header {
  color: #888;
  font-size: 20px;
  margin: 0 0 6px 12px;
  padding-left: 4px;
}
@font-face {
  font-family: Roboto Regular;
  src: url('../fonts/Roboto-Regular.ttf');
}
.body2 {
  color: #424343;
  font: normal 16px 'Roboto Regular' !important;
}
.subhead2 {
  color: #616261;
  font: 500 14px 'Roboto Regular' !important;
}
.app-menu-bar {
  background-color: #004876;
  height: 50px;
  position: absolute;
  width: 100%;
  z-index: 11;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.app-menu-bar.menu-search-expanded {
  background-color: #FFF;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}
.app-menu-bar nav {
  height: 50px;
}
.app-menu-bar #logo {
  display: inline-block;
}
.app-top-menu-wrapper {
  height: 50px;
  position: absolute;
  width: 100%;
  z-index: 11;
}
#logoimg {
  margin: 7px 0 0 7px;
}
mat-toolbar h1 {
  margin: auto;
  font-size: 1.250em;
  font-weight: 400;
}
body .md-select-menu-container md-option {
  height: 36px;
}
app-menu {
  /*box-shadow: 0 3px 5px rgba(60, 60, 60, 0.4);*/
  display: block;
  height: 50px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 11;
}
.app-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  vertical-align: top;
  white-space: nowrap;
  width: 90%;
}
@media screen and (max-width: 800px) {
  .app-menu {
    width: 100%;
  }
}
.app-menu a {
  color: #FFF;
}
.app-menu-section {
  cursor: pointer;
  display: inline-block;
  height: 50px;
  margin-right: 3px;
  min-width: 0;
  outline: none;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: auto;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.app-menu-section:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.app-menu-section.mobile-mode {
  background-color: #F5F5F5;
  border-bottom: 1px solid #C0C0C0;
  box-shadow: none;
  display: block !important;
  height: auto;
  max-height: 300px;
  overflow-y: auto;
  padding: 0 0 12px 0 !important;
  width: 100%;
}
.app-menu-section.mobile-mode::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.app-menu-section.mobile-mode::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.app-menu-section.mobile-mode::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.app-menu-section.mobile-mode > a {
  color: #454545 !important;
  display: block;
  font-size: 14px;
  padding: 12px 0 0 0;
  position: relative;
  text-decoration: none;
  top: 0;
  width: 100%;
}
.app-menu-section.mobile-mode > .app-menu-submenu {
  border-top: 1px solid #C0C0C0;
  box-shadow: none;
}
.menu-mobile {
  float: right;
  margin: 0 12px 0 3px !important;
}
.mobile-menu-icon,
.mobile-menu-user-icon {
  color: rgba(255, 255, 255, 0.9) !important;
  display: none;
  position: relative;
  top: 10px;
}
@media screen and (max-width: 600px) {
  .menu-user-header {
    display: none !important;
  }
  .mobile-menu-user-icon {
    display: inline-block !important;
  }
}
@media screen and (max-width: 800px) {
  .mobile-menu-icon {
    display: inline-block !important;
  }
}
/*
@-moz-keyframes dropHeader {
    0% {
        -moz-transform: translateY(-40px);
        border: 0;
    }
    50% {
        -moz-transform: translateY(40px);
        border: 0;
    }
    100% {
        -moz-transform: translateY(0);
        border-bottom: 4px solid #FFF;
    }
}
@-webkit-keyframes dropHeader {
    0% {
        -webkit-transform: translateY(-40px);
        border-bottom: 0;
    }
        50% {
        -webkit-transform: translateY(40px);
        border: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        border-bottom: 4px solid #FFF;
    }
}
@keyframes dropHeader {
    0% {
        transform: translateY(-40px);
        border-bottom: 0;
    }
        50% {
        transform: translateY(40px);
        border: 0;
    }
    100% {
        transform: translateY(0);
        border-bottom: 4px solid #FFF;
    }
}
*/
@media screen and (max-width: 800px) {
  .app-menu-section:not(.menu-user):not(.menu-search) {
    display: none;
  }
  .app-menu-section:not(.menu-user):not(.menu-search).menu-mobile {
    display: block;
  }
}
@media screen and (min-width: 800px) {
  .app-menu-section {
    display: inline-block;
    margin-right: 10px;
    max-width: none;
    min-width: 65px;
    width: 8%;
  }
  .app-menu-section.menu-mobile {
    display: none;
  }
}
.app-menu-section-active {
  border-bottom: 4px solid #FFF;
  height: 46px;
}
.app-menu-section:last-child {
  max-width: 100px;
  min-width: 100px;
}
@media screen and (min-width: 800px) {
  .app-menu-section:last-child {
    max-width: 180px;
    min-width: 180px;
  }
}
.app-menu-section ul {
  min-width: 175px;
  z-index: 5;
}
.app-menu-section:hover > ul,
.app-menu-submenu:hover {
  background-color: #FFF;
  left: auto;
  max-height: 600px;
  right: 0;
  z-index: 9;
}
.app-menu-section.expanded {
  max-height: 600px !important;
}
.app-menu-section.expanded .app-menu-submenu {
  max-height: 600px !important;
}
.app-menu-section:hover > a {
  color: #FFF;
}
.app-menu-section > div {
  display: block;
  margin: -9px auto 0 auto;
  position: absolute;
  top: 50%;
  width: 100%;
}
.app-menu-submenu {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
  left: auto;
  list-style-type: none;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  -webkit-transition: max-height 0.3s ease-in;
  -moz-transition: max-height 0.3s ease-in;
  -ms-transition: max-height 0.3s ease-in;
  -o-transition: max-height 0.3s ease-in;
  transition: max-height 0.3s ease-in;
}
.app-submenu-submenu {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
  left: auto;
  list-style-type: none;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  -webkit-transition: max-height 0.3s ease-in;
  -moz-transition: max-height 0.3s ease-in;
  -ms-transition: max-height 0.3s ease-in;
  -o-transition: max-height 0.3s ease-in;
  transition: max-height 0.3s ease-in;
  background-color: rgba(255, 255, 255, 0.9);
  display: none;
  max-height: none !important;
  overflow: visible !important;
  right: auto !important;
  top: auto !important;
}
.app-submenu-submenu > li {
  background-color: rgba(255, 255, 255, 0.9);
}
.app-submenu-submenu > li > a {
  font-size: 15px !important;
}
.app-menu-submenu a:hover .app-submenu-submenu,
.app-menu-submenu a .app-submenu-submenu:hover {
  display: block;
  margin: -32px 0 0 175px;
}
.app-menu-section.mobile-mode .app-menu-submenu {
  background: rgba(0, 0, 0, 0);
  color: #FFF;
  display: block;
  max-height: none;
  position: relative;
  top: 16px;
  width: 100% !important;
}
.app-menu-section.mobile-mode .app-menu-submenu a {
  color: #454545;
}
@media screen and (min-width: 600px) {
  .app-menu-submenu,
  .app-menu-section:hover ul {
    left: 0;
    right: auto;
  }
}
.app-menu-section.click-opened > ul {
  max-height: 600px;
  left: 0;
}
.app-menu-section.menu-user {
  margin-left: 54px;
  max-height: 50px;
  max-width: none;
  min-width: 65px;
  padding-left: 8px;
  top: auto;
  width: auto;
}
.app-menu-section.menu-user .app-menu-submenu {
  max-height: 0;
}
.app-menu-section.menu-user > a > div > .app-menu-user-left {
  display: inline-block;
  padding: 8px 0 auto 8px;
  text-align: left;
  text-transform: capitalize;
  width: 125px;
}
@media screen and (min-width: 800px) {
  .app-menu-section.menu-user > a > div > .app-menu-user-left {
    width: 125px;
  }
}
.app-menu-section.menu-user > a > div > .app-menu-user-left > div {
  font-size: 14px;
  line-height: 14px;
  margin: -2px 0 0 0;
  max-height: 28px;
  max-width: 132px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: normal;
}
.app-menu-section.menu-user > a > div > .app-menu-user-right {
  display: inline-block;
  font-size: 32px;
  width: 32px;
}
.app-menu-section.menu-user > a > div > .app-menu-user-right i.mdi-menu-down {
  font-size: 32px;
  color: #FFF;
  position: relative;
  top: -5px;
}
.app-menu-section.menu-admin {
  margin-right: 48px;
}
@media screen and (max-width: 900px) {
  .app-menu-section.menu-admin {
    margin-right: 16px;
  }
}
@media screen and (max-width: 800px) {
  .app-menu-section.menu-admin {
    margin-right: 4px !important;
  }
}
.app-menu-section .mdi-chevron-down {
  color: #FFF;
  font-size: 24px;
  position: relative;
  top: -3px;
}
.app-menu-section:not(.app-menu-section-active):hover > div > a {
  color: #FFF;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
}
.app-menu-section-active > a {
  color: #FFF;
  height: 34px;
}
.app-menu-section > a {
  color: #D7D7D7;
  display: block;
  font-size: 14px;
  padding: 16px 0 0 0;
  position: relative;
  text-decoration: none;
  top: 0;
  width: 100%;
}
.app-menu-section:last-child > a {
  padding: 0;
  top: 9px;
}
.app-menu-section.menu-search {
  left: 4px;
  max-width: 44px;
  min-width: 44px;
  text-align: center;
  width: 44px;
}
.app-menu-section.menu-search-expanded {
  max-width: none !important;
}
@media screen and (max-width: 800px) {
  .app-menu-section.menu-search-expanded {
    background-color: #FFF;
    left: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }
}
.app-menu-section.menu-search > a {
  color: #FFF;
  font-size: 20px;
  font-weight: 100;
  padding: 0;
  position: relative;
  top: 10px;
}
.app-menu-section.menu-search > a > i.mdi {
  color: #FFF !important;
}
.app-menu-section.menu-search search-bar {
  display: block;
  margin: 11px 0 0 0;
  width: 100%;
}
.app-menu-section.menu-search .menu-search-bar {
  display: none;
  outline: none;
  position: relative;
  top: -2px;
  width: 100%;
  z-index: 12 !important;
}
.app-menu-section.menu-search .menu-search-bar dropdown {
  width: 75px;
}
.app-menu-section.menu-search .menu-search-bar dropdown dropdown-content {
  min-width: 100px;
  width: auto;
}
.app-menu-section.menu-search .menu-search-bar dropdown dropdown-content dropdown-option {
  min-width: unset;
}
.app-menu-section.menu-search .menu-search-bar dropdown dropdown-label > div:first-of-type {
  padding: 0 12px 0 0;
}
.app-menu-section.menu-search .menu-search-bar dropdown dropdown-label {
  border-bottom: 0;
}
.app-menu-section.menu-search .menu-search-bar .results-preview {
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  display: inline-block;
  left: 141px;
  max-height: 300px;
  overflow-y: auto;
  position: absolute;
  text-align: left;
  top: 24px;
  width: 60%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.app-menu-section.menu-search .menu-search-bar .results-preview::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.app-menu-section.menu-search .menu-search-bar .results-preview::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.app-menu-section.menu-search .menu-search-bar .results-preview::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.app-menu-section.menu-search .menu-search-bar .results-preview .preview-results-type {
  color: #606060;
  font-weight: bold;
  margin: 4px 4px 0 4px;
  padding: 4px;
}
.app-menu-section.menu-search .menu-search-bar .results-preview .preview-result {
  color: #404040;
  overflow-x: hidden;
  padding: 3px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-menu-section.menu-search .menu-search-bar .results-preview .preview-result.highlighted-result {
  background-color: rgba(0, 0, 0, 0.5);
  color: #F8F8F8;
}
.app-menu-section.menu-search .menu-search-bar .results-preview .preview-result.highlighted-result .match-highlight {
  color: #404040;
}
.app-menu-section.menu-search .menu-search-bar .results-preview .preview-result .match-highlight {
  background-color: #FF6;
}
.app-menu-section.menu-search .menu-search-bar .results-preview .preview-result-type:hover,
.app-menu-section.menu-search .menu-search-bar .results-preview .preview-result:hover {
  background-color: rgba(0, 0, 0, 0.5);
  color: #F8F8F8;
}
.app-menu-section.menu-search .menu-search-bar .results-preview .preview-result-type:hover strong,
.app-menu-section.menu-search .menu-search-bar .results-preview .preview-result:hover strong {
  color: #404040;
}
.app-menu-section.menu-search .inner-search-button {
  color: #909090;
  display: inline-block;
  font-size: 24px;
  height: 23px;
  line-height: 19px;
  margin: 0 0 0 8px;
  padding: 1px 1px 1px 2px;
  width: 24px;
  vertical-align: top;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.app-menu-section.menu-search .inner-search-button:hover {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  border-radius: 4px;
  opacity: 0.75;
}
.app-menu-section.menu-search .outer-search-button {
  color: #F3F3F3;
  display: block;
  font-size: 24px;
}
.app-menu-section.menu-search .menu-search-label {
  color: #F3F3F3;
  display: inline-block;
  font-size: 15px;
  position: relative;
  top: -5px;
}
.app-menu-section.menu-search .menu-search-type {
  background-color: #F5F5F5;
  border: 1px solid #AAA;
  height: 20px;
  margin: 0 4px 0;
  padding-top: 2px;
  width: 80px;
}
.app-menu-section.menu-search .menu-search-field {
  background-color: #FFF;
  border: 1px solid #AAA;
  border-left: 0;
  color: #404040 !important;
  display: inline-block;
  font-size: 14px;
  height: 20px;
  margin: 0 4px 0 -4px;
  min-width: 200px;
  outline: none;
  padding: 1px 0 1px 4px;
  text-indent: 3px;
  vertical-align: top;
  width: 50%;
}
.app-menu-section.menu-search .search-bar-close {
  color: #909090;
  display: inline-block;
  font-size: 23px;
  height: 23px;
  line-height: 22px;
  margin: 0 16px 0 0;
  padding: 1px 0 0 0;
  position: relative;
  vertical-align: top;
  width: 24px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.app-menu-section.menu-search .search-bar-close:hover {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  border-radius: 4px;
  opacity: 0.75;
}
.app-menu-section.menu-devices .app-menu-submenu {
  width: 155px;
}
.app-menu-section.menu-reports .app-menu-submenu {
  width: 232px;
}
.app-menu-section.menu-favorites .app-menu-submenu {
  width: 290px;
}
.app-menu-section.menu-admin .app-menu-submenu {
  width: 210px;
}
.app-menu-section.menu-user .app-menu-submenu {
  width: 199px;
}
.app-menu-submenu li {
  border-bottom: 1px dotted #E5E5E5;
  padding: 12px 0 12px 15px;
  position: relative;
}
.app-menu-section.mobile-mode .app-menu-submenu li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #454545;
  font-size: 15px;
  padding: 10px 0 10px 15px;
}
.app-menu-submenu li:hover {
  background-color: #E7E7E7;
  color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.app-menu-submenu a {
  color: #424343;
  font: normal 16px 'Roboto Regular' !important;
}
.app-menu-submenu a:hover {
  color: #101010 !important;
}
.app-menu-submenu.devices-menu:hover {
  overflow: visible;
}
.app-menu-submenu.favorites-menu {
  overflow-y: auto;
}
.app-menu-submenu.favorites-menu::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.app-menu-submenu.favorites-menu::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.app-menu-submenu.favorites-menu::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.app-menu-submenu.favorites-menu a {
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: normal;
  width: 100%;
}
.app-menu-submenu.favorites-menu a > .grid-cell-helper {
  left: 44px;
  text-align: left;
  width: calc(100% - 48px);
}
.app-menu-section.menu-favorites.mobile-mode a .grid-cell-helper {
  font-size: 15px !important;
}
.app-menu-submenu.favorites-menu icon {
  font-size: 20px;
}
.app-menu-submenu.favorites-menu li {
  padding: 0;
}
.menu-favorites.mobile-mode .app-menu-submenu.favorites-menu li {
  height: 32px;
  padding: 4px;
}
.favorite-item {
  display: table;
  min-height: 32px;
  padding: 4px 0;
  position: relative;
  width: 100%;
}
.favorite-item .favorite-item-icon {
  left: 16px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.favorite-item .favorite-item-label {
  color: #454545;
  display: table-cell;
  font-size: 16px;
  padding: 0 12px 0 48px;
  vertical-align: middle;
  white-space: normal;
  width: 100%;
}
.app-menu-submenu.favorites-menu .favorite-icon-group-wrapper,
.app-menu-submenu.favorites-menu .favorite-icon-site-wrapper {
  cursor: pointer;
  height: 24px;
  left: 12px;
  padding: 0 0 0 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(0, -50%);
}
.app-menu-submenu.favorites-menu .favorite-icon-group-wrapper svg,
.app-menu-submenu.favorites-menu .favorite-icon-site-wrapper svg {
  height: 24px !important;
  width: 24px !important;
}
.app-menu-submenu.favorites-menu .favorite-icon-group-wrapper svg g path,
.app-menu-submenu.favorites-menu .favorite-icon-site-wrapper svg g path {
  fill: #757575;
}
.app-menu-section.menu-favorites.mobile-mode .favorite-icon-group-wrapper img,
.app-menu-section.menu-favorites.mobile-mode .favorite-icon-site-wrapper img {
  margin-top: -2px;
}
.app-menu-submenu.favorites-menu .favorite-icon-wrapper icon path {
  fill: #606060;
}
.sub-nav-bar {
  background-color: #0078C4;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
  font-size: 14px;
  height: 38px !important;
  max-height: initial !important;
  min-height: initial !important;
  position: relative;
  white-space: nowrap;
  width: 100%;
  z-index: 9;
}
@media screen and (max-width: 600px) {
  .sub-nav-bar {
    box-shadow: none !important;
  }
}
.sub-nav-bar > .sub-nav-right-side-wrapper {
  height: 38px;
  position: absolute;
  right: 0;
  top: 0;
  width: 60%;
}
.sub-nav-bar[section] {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45) !important;
}
.sub-nav-bar .breadcrumb-label-toggle {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-left: 4px !important;
  margin-right: 4px !important;
  min-height: 32px;
  width: 48px;
}
.sub-nav-bar .breadcrumb-label-toggle > i.mdi,
.sub-nav-bar .breadcrumb-label-toggle > img {
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 21px !important;
  left: 50%;
  position: absolute;
  top: -1px;
  transform: translate(-50%, 0);
}
.sub-nav-bar .breadcrumb-label-toggle > .breadcrumb-item-label {
  bottom: 0px;
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 12px !important;
  left: 50%;
  position: absolute;
  top: auto;
  transform: translate(-50%, 0);
}
.sub-nav-bar .breadcrumb-label-toggle:hover {
  color: rgba(255, 255, 255, 0.9) !important;
}
.sub-nav-bar .breadcrumb-label-toggle:hover > i.mdi,
.sub-nav-bar .breadcrumb-label-toggle:hover > .breadcrumb-item-label {
  color: rgba(255, 255, 255, 0.9) !important;
}
.sub-nav-bar .breadcrumb-button,
.sub-nav-bar .breadcrumb-label-toggle {
  margin-right: 8px !important;
  display: inline-block;
  float: right;
  height: calc(100% - 4px);
  padding: 4px 4px 0 4px;
  position: relative;
}
.sub-nav-bar .breadcrumb-button > i.mdi,
.sub-nav-bar .breadcrumb-label-toggle > i.mdi {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: rgba(255, 255, 255, 0.6) !important;
}
.sub-nav-bar .breadcrumb-button > i.mdi:hover,
.sub-nav-bar .breadcrumb-label-toggle > i.mdi:hover {
  color: rgba(255, 255, 255, 0.9) !important;
}
.sub-nav-bar .breadcrumb-button > img,
.sub-nav-bar .breadcrumb-label-toggle > img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  opacity: 0.6;
}
.sub-nav-bar .breadcrumb-button > img:hover,
.sub-nav-bar .breadcrumb-label-toggle > img:hover {
  opacity: 1.0 !important;
}
.sub-nav-bar .breadcrumb-button > mat-icon,
.sub-nav-bar .breadcrumb-label-toggle > mat-icon {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  margin: 2px 0 0 0;
}
.sub-nav-bar .breadcrumb-button > mat-icon line,
.sub-nav-bar .breadcrumb-label-toggle > mat-icon line {
  stroke: rgba(255, 255, 255, 0.6) !important;
}
.sub-nav-bar .breadcrumb-button > mat-icon:hover line,
.sub-nav-bar .breadcrumb-label-toggle > mat-icon:hover line {
  stroke: rgba(255, 255, 255, 0.9) !important;
}
.sub-nav-bar .breadcrumb-button > mat-icon path,
.sub-nav-bar .breadcrumb-label-toggle > mat-icon path,
.sub-nav-bar .breadcrumb-button > mat-icon polygon,
.sub-nav-bar .breadcrumb-label-toggle > mat-icon polygon {
  fill: rgba(255, 255, 255, 0.6) !important;
}
.sub-nav-bar .breadcrumb-button > mat-icon:hover path,
.sub-nav-bar .breadcrumb-label-toggle > mat-icon:hover path,
.sub-nav-bar .breadcrumb-button > mat-icon:hover polygon,
.sub-nav-bar .breadcrumb-label-toggle > mat-icon:hover polygon {
  fill: rgba(255, 255, 255, 0.9) !important;
}
.sub-nav-bar .breadcrumb-button:hover,
.sub-nav-bar .breadcrumb-label-toggle:hover {
  background-color: rgba(0, 0, 0, 0.16) !important;
}
.sub-nav-bar .breadcrumb-button.toggled,
.sub-nav-bar .breadcrumb-label-toggle.toggled {
  background-color: rgba(0, 0, 0, 0.24) !important;
}
.sub-nav-bar .breadcrumb-button.disabled,
.sub-nav-bar .breadcrumb-label-toggle.disabled {
  background-color: rgba(0, 0, 0, 0.24) !important;
}
.sub-nav-bar .breadcrumb-button.disabled > i.mdi,
.sub-nav-bar .breadcrumb-label-toggle.disabled > i.mdi {
  opacity: 0.35;
}
.sub-nav-bar button.breadcrumb-button.light-theme {
  color: #FFF;
  height: 100% !important;
  padding: 8px !important;
}
.sub-nav-bar mat-form-field {
  height: 32px;
  margin: 6px 0 0 12px;
}
.sub-nav-bar .mat-form-field-infix {
  border: 0;
  width: auto;
}
@media screen and (max-width: 960px) {
  .sub-nav-bar {
    top: -4px;
  }
}
.sub-nav-bar .mat-form-field-label-wrapper,
.sub-nav-bar .mat-form-field-underline {
  display: none;
}
.sub-nav-bar .mat-select-arrow {
  color: #ffffff;
}
.sub-nav-bar .mat-select-value {
  max-width: 400px;
  min-width: 110px;
  width: auto;
}
.sub-nav-bar .mat-select-value-text,
.sub-nav-bar .mat-select-value-text span {
  color: #FFF;
  font-family: "Roboto Regular";
  font-size: 14px;
}
.sub-nav-bar .mat-select-arrow-wrapper {
  left: 4px;
  position: relative;
}
.sub-nav-bar i.mdi-star {
  z-index: 9;
}
button.breadcrumb-button {
  margin-top: 0 !important;
  height: 32px !important;
  padding: 0 0 2px 0 !important;
}
.hidden-action-bar .breadcrumb-button,
.hidden-action-bar .breadcrumb-label-toggle {
  margin-top: 0 !important;
}
.hidden-action-bar .breadcrumb-button > i.mdi,
.hidden-action-bar .breadcrumb-label-toggle > i.mdi {
  color: rgba(30, 30, 30, 0.6) !important;
}
.hidden-action-bar .breadcrumb-button > i.mdi:hover,
.hidden-action-bar .breadcrumb-label-toggle > i.mdi:hover {
  color: rgba(30, 30, 30, 0.7) !important;
}
.sub-nav-bar > i {
  color: #FFF !important;
  display: inline-block;
  position: relative;
  top: 4px;
  vertical-align: top;
  z-index: 9;
}
.sub-nav-bar i.mdi-star.favorite {
  color: #fafa96 !important;
}
.breadcrumb-chevron-wrapper {
  display: inline-block;
  height: 38px;
  overflow: hidden;
}
.breadcrumb-separator {
  border-right: 1px solid #C6C6C6;
  height: 32px;
  float: right;
  margin: 0 8px;
}
#divMapFooter .breadcrumb-chevron-wrapper {
  height: 19px !important;
}
.sub-nav-bar .breadcrumb-chevron-wrapper .breadcrumb-chevron {
  color: rgba(220, 220, 220, 0.34);
  display: inline-block;
  font-size: 4em;
  line-height: 38px;
  position: relative;
  top: 0;
}
.sub-nav-bar .breadcrumb-item {
  color: #FFF;
  display: inline-block;
  margin: 0 8px;
  position: relative;
  text-transform: capitalize;
  top: 10px;
  vertical-align: top;
}
.sub-nav-bar .breadcrumb-item a,
.sub-nav-bar a.breadcrumb-item {
  color: #FFF !important;
}
.sub-nav-bar .text-button {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.6) !important;
  cursor: pointer;
  font-size: 12px;
  height: 32px;
  margin-top: 2px;
  padding: 1px 0 0 0;
  text-align: center;
  white-space: normal;
  width: 56px;
}
.sub-nav-bar .text-button:hover {
  color: rgba(255, 255, 255, 0.9) !important;
}
@media screen and (max-width: 600px) {
  .site-sub-nav-bar .snb-overhang-1,
  .site-sub-nav-bar .snb-overhang-2,
  .site-sub-nav-bar .snb-overhang-3,
  .site-sub-nav-bar .snb-overhang-4 {
    display: none;
  }
}
.snb-overhang {
  display: block;
  height: 1px;
  left: auto;
  position: absolute;
  right: 0;
  top: 38px;
  width: 50%;
  z-index: 8;
}
.snb-overhang.top-bottom-view {
  width: 100% !important;
}
@media screen and (max-width: 600px) {
  .snb-overhang {
    width: 100% !important;
  }
}
.snb-overhang-1.left-side-wrapper,
.snb-overhang-1 + .snb-overhang-2.left-side-wrapper,
.snb-overhang-1 + .snb-overhang-2 + .snb-overhang-3.left-side-wrapper,
.snb-overhang-1 + .snb-overhang-2 + .snb-overhang-3 + .snb-overhang-4.left-side-wrapper {
  left: 0;
  right: auto;
}
.snb-overhang-1.right-side-wrapper,
.snb-overhang-1 + .snb-overhang-2.right-side-wrapper,
.snb-overhang-1 + .snb-overhang-2 + .snb-overhang-3.right-side-wrapper,
.snb-overhang-1 + .snb-overhang-2 + .snb-overhang-3 + .snb-overhang-4.right-side-wrapper {
  left: auto;
  right: 0;
}
.snb-overhang-1 {
  display: block;
  height: 1px;
  left: auto;
  position: absolute;
  right: 0;
  width: 50%;
  z-index: 8;
  background-color: rgba(0, 0, 0, 0.38);
  top: 38px;
}
.snb-overhang-1.top-bottom-view {
  width: 100% !important;
}
@media screen and (max-width: 600px) {
  .snb-overhang-1 {
    width: 100% !important;
  }
}
.snb-overhang-2 {
  display: block;
  height: 1px;
  left: auto;
  position: absolute;
  right: 0;
  top: 38px;
  width: 50%;
  z-index: 8;
  background-color: rgba(0, 0, 0, 0.24);
  top: 39px;
}
.snb-overhang-2.top-bottom-view {
  width: 100% !important;
}
@media screen and (max-width: 600px) {
  .snb-overhang-2 {
    width: 100% !important;
  }
}
.snb-overhang-3 {
  display: block;
  height: 1px;
  left: auto;
  position: absolute;
  right: 0;
  top: 38px;
  width: 50%;
  z-index: 8;
  background-color: rgba(0, 0, 0, 0.12);
  top: 40px;
}
.snb-overhang-3.top-bottom-view {
  width: 100% !important;
}
@media screen and (max-width: 600px) {
  .snb-overhang-3 {
    width: 100% !important;
  }
}
.snb-overhang-4 {
  display: block;
  height: 1px;
  left: auto;
  position: absolute;
  right: 0;
  top: 38px;
  width: 50%;
  z-index: 8;
  background-color: rgba(0, 0, 0, 0.06);
  top: 41px;
}
.snb-overhang-4.top-bottom-view {
  width: 100% !important;
}
@media screen and (max-width: 600px) {
  .snb-overhang-4 {
    width: 100% !important;
  }
}
.hidden-action-bar {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #FFF;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  height: 32px;
  left: 0;
  min-height: 32px !important;
  padding: 8px 4px;
  position: absolute;
  top: 0;
  vertical-align: top;
  white-space: nowrap;
  width: calc(100% - 8px);
  z-index: 20;
}
.hidden-action-bar .left-side-wrapper {
  display: inline-block;
  min-width: 50px;
  padding: 0 0 0 4px;
  vertical-align: top;
  white-space: nowrap;
  width: calc(25% - 4px) !important;
}
.hidden-action-bar .right-side-wrapper {
  display: inline-block;
  min-width: 150px;
  padding: 0 8px;
  vertical-align: top;
  white-space: nowrap;
  width: calc(75% - (8px * 2)) !important;
}
.hidden-action-bar .left-side-wrapper i.mdi,
.hidden-action-bar .right-side-wrapper i.mdi {
  border-radius: 2px;
  cursor: pointer;
  height: 30px;
  margin: 0 0 0 8px;
  text-align: center;
  width: 30px;
}
.hidden-action-bar .left-side-wrapper i.mdi:hover,
.hidden-action-bar .right-side-wrapper i.mdi:hover {
  background-color: #E8E8E8;
}
.hidden-action-bar .close-button {
  border-radius: 2px !important;
  cursor: pointer !important;
  font-size: 20px !important;
  height: 30px !important;
  text-align: center !important;
  width: 30px !important;
}
.hidden-action-bar .close-button:hover {
  background-color: #E8E8E8 !important;
}
.hidden-action-bar .menu-stack .menu-toggle i.mdi {
  color: rgba(30, 30, 30, 0.6) !important;
}
.hidden-action-bar .menu-stack .menu-toggle i.mdi:hover {
  color: rgba(30, 30, 30, 0.7) !important;
}
.no-box-shadow {
  box-shadow: none !important;
}
nine-dot-menu {
  display: inline-block;
  float: right;
  margin: 4px 16px 0 0;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 600px) {
  nine-dot-menu {
    display: inline-block !important;
  }
}
@media screen and (min-width: 600px) {
  .nine-dot-menu {
    right: 29px;
  }
}
.nine-dot-menu > i.nine-dot-menu-toggle {
  color: rgba(255, 255, 255, 0.6) !important;
  margin: 0 0 0 8px !important;
}
i.mdi-apps:hover,
.nine-dot-menu > i.nine-dot-menu-toggle:hover {
  color: rgba(255, 255, 255, 0.9) !important;
}
.nine-dot-menu .menu-content {
  background-color: #FFF;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  display: none;
  position: absolute;
  right: 0;
  top: 35px;
}
.nine-dot-menu .menu-row {
  border-bottom: 1px solid #E8E8E8 !important;
  display: block;
  height: 80px;
}
.nine-dot-menu .menu-row:last-child {
  border-bottom: 0 !important;
}
.nine-dot-menu .menu-item {
  border-right: 1px solid #E8E8E8 !important;
  color: #999;
  cursor: pointer;
  display: inline-block;
  height: 73px;
  outline: none;
  overflow: hidden;
  padding: 7px 0 0 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.nine-dot-menu .menu-item:hover {
  background-color: #E8E8E8;
}
.nine-dot-menu .menu-item > i.mdi {
  font-size: 32px;
}
.nine-dot-menu .menu-item > div.description1 {
  font-size: 11px !important;
  margin-bottom: 2px;
}
.nine-dot-menu .menu-item.single-description > i.mdi {
  margin: 4px 0 3px 0;
}
.nine-dot-menu .menu-item.single-description > div.description1 {
  font-size: 14px !important;
}
.nine-dot-menu .menu-item.action-active {
  color: #49B050;
  font-weight: bold;
}
.nine-dot-menu .menu-item.action-active > i.mdi {
  color: #49B050;
}
.nine-dot-menu .menu-item.warning {
  background-color: #EF5351;
  color: #FFF;
}
.nine-dot-menu .menu-item.warning:hover {
  background-color: #DE4849;
}
.nine-dot-menu .menu-item.warning > i.mdi {
  color: #FFF;
}
.nine-dot-menu .menu-item md-switch {
  height: 20px;
  margin: 0 8px;
}
.menu-stack {
  cursor: pointer;
  display: inline-block;
  float: right;
  margin: 4px 16px 0 4px;
  position: relative;
  z-index: 9;
  /* // Optional shadow
    .menu-panel:before {
        box-shadow: 0 3px 5px rgba(60, 60, 60, 0.4);
        content: '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
        color: #FFF;
        left: 0px;
        position: relative;
        top: -17px;
    }
    */
}
.menu-stack .menu-toggle {
  position: relative;
  width: 40px;
}
.menu-stack .menu-toggle:after {
  color: rgba(255, 255, 255, 0.6);
  content: '\25BE';
  cursor: pointer;
  font-size: 22px;
  margin: -4px 0 0 0;
  padding: 0 0 0 8px;
  position: absolute;
  transform: rotate(90deg);
  width: 16px;
}
.menu-stack .menu-toggle i.mdi {
  color: rgba(255, 255, 255, 0.6);
  left: 0;
  position: relative;
}
.menu-stack .menu-toggle:hover:after,
.menu-stack .menu-toggle:hover i.mdi {
  color: rgba(255, 255, 255, 0.9);
}
.menu-stack .menu-panel {
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  color: #404040 !important;
  display: none;
  left: auto;
  margin-top: 5px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  right: -8px;
  width: 300px;
}
.menu-stack .menu-panel::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.menu-stack .menu-panel::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.menu-stack .menu-panel::-webkit-scrollbar-thumb {
  background-color: #8B8B8B;
  cursor: pointer;
}
.menu-stack .menu-panel .close-panel {
  border-radius: 16px;
  padding: 0 3px 2px 3px;
  position: absolute;
  right: 16px;
  top: 8px;
}
.menu-stack .menu-panel .close-panel:hover {
  background: rgba(0, 0, 0, 0.2);
}
.menu-stack .menu-panel .menu-panel-content-header {
  font-size: 18px;
  line-height: 0;
  padding: 24px 0 24px 16px;
  font-weight: bold;
}
.menu-stack .menu-item,
.menu-stack .menu-accordion-header,
.menu-stack .menu-panel-slide-header {
  border-bottom: 1px solid #E8E8E8;
  clear: both;
  color: #404040 !important;
  cursor: pointer;
  display: block;
  float: none;
  font-weight: bold;
  padding: 10px 12px 10px 18px;
  position: relative;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
  vertical-align: middle;
  white-space: nowrap;
}
.menu-stack .menu-item-cell {
  height: 30px;
  right: auto;
  min-width: auto !important;
  overflow: visible;
}
.menu-stack .menu-accordion-header,
.menu-stack .menu-panel-slide-header {
  cursor: pointer;
}
.menu-stack .menu-item:last-of-type {
  border-bottom: 0;
}
.menu-stack .menu-item > a,
.menu-stack .menu-item > div,
.menu-stack .menu-accordion-header > div,
.menu-stack .menu-panel-slide-header > div {
  color: #404040;
  display: inline-block;
  min-width: 200px;
  overflow-x: hidden;
  text-align: left;
  text-decoration: none;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: 82%;
}
.menu-stack .menu-item > a > i.mdi,
.menu-stack .menu-item > a > mat-icon {
  left: 8px;
  position: absolute;
  top: 4px;
}
.menu-stack .menu-item > a > i.mdi + div.menu-item-label,
.menu-stack .menu-item > a > mat-icon + div.menu-item-label {
  margin-left: 24px !important;
  display: inline-block;
}
.menu-stack .menu-item > a > mat-icon {
  top: 8px;
}
.menu-stack .menu-item > i.mdi,
.menu-stack .menu-accordion-header > i.mdi,
.menu-stack .menu-panel-slide-header > i.mdi {
  color: rgba(0, 0, 0, 0.55) !important;
  margin-top: -6px;
  max-height: 32px;
  max-width: 32px;
  position: absolute;
  right: 8px;
  vertical-align: middle;
}
.menu-stack .menu-item > i.mdi.full-color,
.menu-stack .menu-accordion-header > i.mdi,
.menu-stack .menu-panel-slide-header > i.mdi {
  color: rgba(0, 0, 0, 0.5);
}
.menu-stack .menu-item > mat-checkbox,
.menu-stack .menu-item > md-switch {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 7px;
  vertical-align: middle;
}
.menu-stack .menu-item mat-slide-toggle {
  position: absolute;
  right: 16px;
  top: 8px;
}
.menu-stack .menu-item:hover,
.menu-stack .menu-accordion-header:hover,
.menu-stack .menu-panel-slide-header:hover {
  background-color: #E7E7E7;
}
.menu-stack .menu-item.align-left i.mdi {
  left: 8px;
}
.menu-stack .menu-item.align-left > mat-icon {
  left: -2px;
}
.menu-stack .menu-item.align-left > a,
.menu-stack .menu-item.align-left > div,
.menu-stack .menu-item.align-left > mat-icon,
.menu-stack .menu-accordion-header.align-left > div,
.menu-stack .menu-panel-slide-header.align-left > div {
  text-indent: 24px;
}
.menu-stack .menu-item-mobile {
  display: none;
  max-height: 18px;
}
@media screen and (max-width: 600px) {
  .menu-stack .menu-item-mobile {
    display: block;
  }
}
.menu-stack i.mdi-site-map {
  transform: rotate(-90deg);
  transform-origin: 11px 14px;
}
.menu-stack .menu-divider {
  background: rgba(0, 0, 0, 0.07);
  display: block;
  height: 24px;
}
.menu-stack .menu-accordion .menu-item {
  display: none;
  padding-left: 24px;
}
.menu-stack .menu-panel-slide .menu-panel {
  display: none;
  height: 100%;
  left: 0;
  margin: 0;
  right: auto;
  top: 0;
  width: 100%;
  z-index: 3;
}
.menu-stack mat-slide-toggle {
  display: block;
}
.menu-stack .menu-panel-empty-message {
  color: #B2B2B2;
  font-size: 16px;
  left: 20%;
  max-width: 75%;
  position: absolute;
  right: 20%;
  text-align: center;
  top: calc(50% - 8px);
  transform: translate(0, -50%);
  white-space: normal;
}
.menu-stack .menu-panel-list {
  max-height: 100%;
  overflow-y: auto;
  position: relative;
}
.menu-stack .menu-panel-list::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.menu-stack .menu-panel-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.menu-stack .menu-panel-list::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.menu-stack > .menu-panel {
  max-height: 600px;
}
.menu-item-alert-icon,
.menu-item-group-dimming-icon,
.menu-item-trouble-ticket-icon {
  color: #757575;
  height: 22px;
  left: -4px !important;
  margin-top: -12px;
  max-width: 30px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, 0);
  width: 22px;
}
.menu-item-group-dimming-icon {
  height: 20px !important;
  left: 20px !important;
  top: 22px !important;
  width: 20px !important;
}
.menu-item-toggle-mask {
  background-color: rgba(0, 0, 0, 0);
  height: 28px;
  left: auto;
  min-width: 0;
  position: absolute;
  right: 0px;
  top: 4px;
  width: 64px;
  z-index: 6;
}
.feedback-dialog .feedback-content {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.feedback-dialog .feedback-content > label,
.feedback-dialog .feedback-content > mat-input-container {
  max-width: 300px;
}
.feedback-dialog .feedback-content #txtFeedbackText {
  height: 210px;
}
md-dialog .dialog-scrollable-content {
  max-height: 400px;
  min-height: 350px;
}
reports {
  z-index: 6;
}
reports-home,
report-create,
report-template-create,
report-preview,
report-templates {
  width: 100% !important;
  display: block;
  margin: 0 auto;
  max-width: 960px !important;
}
.reports-grid-header {
  background-color: #FFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.36);
  color: #757575;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 15px 16px;
  position: relative;
  text-align: left;
  width: calc(100% - (2 * 16px));
}
.reports-grid-header > mat-input-container-legacy {
  font-weight: normal;
  position: absolute;
  right: 16px;
  top: 2px;
  width: 120px;
}
report-create,
report-template-create {
  background-color: #FFF;
}
report-template-create {
  background-color: #FFF;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
}
.reports-page {
  height: 100%;
}
.reports-content {
  box-shadow: 0 3px 6px #AAA;
  text-align: center;
}
.reports-content mat-menu > i.mdi {
  color: #FFF;
}
.reports-content .avatar-circle {
  background-color: #FF5722;
  border-radius: 15px;
  box-shadow: 0 3px 6px #AAA;
  color: #FFF;
  cursor: pointer;
  font-size: 17px;
  font-weight: normal;
  height: 25px;
  margin: 0 8px 0 0;
  overflow: hidden;
  padding-top: 5px;
  text-align: center;
  -webkit-filter: brightness(100%);
  width: 30px;
}
.reports-home-content {
  width: 100% !important;
  margin: 0 auto;
  min-width: 215px;
  text-align: center;
}
.report-create-content {
  background-color: #FFF;
  box-shadow: 0 3px 6px #AAA;
  margin: 0 auto;
  max-width: 960px;
}
.report-create-content .bottom-actions {
  margin-top: 0 !important;
}
.report-steps {
  background-color: #FFF;
  border-bottom: 1px solid #EEE;
  font-size: 0;
  text-align: left;
  white-space: nowrap;
}
.report-steps .report-step-header.step-1 {
  width: 20%;
}
.report-steps .report-step-header.step-1 > .report-step-inner-header {
  width: 150px;
}
.report-steps .report-step-header.step-2 {
  width: 34%;
}
.report-steps .report-step-header.step-2 > hr {
  width: calc(100% - (150px + 8px + 4px));
}
.report-steps .report-step-header.step-2 > .report-step-inner-header {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
}
.report-steps .report-step-header.step-3 {
  width: 34%;
}
.report-steps .report-step-header.step-3 > hr {
  width: calc(100% - (125px + 8px + 4px));
}
.report-steps .report-step-header.step-3 > .report-step-inner-header {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
}
.report-steps .report-step-header.step-4 {
  width: 22%;
}
.report-steps .report-step-header.step-4 > hr {
  width: calc(100% - (100px + 8px + 4px));
}
.report-steps .report-step-header.step-4 > .report-step-inner-header {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px;
}
.report-step-header {
  background-color: #FFF;
  display: inline-block;
  font-size: 14px;
  height: 60px;
  text-align: right;
  white-space: nowrap;
}
.report-step-header > hr {
  display: inline-block;
  vertical-align: top;
}
.report-step-header > .report-step-inner-header {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  height: 48px;
  overflow: hidden;
  padding: 8px 4px 4px 0 !important;
  vertical-align: top;
}
.report-step-header > .report-step-inner-header:hover {
  background-color: #F2F2F2;
}
@media screen and (max-width: 600px) {
  .report-step-header {
    display: block;
    text-align: left;
    width: 100%;
  }
}
.report-step {
  background-color: #FFF;
  min-height: 200px;
}
.report-step.step-1 input[type="text"] {
  color: #808080;
  font-size: 18px;
}
.report-step.step-2 {
  margin-bottom: 16px !important;
}
.report-step.step-2 > div:first-of-type {
  border-bottom: 1px solid #DDD;
}
@media screen and (min-width: 600px) {
  .report-step.step-2 > div:first-of-type {
    border-bottom: 0;
    border-right: 1px solid #DDD;
  }
}
.report-step.step-2 mat-input-container {
  width: 75%;
}
.report-step.step-3 {
  max-height: 616px;
}
.report-step.step-3 .filters {
  max-height: 568px;
  overflow-x: hidden;
  overflow-y: auto;
}
.report-step.step-3 .search-results {
  max-height: 600px;
  overflow-y: auto;
}
.report-step.step-4 mat-input-container {
  width: 60%;
}
.report-step.step-4 > div:nth-of-type(1),
.report-step.step-4 > div:nth-of-type(2) {
  border-bottom: 1px solid #DDD;
}
@media screen and (min-width: 600px) {
  .report-step.step-4 > div:nth-of-type(1),
  .report-step.step-4 > div:nth-of-type(2) {
    border-bottom: 0;
    border-right: 1px solid #DDD;
  }
}
.report-steps .step-1.active .report-step-name,
.report-steps .step-2.active .report-step-name,
.report-steps .step-3.active .report-step-name,
.report-steps .step-4.active .report-step-name {
  font-weight: bold;
}
.report-steps .report-step-number {
  font-size: 16px;
  left: 11px;
  position: absolute;
  top: 6px;
}
.report-steps .report-step-checked {
  color: #FFF;
  font-size: 20px;
  left: 6px;
  position: absolute;
  top: 4px;
}
.report-steps + .report-step .report-step-content {
  position: relative;
  white-space: nowrap;
}
.report-steps + .report-step .report-step-content > .left-side-wrapper,
.report-steps + .report-step .report-step-content > .right-side-wrapper {
  display: inline-block;
  max-height: 400px;
  min-height: 400px;
  position: relative;
  text-align: left;
  vertical-align: top;
  white-space: normal;
  width: 50%;
}
.report-steps + .report-step .report-step-content > .first-third {
  border-right: 1px solid #DDD;
  display: inline-block;
  font-size: 14px;
  text-align: left;
  vertical-align: top;
  white-space: normal;
  width: 30%;
}
.report-steps + .report-step .report-step-content > .first-third.take-half {
  width: 50% !important;
}
@media screen and (max-width: 600px) {
  .report-steps + .report-step .report-step-content > .first-third.take-half {
    width: 100% !important;
  }
}
@media screen and (max-width: 600px) {
  .report-steps + .report-step .report-step-content > .first-third {
    display: block !important;
    width: 100% !important;
  }
}
.report-steps + .report-step .report-step-content > .middle-third {
  border-right: 1px solid #DDD;
  display: inline-block;
  font-size: 14px;
  position: relative;
  text-align: left;
  vertical-align: top;
  white-space: normal;
  width: 40%;
}
@media screen and (max-width: 600px) {
  .report-steps + .report-step .report-step-content > .middle-third {
    display: block !important;
    width: 100% !important;
  }
}
.report-steps + .report-step .report-step-content > .last-third {
  display: inline-block;
  font-size: 14px;
  text-align: left;
  vertical-align: top;
  white-space: normal;
  width: 30%;
}
.report-steps + .report-step .report-step-content > .last-third.take-half {
  width: 50% !important;
}
@media screen and (max-width: 600px) {
  .report-steps + .report-step .report-step-content > .last-third.take-half {
    width: 100% !important;
  }
}
@media screen and (max-width: 600px) {
  .report-steps + .report-step .report-step-content > .last-third {
    display: block !important;
    width: 100% !important;
  }
}
.report-step-content {
  font-size: 0;
}
.report-step-content .left-side-wrapper {
  font-size: 14px;
}
.report-step-content .left-side-wrapper .report-copy-list,
.report-step-content .left-side-wrapper .report-template-list {
  height: 348px;
  min-height: 275px !important;
}
@media screen and (max-width: 600px) {
  .report-step-content .left-side-wrapper {
    display: block !important;
    max-height: 250px !important;
    min-height: 250px !important;
    width: 100% !important;
  }
}
.report-step-content .right-side-wrapper {
  font-size: 14px;
}
@media screen and (max-width: 600px) {
  .report-step-content .right-side-wrapper {
    display: block !important;
    max-height: 250px !important;
    min-height: 250px !important;
    width: 100% !important;
  }
}
.report-step-content .right-side-wrapper .report-copy-list,
.report-step-content .right-side-wrapper .report-template-list {
  height: 348px;
  min-height: 275px !important;
}
.subsection-title {
  font-size: 18px;
  margin: 14px 0 12px 12px;
}
.report-select-company-list {
  background-color: #FFF;
  border-top: 1px solid #F2F2F2;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
  height: 264px;
  position: absolute;
  right: 0px;
  width: 350px;
  z-index: 40;
}
.report-select-company-list .inner-company-list {
  max-height: calc(100% - 32px);
  overflow-y: auto;
}
.report-select-company-list .inner-company-list::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.report-select-company-list .inner-company-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.report-select-company-list .inner-company-list::-webkit-scrollbar-thumb {
  background-color: #8B8B8B;
  cursor: pointer;
}
.report-select-company-list mat-checkbox {
  padding-left: 16px !important;
  padding-right: 4px !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  text-align: left;
}
.report-select-company-list mat-checkbox:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.report-group-toggle {
  background-color: #EEE;
  border: 1px solid #E0E0E0;
  border-radius: 18px;
  font-size: 16px;
  padding: 0 2px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate(0, -50%);
}
.report-section-subheader {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  padding-left: 16px !important;
  position: relative;
  text-align: left;
}
.report-section-subheader > i.mdi {
  color: #33ADFF;
  font-size: 30px;
}
.report-section-subheader > .subheader-title {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  left: 3px;
  top: -5px;
  position: relative;
}
.report-section-subheader > .subheader-title.with-subtitle {
  left: 52px;
  position: absolute;
  top: 0 !important;
  width: 80%;
}
.report-section-subheader > .subheader-subtitle {
  color: #808080;
  font-size: 15px;
  left: 54px;
  position: absolute;
  top: 20px;
}
.template-mode-switch-button {
  display: inline-block;
  left: 12px;
  padding: 0 !important;
  top: 4px;
}
.report-step-circle {
  background-color: #2196F3;
  border-radius: 16px;
  color: #FFF;
  display: inline-block;
  height: 24px;
  left: 4px;
  padding-top: 8px;
  position: relative;
  text-align: center;
  top: 6px;
  width: 32px;
}
.report-steps .step-1.inactive .report-step-circle,
.report-steps .step-2.inactive .report-step-circle,
.report-steps .step-3.inactive .report-step-circle,
.report-steps .step-4.inactive .report-step-circle,
.report-steps .step-2.inactive .report-step-line,
.report-steps .step-3.inactive .report-step-line,
.report-steps .step-4.inactive .report-step-line {
  background-color: #CDCDCD;
}
.report-step-name {
  display: inline-block;
  padding: 8px 8px 0 8px;
  position: relative;
  top: -4px;
}
.report-step-line {
  background-color: #333;
  background-image: linear-gradient(to right, #DDD, #888, #DDD);
  border: 0;
  height: 1px;
  margin: 0 8px 0 4px;
  position: relative;
  top: 50%;
}
.report-directions .directions-title {
  margin-bottom: 8px !important;
  font-weight: bold;
}
.report-directions .sublist-item {
  color: #BBB;
  font-size: 13px;
  margin-left: 12px;
}
.report-name {
  padding: 24px !important;
  background-color: #0099FF;
  color: #FFF;
  font-size: 24px;
  height: calc(80px - (24px * 2));
  text-align: left;
  width: calc(100% - (24px * 2));
}
.report-card,
.template-card {
  background-color: #FFF;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  display: inline-block;
  font-size: 14px;
  margin: 0 24px 24px 0;
  min-width: 215px;
  overflow: hidden;
  vertical-align: top;
  width: 215px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-align: left;
}
.report-card.report-card,
.template-card.report-card {
  min-height: 224px;
  transition: box-shadow 0.15s ease-in-out;
  webkit-transition: box-shadow 0.15s;
}
.report-card.report-card:hover,
.template-card.report-card:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
}
.report-card.report-card:hover .report-card-top,
.template-card.report-card:hover .report-card-top {
  background-color: #08b0fc;
  width: 100%;
}
.report-card.report-card:hover .report-card-top + .report-card-middle,
.template-card.report-card:hover .report-card-top + .report-card-middle,
.report-card.report-card:hover .report-card-top .report-card-middle + .report-card-bottom,
.template-card.report-card:hover .report-card-top .report-card-middle + .report-card-bottom {
  background-color: #F8F8F8;
}
.report-card.report-card.run-now .report-card-top,
.template-card.report-card.run-now .report-card-top {
  background-color: #FF9800;
}
.report-card.report-card.run-now:hover .report-card-top,
.template-card.report-card.run-now:hover .report-card-top {
  background-color: #ff9d0d;
}
.report-card.collapsed,
.template-card.collapsed {
  filter: blur(2px) brightness(90%);
}
.report-card.expanded,
.template-card.expanded {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
  display: block !important;
  left: 50%;
  max-height: 450px;
  padding-bottom: 3px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 350px;
  z-index: 6;
}
.report-card.expanded:not(.run-now) .report-card-top,
.template-card.expanded:not(.run-now) .report-card-top {
  background-color: #08b0fc;
}
.report-card.expanded.run-now .report-card-top.run-now,
.template-card.expanded.run-now .report-card-top.run-now {
  background-color: #ff9d0d !important;
}
.report-card.expanded .report-runs,
.template-card.expanded .report-runs {
  max-height: 132px;
  overflow-y: auto;
}
.report-card.expanded .report-runs::-webkit-scrollbar,
.template-card.expanded .report-runs::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.report-card.expanded .report-runs::-webkit-scrollbar-track,
.template-card.expanded .report-runs::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.report-card.expanded .report-runs::-webkit-scrollbar-thumb,
.template-card.expanded .report-runs::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  .report-card,
  .template-card {
    border-radius: 0;
    margin: 0;
    width: 100%;
  }
}
.report-card-top,
.template-card-top {
  padding-top: 24px !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #03A9F4;
  color: #FFF;
  min-height: 110px;
  position: relative;
}
.report-card-top.template-card-top,
.template-card-top.template-card-top {
  background-color: #23AA50;
}
.report-card-top i.mdi,
.template-card-top i.mdi {
  border-radius: 20px;
  color: #FFF;
  padding: 0 2px;
}
.report-card-top > .report-card-toggle,
.template-card-top > .report-card-toggle {
  display: inline-block;
  position: absolute;
  right: 32px;
  top: 8px;
}
.report-card-top > mat-menu,
.template-card-top > mat-menu {
  margin-right: 4px !important;
  display: inline-block;
  position: absolute;
  right: 4px;
  top: 8px;
}
@media screen and (max-width: 600px) {
  .report-card-top,
  .template-card-top {
    min-height: 72px;
    padding-top: 16px !important;
  }
}
.report-card-top + .report-card-middle {
  margin-top: -8px;
}
.report-card-middle,
.template-card-middle {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #FFF;
  border-bottom: 1px solid #DBDBDB;
}
.report-card-middle > .report-run-title,
.template-card-middle > .report-run-title,
.report-card-middle > .template-description-title,
.template-card-middle > .template-description-title {
  color: #808080;
  margin: 10px 0 2px 0 !important;
}
.report-card-middle > .report-run,
.template-card-middle > .report-run,
.report-card-middle > .template-description,
.template-card-middle > .template-description {
  font-weight: bold;
  margin: 0 0 4px 0;
}
.report-card-middle .report-previous-run,
.template-card-middle .report-previous-run {
  display: inline-block;
  padding: 4px 0 4px 0;
  position: relative;
  width: 100%;
}
.report-card-middle .report-previous-run > .report-previous-run-date,
.template-card-middle .report-previous-run > .report-previous-run-date {
  display: inline-block;
}
.report-card-middle .report-previous-run > .open-previous-run,
.template-card-middle .report-previous-run > .open-previous-run,
.report-card-middle .report-previous-run > .download-previous-run,
.template-card-middle .report-previous-run > .download-previous-run,
.report-card-middle .report-previous-run > .view-previous-run,
.template-card-middle .report-previous-run > .view-previous-run {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 20px;
  display: inline-block;
  font-size: 22px;
  padding: 0;
  position: absolute;
  right: 0;
  top: -6px;
}
.report-card-middle .report-previous-run > .open-previous-run:hover,
.template-card-middle .report-previous-run > .open-previous-run:hover,
.report-card-middle .report-previous-run > .download-previous-run:hover,
.template-card-middle .report-previous-run > .download-previous-run:hover,
.report-card-middle .report-previous-run > .view-previous-run:hover,
.template-card-middle .report-previous-run > .view-previous-run:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.report-card-middle .report-previous-run > .open-previous-run.view-previous-run,
.template-card-middle .report-previous-run > .open-previous-run.view-previous-run,
.report-card-middle .report-previous-run > .download-previous-run.view-previous-run,
.template-card-middle .report-previous-run > .download-previous-run.view-previous-run,
.report-card-middle .report-previous-run > .view-previous-run.view-previous-run,
.template-card-middle .report-previous-run > .view-previous-run.view-previous-run {
  right: 28px;
}
.report-card-middle .report-previous-run.collapsed,
.template-card-middle .report-previous-run.collapsed {
  display: none;
}
.report-card-bottom,
.template-card-bottom {
  padding: 8px !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #F4F4F4;
  color: #000;
  font-size: 14px;
  height: 36px;
  max-height: 52px;
  width: calc(100% - 16px);
}
.report-card-bottom.template-card-bottom,
.template-card-bottom.template-card-bottom {
  padding: 8px 8px 16px 12px !important;
}
.report-card-bottom > div:first-of-type,
.template-card-bottom > div:first-of-type {
  color: #606060 !important;
}
.report-card .report-title,
.template-card .template-title {
  font-size: 22px;
  margin: 12px 0 8px 4px;
  max-height: none;
  min-height: unset;
  word-break: break-word;
}
@media screen and (max-width: 600px) {
  .report-card .report-title,
  .template-card .template-title {
    margin: 0;
  }
}
.report-card .report-description {
  background-color: #6AC0FF !important;
  color: #FFF;
  font-size: 14px;
  font-weight: normal;
  margin-top: -8px;
  max-height: 70px;
  min-height: unset;
  overflow-y: auto;
  padding: 8px 8px 8px 10px;
  word-break: break-word;
}
.report-card .report-description::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.report-card .report-description::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.report-card .report-description::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.report-card .report-description .report-description::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.report-card.run-now .report-description {
  background-color: #FFB870 !important;
}
.report-card .report-by {
  font-size: 16px;
  margin: 0 0 0 4px;
}
.report-card-avatar-circle {
  display: inline-block;
  overflow: visible !important;
}
.report-menu-trigger {
  right: 2px;
  top: 4px;
}
.report-run-now {
  color: #909090;
  float: right;
  font-size: 13px;
  font-weight: bold;
  min-width: 84px;
  width: 96px;
}
.report-template-row {
  background-color: #FFF;
  overflow: visible !important;
  position: relative;
}
.report-template-row .report-template-icon {
  left: 8px;
  opacity: 0.8;
  position: absolute;
  top: 8px;
  vertical-align: top;
}
.report-template-row .report-template-title > div {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-template-row > .expanding-content {
  padding-bottom: 0 !important;
}
.report-template-row .format-pill {
  border-radius: 12px;
  font-size: 13px;
  font-weight: normal;
  padding: 4px 8px;
  position: absolute;
  right: 56px;
  text-align: center;
  top: 13px;
  width: 80px;
}
@media screen and (max-width: 600px) {
  .report-template-row {
    box-shadow: none !important;
    height: 48px !important;
    margin: 0px !important;
    width: 100% !important;
    z-index: 1 !important;
  }
}
.report-card-placeholder {
  background-color: #DBDBDB;
  border-radius: 3px;
  display: inline-block;
  margin: 0 24px 24px 0;
  min-height: 224px;
  min-width: 215px;
  width: 215px;
}
.report-placeholder {
  background-color: #E3E3E3;
  border: 1px solid #CCC;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
  cursor: pointer;
  min-height: 240px;
  min-width: 215px;
  overflow: hidden;
  position: relative;
  width: 215px;
}
.report-placeholder:hover {
  background-color: #DFDFDF;
}
.report-placeholder:hover > div {
  color: #808080;
}
.report-placeholder > div {
  color: #AAA;
  font-size: 20px;
  margin: -24px 24px 24px 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}
.report-tip {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  color: #FFF;
  font-size: 15px;
  height: 18px;
  left: auto;
  line-height: 16px;
  opacity: 1.0;
  padding: 3px 8px 1px 8px;
  position: absolute;
  right: 52px;
  text-align: right;
  top: 8px;
  white-space: nowrap;
  width: auto;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.report-tip + i.mdi {
  margin: 0 0 0 8px;
  position: relative;
  top: -2px;
}
.accordion-group {
  background-color: #F1F1F1;
  border: 1px solid #CDCDCD;
  height: 100%;
  max-height: 367px;
  min-height: 350px;
  overflow-y: auto;
  position: relative;
}
.accordion-group::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.accordion-group::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.accordion-group::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  .accordion-group {
    max-height: 200px !important;
    min-height: 200px !important;
  }
}
.group-site-list {
  background-color: #FFF;
  border: 1px solid #CDCDCD;
  height: 100%;
  max-height: 367px;
  min-height: 367px;
  overflow-y: auto;
  position: relative;
}
.group-site-list::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.group-site-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.group-site-list::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.group-site-list .report-icon-button {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 20px;
  display: inline-block;
  font-size: 22px;
  padding: 0 3px;
  position: absolute;
  width: 24px;
}
.group-site-list .report-icon-button:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.group-site-list .report-icon-button.remove-button {
  border: 2px solid #AAA;
  border-radius: 20px;
  font-size: 14px;
  font-weight: bold;
  height: 16px;
  line-height: 16px;
  padding: 3px 0px 1px 5px;
  right: 14px;
  top: 8px;
  width: 16px;
}
.group-site-list .report-site .remove-button,
.group-site-list .report-group .remove-button,
.group-site-list .report-company .remove-button {
  position: absolute;
  right: 12px;
  top: 4px;
}
.group-site-list .report-site .remove-button > span,
.group-site-list .report-group .remove-button > span,
.group-site-list .report-company .remove-button > span {
  left: auto;
  top: 3px;
}
@media screen and (max-width: 600px) {
  .group-site-list {
    max-height: 200px !important;
    min-height: 200px !important;
  }
}
.no-group-sites-selected {
  color: #B2B2B2;
  font-size: 20px;
  left: 50%;
  max-width: 200px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}
.report-company,
.report-group {
  border-bottom: 1px solid #DDD;
  display: table;
  min-height: 32px;
  padding: 8px 0;
  position: relative;
  width: 100%;
}
.report-company > i.mdi,
.report-group > i.mdi {
  left: 18px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.report-company > i.mdi + .company-label,
.report-group > i.mdi + .company-label,
.report-company > i.mdi + .group-label,
.report-group > i.mdi + .group-label {
  display: table-cell;
  min-height: 40px;
  padding: 4px 40px 4px 52px;
  vertical-align: middle;
  width: 100%;
}
.report-company > .company-label,
.report-group > .company-label {
  position: relative;
  top: -4px;
}
.report-company > .company-label + .company-sub-label,
.report-group > .company-label + .company-sub-label {
  position: absolute;
  top: 28px;
  left: 52px;
  font-size: 12px;
  color: #808080;
}
.report-group-wrapper {
  padding: 0;
}
.report-site {
  background-color: #FFF;
  border-top: 1px solid #DDD;
  font-size: 14px;
  min-height: 32px;
  padding: 4px 16px 4px 24px !important;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.report-site:first-of-type {
  border-top: none;
}
.report-site > i.mdi {
  left: 16px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.report-site > div:nth-of-type(1) {
  margin: 0 28px 0 32px;
  width: calc(100% - 28px - 32px);
}
.report-site > div:nth-of-type(2) {
  color: #808080;
  font-size: 12px;
  font-weight: normal;
  margin: 0 28px 0 32px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 28px - 32px);
}
.report-copy-list,
.report-template-list {
  border: 1px solid #DDD;
  margin: 0 0 78px 0;
  max-height: 350px;
  min-height: 200px;
  overflow-y: auto;
  text-align: left;
}
.report-copy-list::-webkit-scrollbar,
.report-template-list::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.report-copy-list::-webkit-scrollbar-track,
.report-template-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.report-copy-list::-webkit-scrollbar-thumb,
.report-template-list::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.report-copy-list .report-copy-item,
.report-template-list .report-copy-item,
.report-copy-list .report-template-item,
.report-template-list .report-template-item,
.report-copy-list .report-template-detail-item,
.report-template-list .report-template-detail-item {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #E8E8E8;
  cursor: pointer;
  padding: 12px !important;
}
.report-copy-list .report-copy-item:last-of-type,
.report-template-list .report-copy-item:last-of-type,
.report-copy-list .report-template-item:last-of-type,
.report-template-list .report-template-item:last-of-type,
.report-copy-list .report-template-detail-item:last-of-type,
.report-template-list .report-template-detail-item:last-of-type {
  border-bottom: 0 !important;
}
.report-copy-list .report-copy-item > div:nth-of-type(2) > div:nth-of-type(2),
.report-template-list .report-copy-item > div:nth-of-type(2) > div:nth-of-type(2),
.report-copy-list .report-template-item > div:nth-of-type(2) > div:nth-of-type(2),
.report-template-list .report-template-item > div:nth-of-type(2) > div:nth-of-type(2),
.report-copy-list .report-template-detail-item > div:nth-of-type(2) > div:nth-of-type(2),
.report-template-list .report-template-detail-item > div:nth-of-type(2) > div:nth-of-type(2) {
  font-weight: normal;
}
.report-copy-list .report-copy-item:hover,
.report-template-list .report-copy-item:hover,
.report-copy-list .report-template-item:hover,
.report-template-list .report-template-item:hover,
.report-copy-list .report-template-detail-item:hover,
.report-template-list .report-template-detail-item:hover {
  background-color: #F2F2F2;
}
.report-copy-list .report-copy-item.selected,
.report-template-list .report-copy-item.selected,
.report-copy-list .report-template-item.selected,
.report-template-list .report-template-item.selected,
.report-copy-list .report-template-detail-item.selected,
.report-template-list .report-template-detail-item.selected {
  background-color: #0099FF;
  color: #FFF;
}
@media screen and (max-width: 600px) {
  .report-copy-list,
  .report-template-list {
    max-height: 200px !important;
    min-height: 200px !important;
  }
}
.report-template-actions {
  white-space: nowrap;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.template-list-placeholder {
  color: #C1C1C1;
  font-size: 20px;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 60%;
  transform: translate(-50%, -50%);
  width: 200px;
}
#btnNewTemplate {
  position: absolute;
  right: 4px;
  top: 12px;
}
.icon-button {
  cursor: pointer;
}
.report-run-and-send-button {
  opacity: 0.2;
  right: 2px;
  top: 3px;
}
.report-run-and-send-button:hover {
  opacity: 0.5 !important;
}
.template-create-header {
  padding: 16px !important;
  margin-bottom: 16px !important;
  border-bottom: 1px solid #D8D8D8;
  font-size: 18px;
  position: relative;
  text-align: left;
  text-transform: capitalize;
  width: calc(100% - (16px * 2));
}
.template-company-select {
  position: absolute !important;
  right: 22px;
  top: 6px;
}
.template-create-columns,
.template-create-conditions {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.template-create-conditions .item-group-list-content {
  max-height: 160px;
  min-height: 160px;
}
.template-create-parameters {
  text-align: left;
  white-space: nowrap;
}
.template-create-parameters .left-side-wrapper {
  display: inline-block;
  margin: 18px 2% 0 4px;
  vertical-align: top;
  width: 48%;
}
.template-create-parameters .right-side-wrapper {
  display: inline-block;
  margin: 8px 0 0 2%;
  vertical-align: top;
  width: 48%;
}
.report-schedule-toggle .mat-slide-toggle-thumb {
  background-color: #2898D4 !important;
}
.report-subscribers-list {
  background-color: #F2F2F2;
  border-bottom: 1px solid #DDD;
  border-top: 1px solid #DDD;
  max-height: 356px;
  min-height: 256px;
  overflow-y: auto;
}
.report-subscribers-list::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.report-subscribers-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.report-subscribers-list::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.report-subscribers-list > .no-subscribers-watermark {
  color: #CCC;
  font-size: 20px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -30%);
}
.report-subscribers-list > .report-subscriber {
  padding: 24px !important;
  background-color: #FFF;
  border-bottom: 1px solid #E8E8E8;
  font-weight: bold;
  position: relative;
}
.report-subscribers-list > .report-subscriber > i.mdi {
  color: #B5B5B5;
  position: absolute;
  top: 8px;
}
.report-subscribers-list > .report-subscriber > i.mdi + span {
  position: absolute;
  top: 16px;
  left: 54px;
}
.report-add-subscriber {
  margin-top: 8px !important;
  color: #0099FF;
  font-weight: bold !important;
  position: absolute !important;
  right: 6px !important;
}
.report-preview-dialog {
  height: 80%;
}
.report-preview-dialog .dialog-content {
  height: calc(100% - 134px);
}
.report-preview-dialog .unit-inventory-controls {
  height: 40px;
}
#divReportPreviewGrid {
  border: 1px solid #D8D8D8;
  border-top: 0;
  box-shadow: none;
  height: 100%;
}
#divReportPreviewGrid.has-report-controls,
#divReportPreviewGrid.has-unit-inventory-controls {
  height: calc(100% - 60px);
}
#divReportPreviewGrid .fast-grid-footer {
  border-bottom: 1px solid #D8D8D8;
}
#divReportPreviewGrid .fast-grid-cell {
  font-size: 14px;
}
.search-content div[layout="row"] {
  min-height: unset;
}
.search-content {
  background: initial;
  height: 100%;
  max-height: 100%;
}
.dashboard-content .search-progress,
.search-content .search-progress {
  background-color: rgba(255, 255, 255, 0.94);
  border-radius: 0px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.37);
  height: 40px;
  left: -webkit-calc(50% - 40px);
  left: -moz-calc(50% - 40px);
  left: -o-calc(50% - 40px);
  left: calc(50% - 40px);
  position: absolute;
  top: -webkit-calc(50% - 48px);
  top: -moz-calc(50% - 48px);
  top: -o-calc(50% - 48px);
  top: calc(50% - 48px);
  width: 150px;
  z-index: 4;
}
.dashboard-content .search-progress mat-progress-bar,
.search-content .search-progress mat-progress-bar {
  bottom: 0px;
  position: absolute;
  top: auto;
  z-index: 15;
}
.dashboard-content .search-progress .search-progress-message,
.search-content .search-progress .search-progress-message {
  color: #606060;
  font-size: 14px;
  left: 10px;
  position: absolute;
  top: 8px;
}
.dashboard-content .search-progress .search-progress-cancel,
.search-content .search-progress .search-progress-cancel {
  cursor: pointer;
  border-radius: 16px;
  bottom: auto;
  display: inline-block;
  font-size: 16px;
  left: auto;
  padding: 1px 6px 2px 6px;
  position: absolute;
  right: 8px;
  top: 4px;
  transition: all 0.3s ease;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.dashboard-content .search-progress .search-progress-cancel:hover,
.search-content .search-progress .search-progress-cancel:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.search-content .search-wrapper {
  height: calc(100%);
  max-height: 100%;
  position: relative;
  white-space: nowrap;
}
@media screen and (max-width: 600px) {
  .search-content .search-wrapper {
    white-space: normal;
  }
}
.search-content mat-checkbox {
  margin: 0 0 4px 0 !important;
  max-width: 91%;
}
.search-content mat-radio-button {
  margin: 6px 0 4px 0 !important;
  max-width: 91%;
}
.search-content mat-checkbox .md-container {
  background-color: #FFF;
}
.search-content mat-checkbox .md-label {
  max-width: 91%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-content mat-radio-button .md-off {
  background-color: #FFF !important;
}
.search-content .filters-wrapper {
  border-bottom: 1px solid #BBB;
  display: inline-block;
  max-height: 33% !important;
  overflow-y: hidden;
  padding: 0 !important;
  vertical-align: top;
  white-space: normal;
}
.search-content .filters-wrapper::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.search-content .filters-wrapper::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.search-content .filters-wrapper::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  .search-content .filters-wrapper {
    max-height: 200px !important;
  }
}
.search-content .filters-wrapper:hover {
  overflow-y: auto;
}
.search-content .search-results-wrapper {
  height: calc(100% - 48px) !important;
  overflow-y: auto;
  padding: 24px;
  width: calc(80% - 51px) !important;
}
@media screen and (max-width: 600px) {
  .search-content .search-results-wrapper {
    height: calc(100% - (200px + 50px)) !important;
    width: calc(100% - 48px) !important;
  }
}
.search-content .filters-wrapper .filters {
  padding: 0 !important;
}
@media screen and (min-width: 600px) {
  .search-content .filters-wrapper {
    border-bottom: 0;
    max-height: 100% !important;
  }
  .search-content .filters-wrapper .filters {
    padding: 16px !important;
  }
}
.search-content .filter-wrapper {
  padding-left: 12px;
  white-space: normal;
}
@media screen and (min-width: 600px) {
  .search-content .filter-wrapper {
    padding-left: 0;
  }
}
.search-content .filter-wrapper .k-datetimepicker,
.search-content .filter-wrapper input[kendo-date-time-picker] {
  border: 1px solid #AAA;
  display: inline-block;
  padding: 2px 4px;
}
.search-content .filter-wrapper .k-datetimepicker > .k-picker-wrap {
  height: 20px;
}
.search-content .filter-wrapper .k-datetimepicker > .k-picker-wrap > [kendo-date-time-picker] {
  display: inline-block;
  height: 20px;
  margin-right: 0 !important;
  padding: 0;
}
.search-content .filter-wrapper .k-datetimepicker > .k-picker-wrap .k-icon {
  background-position-x: -32px !important;
  position: relative;
  top: -4px;
}
.search-content .filter-wrapper .k-datetimepicker > .k-picker-wrap .k-icon:hover {
  color: #AAA;
}
.filter-group {
  border-bottom: 1px solid #CCC;
  margin-bottom: 6px !important;
  margin-top: 8px !important;
}
@media screen and (max-width: 600px) {
  .filter-group {
    display: inline-block;
    vertical-align: top;
    width: 45%;
  }
}
@media screen and (min-width: 600px) {
  .filter-group {
    border-bottom: 0;
    margin-bottom: 8px !important;
    margin-top: 0;
  }
}
.search-content .filter-collapse-icon {
  margin-bottom: 0;
  max-width: 32px;
  min-width: 32px;
  width: 32px;
}
.search-content .filter-title {
  cursor: pointer;
  font-weight: bold;
  left: -3px;
  margin: 0 0 8px 0;
  outline: none;
  padding-top: 4px;
  position: relative;
}
.search-content .filter-option {
  margin: 0 0 0 8px;
  width: 100%;
}
.search-content .search-results-wrapper::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.search-content .search-results-wrapper::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.search-content .search-results-wrapper::-webkit-scrollbar-thumb {
  background: rgba(150, 150, 150, 0.5);
}
.search-content .search-results {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  margin-bottom: 20px;
}
.search-content .results-collapse-icon {
  font-size: 28px;
  position: relative;
  top: 4px;
}
.search-content .search-results-title {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
}
.search-content .search-result {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #FFF;
  border: 1px solid #BBB;
  border-bottom: 0;
}
.search-content .search-result:hover {
  background-color: #EEE;
}
.search-content .search-result.user-search-result .search-result-medium-detail-title,
.search-content .search-result.user-search-result .search-result-medium-detail:not(.avatar-wrapper) {
  overflow-x: hidden;
  position: relative;
  text-overflow: ellipsis;
  top: 11px;
}
.search-content .search-result .search-result-title {
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 4px;
  text-decoration: none;
}
.search-content .search-result .search-result-medium-detail {
  color: #707070;
  display: inline-block;
  font-size: 14px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.search-content .search-result .search-result-medium-detail-title {
  color: #707070;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
  vertical-align: top;
}
.search-content .search-result .search-result-medium-detail.avatar-wrapper {
  min-width: 60px;
  overflow: visible !important;
  text-overflow: initial !important;
  vertical-align: top;
}
.search-content .search-result .search-result-medium-detail .avatar-circle {
  margin: 0 12px 0 auto;
}
.search-content .search-result .search-result-medium-detail .avatar-circle > div {
  top: 9px !important;
}
.search-content .search-result .search-result-small-detail {
  color: #707070;
  font-size: 13px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.search-content .search-no-results {
  color: #606060;
  font-size: 18px;
  left: 50%;
  margin-top: 32px;
  position: absolute;
  text-align: center;
  top: 10%;
  transform: translate(-50%, -50%);
}
.search-content .k-datetimepicker {
  border: 1px solid #A8A8A8;
  font-size: 13px;
  margin-left: 8px;
  width: 180px;
}
.search-content .k-datetimepicker:first-child {
  margin-bottom: 8px;
}
.search-content .filter-text {
  border: 1px solid #AAA;
  margin-left: 8px;
  max-width: 125px;
  padding-right: 24px;
  width: 90%;
}
.search-content .filter-apply-button {
  width: 21px;
  height: 20px;
  display: inline-block;
  vertical-align: bottom;
  font-size: 13px;
  left: -26px;
  position: relative;
  top: -1px;
}
.search-content .filter-apply-button i.mdi {
  color: #606060;
  cursor: pointer;
  font-size: 20px;
  outline: none;
  padding-top: 1px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.search-content .filter-apply-button i.mdi.mdi-magnify {
  left: 1px;
  position: relative;
  top: -1px;
}
.search-content .filter-apply-button:hover i.mdi {
  color: #000;
}
.search-content .clear-filter {
  color: #606060;
  cursor: pointer;
  margin-left: -20px;
  outline: none !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.search-content .clear-date-filter {
  color: #606060;
  cursor: pointer;
  left: 3px;
  margin-left: 0;
  outline: none !important;
  position: relative;
  top: -3px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.search-content .clear-filter:hover {
  color: #000;
}
body {
  overflow-y: hidden;
}
site {
  display: block;
  height: calc(100% - 50px);
  position: absolute;
  top: 50px;
  width: 100%;
  height: calc(100%);
  top: auto;
}
.sub-nav-bar[parent="site"] {
  box-shadow: none !important;
}
site .main-content {
  width: calc(100%) !important;
}
site .main-content::-webkit-scrollbar {
  height: 14px;
  width: 14px;
}
site .main-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
site .main-content::-webkit-scrollbar-thumb {
  background-color: #8B8B8B;
  cursor: pointer;
}
site .main-content site-home {
  max-width: 100%;
}
.site-content {
  padding: 0 !important;
  height: calc(100% - (48px + 30px)) !important;
  max-height: calc(100% - (48px + 30px)) !important;
  min-height: calc(100% - (48px + 30px)) !important;
}
@media screen and (max-width: 600px) {
  .site-content {
    height: calc(100% - (38px + 40px)) !important;
    max-height: calc(100% - (38px + 40px)) !important;
    min-height: calc(100% - (92px + 30px)) !important;
  }
}
@media screen and (max-width: 600px) {
  .site-sub-nav-bar[section="site-home"] + .site-content {
    height: calc(100% - (48px + 30px)) !important;
    max-height: calc(100% - (48px + 30px)) !important;
    min-height: calc(100% - (48px + 30px)) !important;
  }
}
site-home {
  height: 100%;
  width: 100%;
}
site-home > .site-home-content {
  height: 100%;
}
site-home > .site-home-content .site-home-content-left {
  display: inline-block;
  height: calc(100% - 32px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 16px;
  width: calc(50% - (16px * 2));
}
site-home > .site-home-content .site-home-content-left::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
site-home > .site-home-content .site-home-content-left::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
site-home > .site-home-content .site-home-content-left::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  site-home > .site-home-content .site-home-content-left {
    height: calc(100% - (50px + 38px + 40px));
    overflow-y: auto;
    padding: 0;
    width: calc(100%);
  }
}
site-home > .site-home-content .site-home-content-left .site-command-bar {
  height: 36px;
  margin: 0 8px;
  padding: 4px;
}
site-home > .site-home-content .site-home-content-right {
  display: inline-block;
  width: 50%;
}
@media screen and (max-width: 600px) {
  site-home > .site-home-content {
    background-color: #E3E3E3;
    display: none;
    top: 88px;
    position: absolute;
    width: 100%;
  }
  site-home > .site-home-content.selected {
    display: block;
    z-index: 8;
  }
}
site-home.integrated {
  position: absolute;
  z-index: 7;
}
site-home.integrated > .site-home-content div[layout="column"]:nth-of-type(1):not(.site-notes-block > div:first-of-type) {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
  padding-top: 24px !important;
  padding-right: 8px !important;
  padding-bottom: 16px !important;
  padding-left: 24px !important;
}
site-home.integrated > .site-home-content div[layout="column"]:nth-of-type(2) {
  background-color: rgba(0, 0, 0, 0);
}
.site-page {
  height: 100%;
}
.site-page .menu-stack .menu-item.misc-command-item > i.mdi {
  left: 8px;
  margin-top: -16px;
  right: auto;
  top: 50%;
}
.site-page .menu-stack .menu-item.misc-command-item > a {
  margin-left: 24px !important;
  overflow-x: visible;
  text-indent: 0;
  white-space: normal;
}
@media screen and (max-width: 600px) {
  .site-refresh-button {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .primary-command-button {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .tools-toggle {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .site-mode-toggle {
    display: none;
  }
}
.tools-toggle-mobile {
  display: none !important;
}
@media screen and (max-width: 600px) {
  .tools-toggle-mobile {
    display: block;
  }
}
.site-mode-toggle-mobile {
  display: none !important;
}
@media screen and (max-width: 600px) {
  .site-mode-toggle-mobile {
    display: block;
  }
}
.site-view-content {
  height: 100%;
  margin: 0;
}
.site-view-content > .site-grid-content {
  margin: 0 0 0 24px;
  width: calc(100% - 48px) !important;
}
@media screen and (max-width: 600px) {
  .site-view-content > .site-grid-content {
    background-color: #FFF;
    height: calc(100% - 57px) !important;
    margin: 50px 0 0 0 !important;
    width: calc(100%) !important;
  }
  .site-view-content > .site-grid-content .fast-grid {
    height: calc(100% - 40px) !important;
  }
}
.site-view-content.site-datalog-content > .site-grid-content {
  width: calc(100% - 148px) !important;
}
@media screen and (max-width: 600px) {
  .site-view-content.site-datalog-content > .site-grid-content {
    width: calc(100%) !important;
  }
}
.site-view-content.site-photos-content > .site-grid-content {
  width: calc(100% - 148px) !important;
}
@media screen and (max-width: 600px) {
  .site-view-content.site-photos-content > .site-grid-content {
    width: calc(100%) !important;
  }
}
.site-view-content > md-content > grid {
  left: 0;
  width: calc(100%);
}
@media screen and (max-width: 600px) {
  .site-home-content {
    padding-bottom: 60px;
  }
  .site-home-content .double-bottom-margin {
    margin-bottom: 0 !important;
  }
  .site-home-content .double-right-margin {
    margin-right: 0 !important;
  }
  .site-view-content {
    height: calc(100% + 50px);
    margin: -50px 0 0 0;
  }
}
site-header {
  margin-top: 4px !important;
}
site-header > div:first-child {
  margin-left: 4px !important;
  margin-right: 8px !important;
  max-width: 100px;
  min-width: 90px;
}
site-header > div:first-child > img {
  margin-right: 8px !important;
}
site-header > div:nth-child(2) {
  margin-top: 8px !important;
  font-size: 18px;
}
site-header > div:nth-child(2) > div {
  margin-bottom: 4px !important;
  font-size: 16px;
}
site-header > div:nth-child(2) > div > div:first-of-type {
  padding-right: 4px !important;
  margin-right: 8px !important;
}
site-header > div:nth-child(2) > div:first-of-type {
  min-height: 20px;
}
site-header > div:nth-child(2) > div:nth-child(2) {
  min-height: 18px;
}
site-header > div:nth-child(2) > div:first-of-type ~ div {
  color: #606060;
  font-size: 14px;
}
@media screen and (max-width: 600px) {
  site-header > div:nth-child(2) {
    max-width: 65% !important;
    width: auto !important;
  }
}
@media screen and (max-width: 600px) {
  site-header {
    padding: 16px 8px 0 8px;
  }
}
datalog,
ftp-log,
site-history-channel,
site-history-comm,
site-history-notification,
site-history-service-log,
site-history-audit-log,
site-photos,
site-graphs,
site-notes {
  background-color: #E3E3E3;
  z-index: 8;
}
datalog .main-content,
ftp-log .main-content,
site-history-channel .main-content,
site-history-comm .main-content,
site-history-notification .main-content,
site-history-service-log .main-content,
site-history-audit-log .main-content,
site-photos .main-content,
site-graphs .main-content,
site-notes .main-content {
  margin-top: 24px !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
datalog.integrated,
ftp-log.integrated,
site-history-channel.integrated,
site-history-comm.integrated,
site-history-notification.integrated,
site-history-service-log.integrated,
site-history-audit-log.integrated,
site-photos.integrated,
site-graphs.integrated,
site-notes.integrated {
  height: auto !important;
  margin: 0 8px 16px 8px;
  min-height: 320px;
  position: static;
  width: calc(100% - (2 * 8px));
}
datalog.integrated .site-grid-content,
ftp-log.integrated .site-grid-content,
site-history-channel.integrated .site-grid-content,
site-history-comm.integrated .site-grid-content,
site-history-notification.integrated .site-grid-content,
site-history-service-log.integrated .site-grid-content,
site-history-audit-log.integrated .site-grid-content,
site-photos.integrated .site-grid-content,
site-graphs.integrated .site-grid-content,
site-notes.integrated .site-grid-content {
  width: 100% !important;
  margin: 0 !important;
}
datalog,
ftp-log,
site-history-audit-log,
site-history-channel,
site-history-service-log,
site-photos,
site-graphs,
site-notes {
  height: calc(100% - 32px) !important;
}
site-graphs {
  background-color: #FFF !important;
  overflow-y: auto;
}
site-graphs::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
site-graphs::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
site-graphs::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
site-notes {
  background-color: #FFF !important;
}
site-history-comm,
site-history-notification {
  height: calc(100%) !important;
}
.comm-history-inner-content {
  color: #757575;
  font-size: 13px;
  height: auto;
  padding: 12px 12px 16px 12px;
  width: auto;
  word-wrap: break-word;
}
message-simulator,
node-management {
  background-color: #FFF;
  border-right: 1px solid #CCC;
  height: calc(100% - (50px + 38px + 40px));
  left: 0;
  position: fixed;
  top: calc(88px);
  width: 50%;
  z-index: 3;
}
message-simulator .message-simulator-content,
node-management .message-simulator-content,
message-simulator .node-management-content,
node-management .node-management-content {
  height: calc(100% - 24px);
  padding: 24px 0 0 0;
}
message-simulator .message-simulator-header,
node-management .message-simulator-header,
message-simulator .node-management-header,
node-management .node-management-header {
  height: 48px;
  padding: 0 24px;
  position: relative;
  z-index: 4;
}
message-simulator .message-simulator-header .button-tab-bar,
node-management .message-simulator-header .button-tab-bar,
message-simulator .node-management-header .button-tab-bar,
node-management .node-management-header .button-tab-bar {
  display: inline-block;
  position: absolute;
  right: 100px;
  top: 0px;
}
message-simulator .node-info-header,
node-management .node-info-header {
  height: 48px;
}
message-simulator .message-simulator-body,
node-management .message-simulator-body,
message-simulator .node-management-body,
node-management .node-management-body {
  height: calc(100% - (48px + 68px));
  overflow-y: auto;
  padding: 0 24px;
}
message-simulator .message-simulator-body::-webkit-scrollbar,
node-management .message-simulator-body::-webkit-scrollbar,
message-simulator .node-management-body::-webkit-scrollbar,
node-management .node-management-body::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
message-simulator .message-simulator-body::-webkit-scrollbar-track,
node-management .message-simulator-body::-webkit-scrollbar-track,
message-simulator .node-management-body::-webkit-scrollbar-track,
node-management .node-management-body::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
message-simulator .message-simulator-body::-webkit-scrollbar-thumb,
node-management .message-simulator-body::-webkit-scrollbar-thumb,
message-simulator .node-management-body::-webkit-scrollbar-thumb,
node-management .node-management-body::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
message-simulator .message-simulator-body,
node-management .message-simulator-body {
  height: calc(100% - 80px);
  padding-bottom: 24px;
}
@media screen and (max-width: 600px) {
  message-simulator,
  node-management {
    background-color: #FFF;
    height: calc(100% - (50px + 38px + 40px));
    top: calc(50px + 38px) !important;
    width: 100%;
    z-index: 9;
  }
}
.site-grid-header {
  background-color: #FFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.36);
  color: #757575;
  font-size: 14px;
  font-weight: bold;
  margin: 0 8px;
  padding: 15px 16px;
  position: relative;
  width: calc(100% - (2 * 8px) - (2 * 16px));
}
.site-grid-header > .expand-to-full-size-button {
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 6px;
}
message-simulator .now-button {
  bottom: 16px;
  height: 36px;
  position: absolute;
  right: 18%;
  width: 80px;
}
message-simulator textarea {
  background-color: #F2F2F2;
  border: 0;
  min-height: 96px;
  outline: none;
}
mat-tabs .md-header {
  background-color: #FFF !important;
}
.queued-message-delete-button {
  padding: 4px 12px !important;
  position: absolute;
  right: 16px;
  top: 8px;
}
.site-title-box {
  height: 47px;
  padding-top: 4px;
}
.mini-stat:first-child {
  width: 80px;
}
.mini-stat {
  display: inline-block;
  padding: 4px 0 0 0;
  position: relative;
  top: 6px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  width: 85px;
}
@media screen and (max-width: 600px) {
  .mini-stat {
    text-align: center !important;
  }
}
@media screen and (max-width: 600px) {
  .mini-stat mat-icon {
    display: block;
    height: 20px !important;
    margin: -2px 0 1px 0 !important;
    width: 20px !important;
  }
}
@media screen and (max-width: 600px) {
  .mini-stat mat-icon svg {
    margin-left: 8px;
  }
}
.mini-stat i.mdi {
  color: #FFF;
  position: relative;
  top: -2px;
}
.mini-stat span {
  vertical-align: top;
}
.mini-stat icon {
  display: inline-block;
}
.site-icon-text {
  display: inline-block;
  font-size: 14px;
  margin: 0 14px 0 8px;
  position: relative;
  top: 6px !important;
  vertical-align: top;
}
@media screen and (max-width: 600px) {
  .site-icon-text {
    display: block !important;
    font-size: 12px !important;
    line-height: 12px !important;
    margin: 0 !important;
    top: 1px !important;
  }
}
.site-icon-text .unknown {
  color: #B9B9B9;
}
md-sidenav#siteMenu {
  position: relative !important;
}
#mtgSiteTabs {
  background-color: #FFF;
  border-radius: 0;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
  height: calc(100% - 74px) !important;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 38px;
  width: 50%;
  z-index: 8;
}
#mtgSiteTabs .mat-tab-body-wrapper {
  height: calc(100% - 50px);
}
#mtgSiteTabs mat-tab-content {
  overflow: hidden;
}
#mtgSiteTabs md-content {
  background: none;
  overflow: hidden;
}
#mtgSiteTabs .mat-tab-label {
  padding-top: 16px;
  width: 19%;
}
#mtgSiteTabs .mat-tab-header.with-gray-background-content {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
#mtgSiteTabs .mat-tab-body site-history-channel,
#mtgSiteTabs .mat-tab-body site-history-comm,
#mtgSiteTabs .mat-tab-body site-history-notification {
  top: 0;
  z-index: 3;
}
#mtgSiteTabs .mat-tab-body:first-of-type {
  padding: 0;
}
#mtgSiteTabs .mat-tab-body:nth-of-type(2),
#mtgSiteTabs .mat-tab-body:nth-of-type(3) {
  background-color: #E3E3E3;
}
#mtgSiteTabs.raised-tabs {
  display: flex;
  height: 48px !important;
}
#mtgSiteTabs.non-separated-tab {
  height: calc(100% - 50px - 30px) !important;
}
#mtgSiteTabs.non-separated-tab > .mat-tab-header {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  z-index: 1;
}
@media screen and (max-width: 600px) {
  #mtgSiteTabs {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) !important;
    left: 0;
    width: 100%;
  }
}
site-home.integrated #mtgSiteTabs {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  height: 100%;
  max-height: none;
}
site-home.integrated #mtgSiteTabs > .mat-tab-header {
  background-color: #FFF;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
}
site-home.integrated #mtgSiteTabs > .mat-tab-body-wrapper > .mat-tab-body.mat-tab-active {
  background-color: #FFF;
}
site-home.integrated #mtgSiteTabs > .mat-tab-body-wrapper > .mat-tab-body:first-of-type {
  background-color: rgba(0, 0, 0, 0);
}
#mtgSiteTabs .mat-tab-label:first-of-type {
  display: none;
}
@media screen and (max-width: 600px) {
  #mtgSiteTabs .mat-tab-label:first-of-type {
    display: flex;
    width: 16% !important;
  }
}
#mtgSiteTabs .mat-tab-label:nth-of-type(2) {
  display: flex;
  width: 14% !important;
}
@media screen and (max-width: 600px) {
  #mtgSiteTabs .mat-tab-label:nth-of-type(2) {
    display: flex;
  }
}
#mtgSiteTabs .mat-tab-label:nth-of-type(3) {
  display: flex;
  width: 18% !important;
}
@media screen and (max-width: 600px) {
  #mtgSiteTabs .mat-tab-label:nth-of-type(3) {
    display: flex;
    font-size: 10px;
    width: 26% !important;
  }
}
#mtgSiteTabs .mat-tab-label:nth-of-type(4) {
  display: flex;
  width: 23% !important;
}
@media screen and (max-width: 600px) {
  #mtgSiteTabs .mat-tab-label:nth-of-type(4) {
    display: flex;
    font-size: 10px;
    width: 26% !important;
  }
}
#mtgSiteTabs .mat-tab-label:nth-of-type(5) {
  display: flex;
  width: 16% !important;
}
@media screen and (max-width: 600px) {
  #mtgSiteTabs .mat-tab-label:nth-of-type(5) {
    display: flex;
    width: 14% !important;
  }
}
#mtgSiteTabs .mat-tab-label:nth-of-type(6) {
  display: flex;
  width: 14% !important;
}
@media screen and (max-width: 600px) {
  #mtgSiteTabs .mat-tab-label:nth-of-type(6) {
    display: none;
  }
}
#mtgSiteTabs .mat-tab-label:nth-of-type(7) {
  display: flex;
  width: 14% !important;
}
@media screen and (max-width: 600px) {
  #mtgSiteTabs .mat-tab-label:nth-of-type(7) {
    display: none;
  }
}
.site-tab-no-data {
  color: #DDD;
  font-size: 40px;
  font-weight: bold;
  height: 508px;
  position: relative;
  text-align: center;
}
.site-tab-no-data-large {
  font-size: 48px;
}
.site-tab-no-data > div {
  margin: -50px 15% 0 15%;
  max-width: 70%;
  max-height: 100px;
  padding: 0 16px;
  position: absolute;
  top: 50%;
}
md-content div[kendo-chart] {
  margin: 0;
  padding: 0;
  position: absolute;
}
site-info {
  display: block;
  height: 100%;
}
.site-info-header {
  font-size: 14px;
  font-weight: bold;
  margin-top: 9px;
}
.site-info-button {
  background-color: #F1592C !important;
  border-radius: 0;
  color: #FFF !important;
  line-height: 26px !important;
  margin-left: 0 !important;
  min-height: inherit !important;
  min-width: inherit !important;
  padding: 0 15px !important;
}
.site-info-content {
  background-color: #FFF;
  height: 100%;
}
.site-info-content .site-info-inner-content {
  background-color: #FFF;
  height: calc(100% - 53px) !important;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 16px;
  position: relative;
  width: calc(100% - (2 * 16px));
}
.site-info-content .site-info-inner-content::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.site-info-content .site-info-inner-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.site-info-content .site-info-inner-content::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.site-info-content .site-info-inner-content + .bottom-actions {
  margin-top: 0 !important;
}
.site-info-content div[layout="row"] textarea {
  border: 0;
  border-bottom: 1px solid #E1E1E1;
  outline: none;
  width: calc(100% - 8px);
}
.site-info-content div[layout="row"] textarea:focus {
  border-bottom: 2px solid #09F;
}
.single-info-field {
  margin: 0 16px 0 0;
  width: calc(25% - 16px);
}
.single-info-field .delete-static-variable,
.single-info-field .close-add-static-variable {
  position: absolute;
  right: -8px;
  top: -8px;
}
.single-info-field .confirm-add-static-variable {
  position: absolute;
  right: 16px;
  top: -8px;
}
.double-info-field {
  margin: 0 16px 0 0;
  width: calc(50% - 16px);
}
.double-info-field .mat-form-field-infix {
  width: 100% !important;
  max-width: 100% !important;
}
.site-family-list {
  border-bottom: 1px solid #BBB;
  font-size: 14px;
  margin: 4px 0 0 0;
  width: 240px;
}
.site-family-list div:first-of-type {
  color: #909090;
  margin: 0 0 8px 0;
}
.site-family-list a {
  display: block;
  font-size: 13px;
  margin: 0 0 4px 0;
}
.multisite-control-list {
  border-bottom: 1px solid #BBB;
  font-size: 14px;
  margin: 4px 0 0 0;
  width: 400px;
}
.multisite-control-list div:first-of-type {
  color: #909090;
  margin: 0 0 8px 0;
}
.multisite-control-list a {
  display: block;
  font-size: 13px;
  margin: 0 0 4px 0;
}
.site-info-add-new-field {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 1px dotted #2095F5;
  color: #2095F5;
  cursor: pointer;
  font-size: 14px;
  padding: 4px;
  text-align: center;
  width: calc(100% - 8px);
}
.site-info-add-new-field:hover {
  border-bottom: 1px solid #808080;
  color: #404040;
}
.site-graphs-content {
  padding: 16px !important;
}
#divGraph text {
  font: 12px Arial, Helvetica, sans-serif !important;
}
.graph-control-label {
  color: #444;
  font-size: 14px;
  font-weight: bold;
  max-width: 150px;
  padding: 5px 0 0 0;
}
.graph-channel-select-wrapper {
  max-width: 650px;
}
.graph-channel-select-wrapper .select2 {
  width: 100% !important;
}
.graph-chip-icon {
  background-color: #FFF;
  border-radius: 15px;
  left: -11px;
  padding: 8px;
  position: relative;
}
notification-icon.active,
notification-icon.active:after {
  color: #4CAF50 !important;
}
#selGraphs.ui-select-multiple {
  border: 1px solid #C7C7C7;
  max-width: 94%;
  min-width: 94%;
}
#divOuterGraphWrapper {
  min-height: 400px;
}
.ui-select-multiple .btn {
  background-color: #F2F2F2;
  display: inline-block;
  height: 20px;
  margin: 0;
  padding: 3px 5px 0 5px;
}
.ui-select-multiple .dropdown-menu .ui-select-match > span {
  margin: 2px 2px 0 0;
}
.ui-select-multiple .dropdown-menu {
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: none;
  float: left;
  font-size: 14px;
  left: 6.5%;
  list-style: none;
  margin: 2px 0 0;
  min-width: 160px;
  padding: 5px 0;
  position: absolute;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  width: auto !important;
  z-index: 1000;
}
.ui-select-multiple .close {
  background-color: #FFF;
  border: 1px solid #CCC;
  color: #8B8B8B;
  display: inline-block;
  float: right;
  font-size: 16px !important;
  height: auto;
  margin: 0 0 0 8px;
  padding: 2px 0 1.5px 0;
  text-indent: 0;
  width: 16px;
}
.ui-select-multiple .close:hover {
  background-color: #E8E8E8;
  cursor: pointer;
}
.ui-select-multiple.open .dropdown-menu {
  display: block;
}
.ui-select-multiple.open > a {
  outline: 0;
}
.ui-select-multiple a {
  text-decoration: none !important;
}
.graph-loader {
  left: 50%;
  margin-left: -48px;
  margin-top: -56px;
  position: absolute;
  text-align: center;
  top: 50%;
  z-index: 150;
}
.site-footer-toolbar {
  box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.33);
  font-size: 14px;
  height: 40px !important;
  min-height: 40px;
  white-space: nowrap;
  z-index: 9;
}
.site-footer-toolbar.alarm {
  background-color: #EF4338 !important;
}
@media screen and (max-width: 600px) {
  .site-footer-toolbar {
    padding: 0 16px 0 4px !important;
  }
}
.site-footer-toolbar-left {
  color: #FFF;
  display: inline-block;
  padding: 0 0 0 24px;
}
@media screen and (max-width: 600px) {
  .site-footer-toolbar-left {
    padding: 0 0 0 12px !important;
  }
}
.site-footer-toolbar-left .site-footer-last-contacted {
  display: inline-block;
  margin: 4px 0 0 0;
  min-width: 128px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 600px) {
  .site-footer-toolbar-left .site-footer-last-contacted {
    font-size: 13px;
    height: 40px;
    overflow: hidden;
    white-space: normal;
  }
}
.site-footer-toolbar-left .site-footer-icon {
  display: inline-block;
  left: 24px;
  min-width: 40px;
  position: relative;
  top: 4px;
}
.site-footer-toolbar-left .site-footer-icon,
.site-footer-toolbar-right .site-footer-icon {
  margin-top: 4px;
}
.site-footer-toolbar-right {
  color: #FFF;
  display: inline-block;
  height: 40px;
  text-align: right;
  vertical-align: top;
  width: calc(50% - 8px);
}
.site-footer-toolbar-right .site-footer-icon {
  position: relative;
  top: -4px !important;
}
.site-footer-toolbar-right .site-footer-icon .mdi-alert {
  color: #FF3;
}
.site-footer-toolbar-right .mini-stat {
  display: inline-block;
  max-width: 85px;
  position: relative;
  text-align: left;
  top: auto;
  white-space: nowrap;
  width: 85px;
}
.mini-stat .volt-stat {
  width: 80px;
}
.mini-stat.temp-stat {
  width: 100px;
}
.mini-stat.rssi-stat {
  width: 95px;
}
.mini-stat .mini-stat-invalid {
  color: #BBB !important;
}
.site-footer-toolbar-right > div {
  display: inline-block;
  padding-left: 4px;
  max-width: 400px;
}
.site-footer-toolbar-right > div > div {
  display: inline-block;
  margin-left: 0;
  margin-top: -5px;
  min-width: 28px;
  position: relative;
  top: -8px;
}
.site-footer-toolbar-right > div > img {
  margin: 0 0 0 8px;
}
.unit-config-content,
.unit-config-pending-content {
  display: block;
  height: calc(100% - 48px);
  padding: 8px 0 0 0;
  width: 100%;
}
.unit-config-pending-content {
  height: calc(100% - 101px);
}
.unit-config-pending-content::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.unit-config-pending-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.unit-config-pending-content::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.unit-config-pending-item-header {
  padding: 0 8px 0 16px;
}
.unit-config-pending-item {
  padding: 16px 8px 12px 12px !important;
  position: relative;
}
.unit-config-pending-item .unit-config-pending-item-label {
  color: #999;
  font-size: 15px;
}
.unit-config-pending-item:nth-child(2n + 1) {
  background-color: #F2F2F2;
}
.unit-config-pending-item i.mdi-arrow-right {
  line-height: 11px;
  position: relative;
  top: 4px;
}
.unit-config-pending-item .value-from {
  display: inline-block;
}
.unit-config-pending-item .value-to {
  color: #52AA52;
  display: inline-block;
}
.unit-config-pending-item div[layout="row"]:nth-of-type(2) {
  position: relative;
  top: -6px;
}
.unit-config-pending-item mat-menu {
  cursor: pointer;
  display: block;
  margin-top: -18px;
  position: absolute;
  right: 24px;
  top: 50%;
  width: 20px;
}
.unit-config-load-indicator {
  height: 50px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.55);
  width: 50px;
}
@media screen and (max-width: 600px) {
  unit-config-channel {
    display: block;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  unit-config-channel::-webkit-scrollbar {
    height: 11px;
    width: 11px;
  }
  unit-config-channel::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
  }
  unit-config-channel::-webkit-scrollbar-thumb {
    background-color: #909090;
    cursor: pointer;
  }
}
.unit-config-list {
  max-height: calc(100%);
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  width: calc(100%);
}
.unit-config-list::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.unit-config-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.unit-config-list::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.unit-config-list div[layout="row"] {
  height: 38px;
  min-height: 38px;
}
.unit-config-list.no-advanced-settings {
  border-top: none;
  padding-top: 12px !important;
}
.unit-config-group {
  border-bottom: 1px solid #E1E1E1;
}
.unit-config-group .unit-config-accordion-header {
  background-color: #FFF;
  border-bottom: 1px solid #E1E1E1;
  height: 40px;
  position: relative;
}
.unit-config-group .unit-config-accordion-header .unit-config-accordion-icon {
  left: 8px;
  position: absolute;
  top: 8px;
}
.unit-config-group .unit-config-accordion-header .unit-config-accordion-title {
  color: rgba(0, 0, 0, 0.87);
  display: inline-block;
  font-weight: bold;
  margin: 12px 0 0 44px;
}
.unit-config-group .unit-config-accordion-header .unit-config-accordion-toggle {
  border-radius: 20px;
  color: grey;
  cursor: pointer;
  font-size: 15px;
  margin: 6px 0 0 8px;
  padding: 2px 0 3px;
  position: absolute;
  right: 8px;
  text-align: center;
  top: 4px;
  width: 25px;
  transition: all .3s ease;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.unit-config-group .unit-config-accordion-header .unit-config-accordion-toggle:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
.unit-config-group .unit-config-accordion-header ~ .unit-config-item {
  background-color: #F2F2F2;
}
.unit-config-group.toggled .unit-config-accordion-header .unit-config-accordion-toggle {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.unit-config-group.has-accordion {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 40px;
  overflow-y: hidden;
}
.unit-config-group.has-accordion.toggled {
  height: auto;
  overflow-y: initial;
}
.unit-config-group.has-accordion.toggled .unit-config-item {
  border-bottom: 1px solid #E1E1E1;
}
.unit-config-item {
  border-bottom: 1px solid #E1E1E1;
  cursor: pointer;
  height: 38px;
}
.unit-config-item.has-pending-changes {
  background-color: #FF6 !important;
}
.unit-config-item .config-title {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 8px !important;
  height: 100%;
  font-weight: bold;
  max-width: 75%;
  overflow: hidden;
}
.unit-config-item i.mdi {
  position: relative;
  top: 4px;
}
.unit-config-item i.mdi.toggled {
  color: #FFA500;
}
.unit-config-item i.mdi.toggled:hover {
  color: #DD9600;
}
.unit-config-item .settings-icon {
  color: rgba(0, 0, 0, 0.2);
  margin: 0 11px 0 2px;
  position: relative;
  top: 7px;
  width: 21px;
}
.unit-config-item i.alarm-toggle,
.unit-config-item i.visibility-toggle {
  color: rgba(0, 0, 0, 0.18);
}
.unit-config-item i.alarm-toggle:hover,
.unit-config-item i.visibility-toggle:hover {
  color: rgba(0, 0, 0, 0.36);
}
.unit-config-item:last-of-type {
  border-bottom: 0;
}
.unit-config-item:hover {
  background-color: #E7E7E7;
}
.unit-config-item-parameter {
  vertical-align: top;
}
.unit-config-item-parameter:not(.visible) {
  display: none !important;
}
.unit-config-item-parameter.admin-only dropdown dropdown-label {
  border-bottom: 2px solid #D43127;
  color: #D43127 !important;
}
.unit-config-item-parameter.admin-only label {
  color: #D43127 !important;
}
.unit-config-item-parameter.admin-only .mat-input-element[readonly] {
  color: #FF9090 !important;
}
.unit-config-item-parameter.admin-only .mat-form-field-underline {
  background-color: #D43127;
}
.unit-config-item-parameter .mat-form-field-label-wrapper {
  overflow: visible !important;
}
.unit-config-item-parameter dropdown {
  max-width: 180px;
}
.unit-config-item-parameter mat-input-container {
  max-width: 250px;
  width: 100%;
}
.unit-config-actions {
  bottom: 0;
  position: absolute;
  width: calc(100% - 16px);
}
.unit-config-actions > button {
  min-width: 86px;
}
/*
.unit-config-no-items {
    color: #909090;
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: normal;
    width: 216px;
}
*/
.bit-container {
  min-height: 54px;
  position: relative;
  white-space: nowrap;
}
.bit-container .left-bit-option,
.bit-container .right-bit-option {
  display: inline-block;
  margin: 12px 0 0 0 !important;
  max-width: 95px;
  min-width: 32px;
  overflow-x: hidden;
  text-align: center;
  top: 0;
  vertical-align: top;
  white-space: normal;
}
.bit-container .left-bit-option.small-text,
.bit-container .right-bit-option.small-text {
  font-size: 12px !important;
  max-width: 72px !important;
}
@media screen and (max-width: 600px) {
  .bit-container .left-bit-option.small-text,
  .bit-container .right-bit-option.small-text {
    font-size: 11px !important;
    max-width: 50px !important;
  }
}
.bit-container.disabled .left-bit-option,
.bit-container.disabled .right-bit-option {
  color: #909090 !important;
}
.bit-container md-switch {
  position: absolute;
  left: 32px;
}
.bit-container mat-slide-toggle {
  display: inline-block;
  margin: 10px 6px 0 6px !important;
}
.shunt-container {
  padding: 22px 0 0 0;
  position: relative;
  white-space: nowrap;
}
.shunt-container > label {
  color: #404040 !important;
  display: block;
  font-size: 13px;
  font-weight: bold;
  position: absolute;
  top: 2px;
}
.shunt-container > div > label {
  font-weight: bold;
}
.shunt-container mat-input-container,
.shunt-container .mat-form-field-infix {
  max-width: 80px !important;
  min-width: 80px !important;
}
.shunt-container mat-input-container > input,
.shunt-container .mat-form-field-infix > input {
  max-width: 100%;
  min-width: unset !important;
}
.shunt-container .mat-form-field-label-wrapper {
  overflow: visible !important;
}
.shunt-container .mat-form-field-label-wrapper label {
  min-width: 180px !important;
  width: auto !important;
}
.current-configuration-status {
  cursor: default;
  left: 50%;
  position: absolute;
  top: 12px;
}
.current-configuration-status svg {
  cursor: default !important;
  height: 24px;
  width: 24px;
}
.current-configuration-status svg.configured path {
  fill: #1F8F1F !important;
}
.current-configuration-status svg.unconfigured path {
  fill: #D43127 !important;
}
.current-configuration-status svg.unsent path {
  fill: #FFA500 !important;
}
.unit-config-command {
  padding-bottom: 4px !important;
  min-height: 36px;
  position: relative;
}
.unit-config-command .config-command-label {
  margin-right: 8px !important;
  padding-left: 16px !important;
  left: 28px;
  position: absolute;
  top: 10px;
}
.unit-config-command .config-command-actions {
  height: 32px;
  left: -4px;
  margin: 0 12px 0 0 !important;
  max-height: 32px;
  min-height: 32px;
  position: absolute;
  right: auto;
  text-align: right;
  top: 2px;
}
.unit-config-command .config-command-button {
  margin-left: 8px !important;
  border-radius: 16px;
  padding: 0 3px 6px 3px;
}
.unit-config-command .config-command-button:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.unit-config-command.admin-only .config-command-button {
  color: #D43127 !important;
}
.unit-config-command.admin-only .config-command-button:hover {
  background-color: rgba(200, 0, 0, 0.2);
}
.unit-config-command.command-running .config-command-label {
  color: #808080 !important;
}
.unit-config-command.command-running .config-command-button {
  background: url('/app/content/images/loader-3.gif');
  background-color: rgba(255, 255, 255, 0) !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  display: block;
  height: 20px;
  margin: 0 0 0 30px !important;
  width: 20px;
}
.unit-config-command.command-running .config-command-button:after {
  content: '' !important;
}
.config-command-button .custom-dialog {
  min-height: 400px;
  min-width: 700px;
  overflow-y: unset;
}
.command-dialog-content .k-numerictextbox {
  display: block;
  width: 100% !important;
}
.config-dialog mat-input-container > label {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 124%;
}
.config-dialog mat-input {
  width: 228px;
}
.config-dialog .command-parameter,
.config-dialog md-list-item {
  display: inline-block;
  margin: 0 16px 8px 0;
  width: 240px;
}
@media screen and (max-width: 600px) {
  .config-dialog .command-parameter,
  .config-dialog md-list-item {
    margin-right: 10px;
  }
}
.config-dialog .single-column-list {
  max-width: 288px;
}
.config-dialog .single-column-list > md-list-item {
  display: block;
}
.config-dialog .double-column-list {
  max-width: 516px;
}
.config-dialog .triple-column-list {
  max-width: 776px;
}
@media screen and (max-width: 600px) {
  .config-dialog {
    padding-right: 8px !important;
  }
}
.config-dialog .label-config-item {
  color: #8A8A8A;
  font-size: 14px;
  font-weight: normal;
  padding-bottom: 4px;
  text-transform: none;
  width: 96%;
}
.config-dialog .default-config-item {
  border-bottom: 1px dotted #AAA;
  color: #C8C8C8;
  font-size: 14px;
  font-weight: normal;
  padding-bottom: 4px;
  text-transform: capitalize;
  width: 96%;
}
.config-dialog md-list-item {
  margin-bottom: 8px;
  min-height: initial;
}
.config-dialog md-list-item > div {
  width: 100%;
}
.config-dialog md-list-item .md-list-item-inner {
  min-height: initial;
}
.config-dialog .md-errors-spacer {
  min-height: 8px;
}
.config-dialog mat-input-container,
.config-dialog mat-input-container-legacy {
  width: 100% !important;
}
@media screen and (max-width: 600px) {
  .config-dialog mat-input-container,
  .config-dialog mat-input-container-legacy {
    margin-bottom: 8px !important;
  }
}
.custom-dialog .custom-dialog-content {
  overflow-y: auto;
  padding: 16px 20px 4px 20px;
}
.custom-dialog .custom-dialog-content .md-errors-spacer {
  min-height: 0;
}
.custom-dialog .custom-dialog-content mat-input-container {
  margin-bottom: 8px;
}
.custom-dialog .custom-dialog-content md-select {
  margin-top: 0;
}
.custom-dialog .custom-dialog-content h2 {
  color: #606060;
}
site-notes {
  display: block;
  height: calc(100% - (48px + 8px));
}
site-notes .site-notes-inner-content {
  width: 100% !important;
  height: 100%;
  max-height: calc(100% - 108px);
  overflow-y: auto;
  padding: 4px 0 0 0;
}
site-notes .site-notes-inner-content::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
site-notes .site-notes-inner-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
site-notes .site-notes-inner-content::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
site-notes .site-notes-inner-content + .bottom-actions {
  margin: 0 !important;
}
@media screen and (max-width: 600px) {
  site-notes .site-notes-inner-content {
    max-height: calc(100% - 150px) !important;
  }
}
.site-no-notes {
  padding: 16px !important;
  color: #AFAFAF;
  font-size: 16px;
  margin: -48px auto 0 auto;
  position: relative;
  text-align: center;
  top: 50%;
  white-space: normal;
  width: 216px;
}
.site-no-notes > i.mdi {
  color: #DDD;
  font-size: 60px;
  left: 50%;
  margin: 0 0 0 -30px;
  position: absolute;
  top: -54px;
}
.notes-load-indicator {
  height: 64px;
  left: 50%;
  margin: -52px 0 0 -28px;
  position: absolute;
  top: 50%;
  transform: scale(0.5);
  width: 64px;
}
#divNoteTypeSelect {
  float: right !important;
  margin-bottom: 4px !important;
  padding-right: 24px !important;
  max-width: 160px;
  position: relative;
  top: 12px;
}
.site-notes-add {
  color: #757575;
  font-size: 18px;
  padding: 1px;
}
.site-notes-add:hover {
  background-color: #EEE;
  border-radius: 20px;
  color: #AAA;
  cursor: pointer;
  font-size: 18px;
}
.site-notes-block {
  padding: 16px !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 1px solid #EEE !important;
  position: relative;
  width: calc(100% - (16px * 2));
}
.site-notes-block:hover {
  background-color: #EEE;
}
.site-notes-block .site-notes-ribbon {
  background-color: #FFF;
  box-shadow: none;
  display: block;
  height: calc(100% - (12px * 2));
  margin: 12px 12px 0 4px;
  position: absolute;
  top: 0;
  width: 8px;
}
.site-notes-block .site-notes-ribbon + .site-notes-content {
  display: inline-block;
  font-size: 14px;
  margin: 0 0 0 24px;
  width: 90%;
}
.site-notes-block .site-notes-ribbon + .site-notes-content .site-notes-content-row {
  height: 20px;
  margin: 0 0 2px 0;
  min-height: 20px;
  white-space: nowrap;
  word-wrap: break-word;
}
.site-notes-block .site-notes-ribbon + .site-notes-content .site-notes-content-row .from-label {
  font-weight: bold !important;
  display: inline-block !important;
  width: 106px;
}
.site-notes-block .site-notes-ribbon + .site-notes-content .site-notes-content-row .from-value {
  display: inline-block !important;
  width: calc(100% - 120px);
}
.site-notes-block .site-notes-ribbon + .site-notes-content .site-notes-content-row .date-label {
  font-weight: bold !important;
  display: inline-block !important;
  width: 40px;
}
.site-notes-block .site-notes-ribbon + .site-notes-content .site-notes-content-row .date-value {
  display: inline-block !important;
  width: calc(100% - 56px);
}
.site-notes-block .site-notes-content + .site-notes-controls {
  position: absolute;
  right: 0;
  top: 8px;
}
site-note-edit-dialog dropdown {
  min-width: 100px !important;
}
.first-site-notes-block {
  border-top: 1px solid #DDD !important;
}
.last-site-notes-block {
  border-bottom: 0 !important;
}
.notes-field-edit {
  width: 100%;
}
.notes-field-edit input,
.notes-field-edit textarea {
  border: 0;
  color: #545454 !important;
  width: 100%;
}
.site-note-type-select {
  display: inline-block;
  margin: 0;
  position: relative;
  text-transform: capitalize;
  top: -10px;
  width: 144px;
}
.notes-field-edit textarea {
  height: 200px !important;
}
.note-other {
  background-color: #BBB;
  height: 100%;
  width: 8px;
}
.note-site {
  background-color: #1E88E5;
  height: 100%;
  width: 8px;
}
.note-unit {
  background-color: #FF7043;
  height: 100%;
  width: 8px;
}
#selectNoteType {
  width: 150px;
}
.site-photo-upload-row {
  max-height: 48px;
  padding: 0 16px;
  position: relative;
}
.site-photo-upload-row .capture-file-button,
.site-photo-upload-row .choose-file-button {
  background-color: #EEE;
  bottom: 12px;
  position: absolute;
  right: 12px;
}
.site-photo-upload-row .capture-file-button.capture-file-button,
.site-photo-upload-row .choose-file-button.capture-file-button {
  right: 112px;
}
.site-photo-max-size {
  color: #C0C0C0;
  font-size: 12px;
  right: 16px;
  margin: -8px 0 0 0;
  position: absolute;
}
.site-photo-textarea {
  padding: 0;
}
.site-photo-textarea .md-char-counter {
  right: 16px;
}
photo-gallery {
  background-color: #FFF;
  display: block;
  height: calc(100% - 48px);
  padding: 23px 24px 24px 24px;
  position: relative;
}
div.k-calendar-container [role="gridcell"] {
  border-radius: 4px !important;
  padding: 0;
  text-align: center;
}
div.k-calendar-container .k-link {
  border-radius: 4px !important;
  padding: 0 !important;
}
#divSiteChannelHistoryGrid .km-switch {
  top: 4px !important;
  transform: scale(0.75);
}
.help-highlight-7 {
  bottom: 40px;
  left: 0;
  position: fixed;
  right: auto;
  top: 88px;
  width: 50%;
}
.help-highlight-8 {
  bottom: 40px;
  left: auto;
  position: fixed;
  right: 0;
  top: 88px;
  width: 50%;
}
.site-group-select-header {
  position: relative;
  white-space: nowrap;
}
.site-group-select-header > .row-item:first-child {
  width: 100% !important;
  border-right: 1px solid #DDD;
  white-space: nowrap !important;
}
.site-group-select-header > .row-item:first-child > mat-checkbox {
  margin-left: 16px !important;
  margin-top: 16px !important;
  float: left !important;
}
.site-group-select-header > .row-item:first-child > mat-checkbox .mat-checkbox-inner-container {
  margin-right: -4px !important;
}
.site-group-select-header > .row-item:first-child .icon-button {
  margin: 8px 12px 0 0;
}
.site-group-select {
  max-height: 428px;
}
.site-group-selection-search-bar {
  background-color: #FFF;
  font-size: 14px;
  height: 48px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 34;
}
.site-group-selection-search-bar > mat-input {
  left: 40px;
  width: 80%;
}
.site-group-selection-search-bar > .icon-button {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 20px;
  display: inline-block;
  font-size: 22px;
  padding: 0 3px;
  position: absolute;
  width: 24px;
}
.site-group-selection-search-bar > .icon-button:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.site-group-selection-search-bar > .icon-button.close-button {
  font-size: 18px !important;
  height: 16px !important;
  left: 4px !important;
  line-height: 16px !important;
  margin: 0 0 0 4px !important;
  padding: 5px !important;
  top: 12px !important;
  width: 16px !important;
}
.site-group-selection-search-bar > .icon-button.search-button {
  right: 8px;
  top: 8px;
}
.site-group-search-key {
  height: 24px;
  margin: 12px 0 0 36px !important;
  width: calc(100% - 80px) !important;
}
messages {
  z-index: 6;
}
.messages-page {
  height: 100%;
}
.user-message-row {
  background-color: #FFF;
  width: 50% !important;
  min-width: 400px !important;
}
.user-message-row.expanded {
  width: 70% !important;
}
.user-message-envelope {
  display: inline-block;
  position: relative;
  top: -6px;
  width: 42px;
}
.user-message-title {
  display: inline-block;
  position: relative;
  top: -10px;
  width: 42%;
}
.user-message-timestamp {
  display: inline-block;
  font-size: 14px;
  margin: 4px 0 0 16px;
  max-width: none;
  min-width: initial;
  position: relative;
  top: -12px;
  width: 24%;
}
.user-message-timestamp > div {
  left: 7px;
  position: relative;
  top: 2px;
}
.user-message-read-by {
  margin-top: 4px !important;
  bottom: 16px !important;
  position: absolute;
  right: 12px;
  text-align: right;
  top: 2px;
  width: 24%;
}
.user-message-read-by > div {
  color: #606060;
}
.user-message-opened {
  margin: 24px 0;
}
.user-message-header {
  border-bottom: 1px solid #DCDCDC;
  padding: 12px;
}
.user-message-large-title {
  font-size: 18px;
}
.user-message-body {
  padding: 24px !important;
  width: calc(100% - (24px * 2)) !important;
}
.user-message-body ul {
  padding: 0 0 0 32px;
}
.user-notification-method .user-notification-method-header {
  padding-top: 8px !important;
  font-size: 16px;
  font-weight: bold;
  min-height: 30px;
}
.user-notification-method .user-notifications-method-content {
  padding-left: 16px !important;
  white-space: nowrap;
}
.user-notification-method .user-notifications-method-content > div {
  min-width: 80px;
}
.user-messages-paginator {
  margin-top: 16px !important;
  background-color: #FFF;
  display: block;
  margin: 0 auto;
  min-width: 400px !important;
  width: 50%;
}
.message-header-standard {
  color: #717A80;
  font-size: 20px;
}
.message-table-standard {
  display: table;
  text-align: center;
}
.message-table-standard > div {
  display: table-row;
  text-align: center;
}
.message-table-standard > div > div {
  border: 1px solid #858585;
  display: table-cell;
  padding: 4px 16px;
  text-align: center;
  vertical-align: middle;
}
.user-photo-details {
  border-bottom: 1px solid #E1E1E1;
  color: #D7D7D7;
  margin: 0 16px;
  position: relative;
}
.user-photo-details .details-label {
  margin: 0 6px 0 0;
  position: relative;
  top: -4px;
}
.user-photo-details .details-url {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #757575;
  display: inline-block;
  max-width: 460px;
  position: absolute;
}
.user-photo-details .details-photo-name {
  color: #5A5A5A;
  display: inline-block;
  height: 26px;
  overflow-x: hidden;
  text-align: left;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: 275px;
}
.user-photo-details .details-photo-size {
  color: #5A5A5A;
  display: inline-block;
  height: 26px;
  text-align: right;
  vertical-align: middle;
  width: 70px;
}
#settingsTabs {
  background-color: #FFF;
  border-radius: 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  min-height: 577px;
  width: 100%;
}
#settingsTabs mat-tab-content {
  overflow-y: hidden;
}
#settingsTabs mat-tab-content::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
#settingsTabs mat-tab-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
#settingsTabs mat-tab-content::-webkit-scrollbar-thumb {
  background: rgba(120, 120, 120, 0.5);
}
#settingsTabs [mat-tabs-template] {
  height: 100% !important;
}
#settingsTabs [mat-tabs-template] > md-content {
  height: 100% !important;
}
.assign-to-company-dropdown,
.assign-to-company-label {
  margin-right: 16px !important;
  background-color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  left: 32px;
  line-height: 14px;
  padding-top: 12px;
  position: absolute;
  top: 16px;
  width: 220px;
  z-index: 4;
}
.assign-to-companies,
.assign-to-company-groups {
  border: 1px solid #DDD;
  height: 422px;
  max-width: 360px;
  min-width: 300px;
}
.manage-notifications {
  display: inline-block;
  max-height: 320px;
  min-height: 120px;
  font-size: 14px;
  margin: 16px 0 0 0;
  overflow-y: auto;
  padding: 8px 12px;
  width: calc(100% - (16px * 2));
}
.manage-notifications::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.manage-notifications::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.manage-notifications::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.manage-notifications .additional-notification {
  border-bottom: 1px solid #CDCDCD;
  margin: 8px 0 0 0;
  white-space: nowrap;
}
.manage-notifications .additional-notification > mat-form-field,
.manage-notifications .additional-notification > validation-container {
  vertical-align: top;
}
.manage-notifications .additional-notification:last-of-type {
  border-bottom: none;
}
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography h1 {
  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography h2 {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-body-2,
.mat-body-strong {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
}
.mat-body,
.mat-body-1,
.mat-typography {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
}
.mat-body p,
.mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-caption,
.mat-small {
  font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
}
.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-content,
.mat-card-subtitle {
  font-size: 14px;
}
.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-remove.mat-icon,
.mat-chip .mat-chip-trailing-icon.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell,
.mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
}
.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: .5em 0;
  border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.33333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.33334%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: .66667em;
  top: calc(98.20833%);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translateY(-1.28125em) scale(0.75);
  width: 133.33333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  -ms-transform: translateY(-1.28124em) scale(0.75);
  width: 133.33334%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  -ms-transform: translateY(-1.28123em) scale(0.75);
  width: 133.33335%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: .54167em;
  top: calc(98.33333%);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.33333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.33334%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.33333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.33334%;
}
.mat-grid-tile-footer,
.mat-grid-tile-header {
  font-size: 14px;
}
.mat-grid-tile-footer .mat-line,
.mat-grid-tile-header .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-footer .mat-line:nth-child(n+2),
.mat-grid-tile-header .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}
.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-horizontal,
.mat-stepper-vertical {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: 400;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tab-label,
.mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0;
}
.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
}
.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-nested-tree-node,
.mat-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0s cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0);
}
@media (-ms-high-contrast: active) {
  .mat-ripple-element {
    display: none;
  }
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.cdk-global-overlay-wrapper,
.cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
@keyframes cdk-text-field-autofill-start {
  /*!*/
}
@keyframes cdk-text-field-autofill-end {
  /*!*/
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation-name: cdk-text-field-autofill-start;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation-name: cdk-text-field-autofill-end;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  height: auto!important;
  overflow: hidden!important;
  padding: 2px 0!important;
  box-sizing: content-box !important;
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #3f51b5;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #3f51b5;
}
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
  background: #ff4081;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-elevation-z0 {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z1 {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z2 {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z3 {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-autocomplete-panel {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #fff;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}
.mat-badge-content {
  color: #fff;
  background: #3f51b5;
}
@media (-ms-high-contrast: active) {
  .mat-badge-content {
    outline: solid 1px;
    border-radius: 0;
  }
}
.mat-badge-accent .mat-badge-content {
  background: #ff4081;
  color: #fff;
}
.mat-badge-warn .mat-badge-content {
  color: #fff;
  background: #f44336;
}
.mat-badge {
  position: relative;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}
.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 0.2s ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.mat-badge-content._mat-animation-noopable,
.ng-animate-disabled .mat-badge-content {
  transition: none;
}
.mat-badge-content.mat-badge-active {
  transform: none;
}
.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.mat-bottom-sheet-container {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-button,
.mat-icon-button,
.mat-stroked-button {
  color: inherit;
  background: 0 0;
}
.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
  color: #3f51b5;
}
.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
  color: #ff4081;
}
.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
  color: #f44336;
}
.mat-button.mat-accent[disabled],
.mat-button.mat-primary[disabled],
.mat-button.mat-warn[disabled],
.mat-button[disabled][disabled],
.mat-icon-button.mat-accent[disabled],
.mat-icon-button.mat-primary[disabled],
.mat-icon-button.mat-warn[disabled],
.mat-icon-button[disabled][disabled],
.mat-stroked-button.mat-accent[disabled],
.mat-stroked-button.mat-primary[disabled],
.mat-stroked-button.mat-warn[disabled],
.mat-stroked-button[disabled][disabled] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #3f51b5;
}
.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #ff4081;
}
.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}
.mat-button[disabled] .mat-button-focus-overlay,
.mat-icon-button[disabled] .mat-button-focus-overlay,
.mat-stroked-button[disabled] .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
  opacity: .1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: #000;
}
.mat-stroked-button:not([disabled]) {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-fab,
.mat-flat-button,
.mat-mini-fab,
.mat-raised-button {
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
}
.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  color: #fff;
}
.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  color: #fff;
}
.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  color: #fff;
}
.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  background-color: #3f51b5;
}
.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  background-color: #ff4081;
}
.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  background-color: #f44336;
}
.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-fab.mat-primary .mat-ripple-element,
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-fab.mat-accent .mat-ripple-element,
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-fab.mat-warn .mat-ripple-element,
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button:not([class*=mat-elevation-z]),
.mat-stroked-button:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]) {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-raised-button[disabled]:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}
.mat-fab:not([disabled]):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]) {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-fab[disabled]:not([class*=mat-elevation-z]),
.mat-mini-fab[disabled]:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-group,
.mat-button-toggle-standalone {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  box-shadow: none;
}
.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: #000;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #fff;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  border: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-card {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
@media (-ms-high-contrast: black-on-white) {
  .mat-checkbox-checkmark-path {
    stroke: #000 !important;
  }
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #3f51b5;
}
.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #ff4081;
}
.mat-checkbox-checked.mat-warn .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.54);
}
@media (-ms-high-contrast: active) {
  .mat-checkbox-disabled {
    opacity: 0.5;
  }
}
@media (-ms-high-contrast: active) {
  .mat-checkbox-background {
    background: 0 0;
  }
}
.mat-checkbox .mat-ripple-element {
  background-color: #000;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #3f51b5;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #ff4081;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: #000;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #3f51b5;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: #fff;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: #fff;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: #fff;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background: rgba(255, 255, 255, 0.1);
}
.mat-table {
  background: #fff;
}
.mat-table tbody,
.mat-table tfoot,
.mat-table thead,
.mat-table-sticky,
[mat-footer-row],
[mat-header-row],
[mat-row],
mat-footer-row,
mat-header-row,
mat-row {
  background: inherit;
}
mat-footer-row,
mat-header-row,
mat-row,
td.mat-cell,
td.mat-footer-cell,
th.mat-header-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell,
.mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-toggle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: rgba(0, 0, 0, 0.38);
}
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-selected {
  background-color: #3f51b5;
  color: #fff;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(63, 81, 181, 0.4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #ff4081;
  color: #fff;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(255, 64, 129, 0.4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: #fff;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content-touch {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-datepicker-toggle-active {
  color: #3f51b5;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}
.mat-dialog-container {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #fff;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-indicator::after,
.mat-expansion-panel-header-description {
  color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
  color: inherit;
}
.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}
.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}
.mat-focused .mat-form-field-required-marker {
  color: #ff4081;
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #3f51b5;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #ff4081;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}
.mat-error {
  color: #f44336;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0, rgba(0, 0, 0, 0.42) 33%, transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0, rgba(0, 0, 0, 0.42) 33%, transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #3f51b5;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ff4081;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}
.mat-icon.mat-primary {
  color: #3f51b5;
}
.mat-icon.mat-accent {
  color: #ff4081;
}
.mat-icon.mat-warn {
  color: #f44336;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after,
.mat-input-element:disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
  caret-color: #3f51b5;
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-accent .mat-input-element {
  caret-color: #ff4081;
}
.mat-form-field-invalid .mat-input-element,
.mat-warn .mat-input-element {
  caret-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336;
}
.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-item-disabled {
  background-color: #eee;
}
.mat-action-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-list-option:focus,
.mat-list-option:hover,
.mat-nav-list .mat-list-item:focus,
.mat-nav-list .mat-list-item:hover {
  background: rgba(0, 0, 0, 0.04);
}
.mat-menu-panel {
  background: #fff;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.mat-menu-item {
  background: 0 0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled]::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-item-submenu-trigger::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-paginator {
  background: #fff;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-progress-bar-background {
  fill: #c5cae9;
}
.mat-progress-bar-buffer {
  background-color: #c5cae9;
}
.mat-progress-bar-fill::after {
  background-color: #3f51b5;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #ff80ab;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #ff80ab;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ff4081;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}
.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #3f51b5;
}
.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
  stroke: #ff4081;
}
.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
  stroke: #f44336;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #3f51b5;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #3f51b5;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff4081;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: #000;
}
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: #fff;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #3f51b5;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer.mat-drawer-push {
  background-color: #fff;
}
.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #3f51b5;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(63, 81, 181, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #3f51b5;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: #000;
}
.mat-slide-toggle-thumb {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label,
.mat-primary .mat-slider-track-fill {
  background-color: #3f51b5;
}
.mat-primary .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
  background-color: #ff4081;
}
.mat-accent .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label,
.mat-warn .mat-slider-track-fill {
  background-color: #f44336;
}
.mat-warn .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, 0.2);
}
.cdk-focused .mat-slider-track-background,
.mat-slider:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-disabled .mat-slider-thumb,
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-step-header:hover {
    background: 0 0;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: #fff;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #3f51b5;
  color: #fff;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336;
}
.mat-stepper-horizontal,
.mat-stepper-vertical {
  background-color: #fff;
}
.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header::after,
.mat-horizontal-stepper-header::before,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-header,
.mat-tab-nav-bar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-tab-group-inverted-header .mat-tab-header,
.mat-tab-group-inverted-header .mat-tab-nav-bar {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}
.mat-tab-label,
.mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #3f51b5;
}
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081;
}
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, 0.3);
}
.mat-tab-group.mat-background-primary .mat-tab-header,
.mat-tab-group.mat-background-primary .mat-tab-header-pagination,
.mat-tab-group.mat-background-primary .mat-tab-links,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary .mat-tab-links {
  background-color: #3f51b5;
}
.mat-tab-group.mat-background-primary .mat-tab-label,
.mat-tab-group.mat-background-primary .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-background-accent .mat-tab-header,
.mat-tab-group.mat-background-accent .mat-tab-header-pagination,
.mat-tab-group.mat-background-accent .mat-tab-links,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent .mat-tab-links {
  background-color: #ff4081;
}
.mat-tab-group.mat-background-accent .mat-tab-label,
.mat-tab-group.mat-background-accent .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-background-warn .mat-tab-header,
.mat-tab-group.mat-background-warn .mat-tab-header-pagination,
.mat-tab-group.mat-background-warn .mat-tab-links,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn .mat-tab-links {
  background-color: #f44336;
}
.mat-tab-group.mat-background-warn .mat-tab-label,
.mat-tab-group.mat-background-warn .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-toolbar {
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  background: #3f51b5;
  color: #fff;
}
.mat-toolbar.mat-accent {
  background: #ff4081;
  color: #fff;
}
.mat-toolbar.mat-warn {
  background: #f44336;
  color: #fff;
}
.mat-toolbar .mat-focused .mat-form-field-ripple,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-form-field-underline {
  background-color: currentColor;
}
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-select-value {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.mat-tree {
  background: #fff;
}
.mat-nested-tree-node,
.mat-tree-node {
  color: rgba(0, 0, 0, 0.87);
}
.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}
.mat-simple-snackbar-action {
  color: #ff4081;
}
@font-face {
  font-family: MaterialDesignIcons;
  src: url('../fonts/MaterialIcons-Regular.woff');
}
@font-face {
  font-family: Roboto Light;
  src: url('../fonts/Roboto-Light.ttf');
}
@font-face {
  font-family: Roboto Regular;
  src: url('../fonts/Roboto-Regular.ttf');
}
@font-face {
  font-family: Roboto Bold;
  src: url('../fonts/Roboto-Bold.ttf');
}
@font-face {
  font-family: Berthold Akzidenz Grotesk Regular;
  src: url('../fonts/Berthold Akzidenz Grotesk Regular.otf') format('opentype');
}
img {
  image-rendering: -webkit-optimize-contrast;
}
div,
li,
input:focus,
select:focus,
textarea:focus {
  outline: none;
}
label {
  font-size: 14px;
}
span {
  font-size: 14px;
}
.display4 {
  color: #777A7C;
  font: normal 112px 'Roboto Regular' !important;
}
.display3 {
  color: #777A7C;
  font: normal 56px 'Roboto Regular' !important;
}
.display2 {
  color: #777A7C;
  font: normal 45px 'Roboto Regular' !important;
}
.display1 {
  color: #646261;
  font: normal 34px 'Roboto Regular' !important;
}
.headline {
  color: #616261;
  font: normal 24px 'Roboto Regular' !important;
}
.title {
  color: #616261;
  font: normal 20px 'Roboto Regular' !important;
}
.subhead2 {
  color: #616261;
  font: 500 14px 'Roboto Regular' !important;
}
.body2 {
  color: #424343;
  font: normal 16px 'Roboto Regular' !important;
}
.body1 {
  color: #616261;
  font: normal 16px 'Roboto Regular' !important;
}
.button {
  color: #616261;
  font: normal 14px 'Roboto Regular' !important;
}
.button-highlight {
  color: #4690CD;
  font: normal 14px 'Roboto Regular' !important;
}
.table-header {
  color: #FFF;
  font: normal 14px 'Roboto Bold' !important;
}
.subhead1 {
  color: #777A7C;
  font: normal 12px 'Roboto Regular' !important;
}
.caption {
  color: #FFF;
  font: normal 12px 'Roboto Regular' !important;
}
h2 {
  color: #202020;
  font-size: 18px;
  font-weight: normal;
  margin: 8px 0;
}
.tab-catcher {
  background-color: rgba(255, 255, 255, 0);
  height: 10px;
  outline: 0;
  position: absolute;
  width: 50px;
  z-index: -999;
}
.link-text {
  color: #0050FF;
}
.icon-link {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #AAA;
  font-size: 13px;
  margin: 0 0 0 4px;
}
.icon-link i {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #AAA !important;
  font-size: 14px !important;
  position: relative;
  top: 1px;
}
.icon-link:hover {
  color: #58F !important;
}
.icon-link:hover i {
  color: #58F !important;
}
* {
  border: 0;
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
  overflow-y: auto;
  width: 100%;
}
body {
  background-color: #E3E3E3 !important;
  font: normal 14px 'Roboto Regular' !important;
  font-size: 100%;
  height: 100%;
  line-height: 1;
  overflow: hidden;
  width: 100%;
}
app {
  display: block;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
app .loading {
  font-size: 15px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}
.app-loader {
  left: 50%;
  margin: -32px 0 -16px 0;
  position: absolute;
  text-align: center;
  top: 50%;
}
.app-loader > div {
  color: #606060;
  margin: 4px 0 0 0;
}
.content-loading-overlay {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 12;
}
.content-loading-overlay > mat-progress-spinner {
  left: 50%;
  margin: -50px 0 0 -50px;
  position: absolute;
  top: 50%;
}
.content-loading-overlay > mat-progress-spinner svg path {
  stroke: #AAA !important;
}
.background-overlay {
  background-color: rgba(0, 0, 0, 0.32);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11 !important;
}
.background-overlay.search-overlay {
  background-color: rgba(0, 0, 0, 0.32) !important;
  top: 50px;
}
.main-content {
  background: none;
  display: block;
  font-size: 0;
  height: calc(100% - (48px + 38px));
  margin-right: 96px;
  overflow-y: auto;
  width: calc(100% - 48px);
  z-index: 3;
}
.main-content::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.main-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.main-content::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.main-content.with-side-button {
  width: calc(100% - 144px);
}
@media screen and (max-width: 600px) {
  .main-content {
    height: calc(100% - 36px);
    width: calc(100%) !important;
  }
  .main-content .fast-grid {
    height: calc(100% - 1px) !important;
  }
}
.main-content .inner-content {
  background-color: #FFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  max-width: 960px;
  min-width: 300px;
  padding: 16px 24px 24px 24px;
  position: relative;
  width: calc(100% - (24px + 24px));
}
.main-content .inner-content div[layout="row"] {
  min-width: 180px;
}
.main-content .inner-content.extra-wide {
  max-width: 1800px !important;
}
.main-content .main-content-empty {
  font-size: 15px;
  margin-top: 4px;
}
@media screen and (min-width: 600px) {
  .main-content {
    padding: 24px !important;
  }
  .main-content.no-padding {
    padding: 0 !important;
  }
}
company,
dashboard,
policy,
documentation,
site-datalog,
site-history-channel,
site-history-comm,
site-photos,
site-graphs,
site-notes,
datalog,
calendar,
plan,
site-history-notification,
site-history-service-log,
site-history-audit-log,
ftp-log,
search,
group,
groups,
user,
schedule,
reports,
unit-import,
unit-inventory,
manage-companies,
manage-plans,
manage-calendars,
manage-users,
manage-trouble-tickets,
messages,
network-dashboard,
settings,
trouble-ticket {
  display: block;
  height: calc(100% - 50px);
  position: absolute;
  top: 50px;
  width: 100%;
}
site-datalog,
site-history-channel,
site-history-comm,
site-photos,
site-graphs,
site-notes,
datalog,
site-history-notification,
site-history-service-log,
site-history-audit-log,
ftp-log {
  top: 38px;
}
.mat-tab-body-content {
  overflow: hidden !important;
}
.mat-tab-body-content site-datalog,
.mat-tab-body-content site-history-channel,
.mat-tab-body-content site-history-comm,
.mat-tab-body-content site-photos,
.mat-tab-body-content site-graphs,
.mat-tab-body-content site-notes,
.mat-tab-body-content datalog,
.mat-tab-body-content ftp-log,
.mat-tab-body-content site-history-notification,
.mat-tab-body-content site-history-service-log,
.mat-tab-body-content site-history-audit-log {
  height: calc(99%) !important;
  top: 0;
}
.mat-input-element[readonly] {
  color: #909090;
}
calendar.dialog-mode {
  height: 100%;
  left: 0;
  top: 0;
}
calendar.dialog-mode .main-content {
  height: calc(100%) !important;
  padding: 0 !important;
  width: 100%;
}
calendar.dialog-mode .main-content .inner-content {
  height: 100%;
  margin: 0;
}
.capitalize {
  text-transform: capitalize;
}
.capitalize .mat-input-element {
  text-transform: capitalize;
}
.positive-value {
  color: #33AA33 !important;
}
.negative-value {
  color: #DD1818 !important;
}
.faded-value {
  color: #808080 !important;
}
.positive-value-cell {
  background-color: #33AA33 !important;
  color: #FFF !important;
}
.negative-value-cell {
  background-color: #F44336 !important;
  border-bottom: 1px solid #FFF;
  color: #FFF !important;
}
.admin-only {
  color: #D43127 !important;
}
.admin-only .mat-checkbox-frame {
  border: 2px solid #D43127 !important;
}
.admin-only .mat-option-text,
.admin-only .mat-select-value,
.admin-only .mat-select-arrow {
  color: #D43127 !important;
}
.admin-only .mat-select-disabled .mat-select-value {
  color: #FF9090 !important;
}
.admin-only .ui-slider-handle {
  background-color: #909090 !important;
}
.faded-icon,
.faded-icon path,
.faded-icon circle {
  color: rgba(150, 150, 150, 0.4) !important;
  fill: rgba(150, 150, 150, 0.4) !important;
}
.over-under-range {
  background-color: #FF6 !important;
  color: #404040 !important;
}
.out-of-range-value-cell {
  background-color: #FF6 !important;
  color: #404040 !important;
}
.alarm-status {
  color: #EF4338 !important;
}
.normal-status {
  color: #1F8F1F !important;
}
.unknown-value {
  color: #006FBA !important;
}
.warning-value {
  color: #FFD002 !important;
}
.unconfigured-node-value {
  background-color: #50B2FA !important;
  color: #FFF;
}
.unconfigured-node-value div,
.unconfigured-node-value span {
  color: #FFF !important;
}
.unconfigured-node-value i.mdi {
  color: #F2F2F2 !important;
}
.hidden-value-cell {
  opacity: 0.4;
}
a {
  color: #454545;
  text-decoration: none !important;
}
a.light-theme {
  color: #FFF;
}
a:hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
button {
  cursor: pointer;
  outline: none !important;
  overflow: hidden !important;
}
button a {
  color: #FFF;
}
button:hover a {
  color: #FFC;
}
button.alarm {
  background-color: #A33;
  color: #FFF !important;
}
button.normal {
  background-color: #3A3;
  color: #FFF !important;
}
.button-with-icon {
  padding: 0 8px 0 6px;
}
.button-with-icon > span {
  position: relative;
  top: 6px;
  vertical-align: top;
}
.top-right-buttons {
  position: absolute;
  right: 8px;
  top: 4px;
}
.icon-button-bar {
  height: 32px;
  padding: 0 8px;
  position: relative;
}
.icon-button {
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 20px;
  height: 30px;
  padding: 2px 0 0 0;
  text-align: center;
  width: 32px;
  z-index: 3;
}
.icon-button > span {
  font-size: 16px;
  left: auto;
  position: relative;
  top: 4px;
}
.icon-button:hover {
  background: rgba(0, 0, 0, 0.2);
}
.icon-button:hover i.mdi {
  color: #757575 !important;
}
.icon-button .toggle-icon {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #757575;
  font-size: 15px;
  margin: 2px 0 0 4px;
  padding: 2px 0 3px 0;
  text-align: center;
  width: 25px;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.icon-button .toggle-icon.toggled {
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.icon-button + label {
  cursor: pointer;
  display: inline-block !important;
  position: relative;
  top: 8px;
  vertical-align: top;
}
.small-icon-button {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 20px;
  height: 30px;
  padding: 2px 0 0 0;
  text-align: center;
  width: 32px;
  z-index: 3;
  height: 26px;
  width: 28px;
}
.small-icon-button > span {
  font-size: 16px;
  left: auto;
  position: relative;
  top: 4px;
}
.small-icon-button:hover {
  background: rgba(0, 0, 0, 0.2);
}
.small-icon-button:hover i.mdi {
  color: #757575 !important;
}
.small-icon-button .toggle-icon {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #757575;
  font-size: 15px;
  margin: 2px 0 0 4px;
  padding: 2px 0 3px 0;
  text-align: center;
  width: 25px;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.small-icon-button .toggle-icon.toggled {
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.small-icon-button i.mdi {
  font-size: 18px;
}
.small-icon-button img {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.icon-backdrop {
  background-color: #4EB04B !important;
  border-radius: 20px;
  height: 30px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
  width: 30px;
}
.icon-backdrop + svg {
  left: calc(50% + 2px);
  top: 3px;
  transform: translate(-50%, 0);
}
.close-button {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 20px;
  color: #757575 !important;
  cursor: pointer;
  font-size: 19px;
  outline: none;
  padding: 0 7px 4px 7px;
  position: absolute;
  right: 20px;
  top: 16px;
}
.close-button.left-aligned {
  left: 20px !important;
  right: auto !important;
}
.close-button.right-aligned {
  left: auto !important;
  right: 20px !important;
}
.close-button:hover {
  background-color: #E5E5E5;
  color: rgba(40, 40, 40, 0.9) !important;
}
.command-button {
  background-color: #0078C4 !important;
  border-radius: 0 !important;
  color: #FFF !important;
  padding: 2px 8px 0 8px;
}
.command-button.toggled {
  background-color: #2090E0 !important;
  opacity: 0.7;
}
.command-button .mat-button-wrapper i.mdi + span {
  position: relative;
  top: -2px;
}
.command-button:hover {
  background-color: #0064A4 !important;
}
i.mdi.alarm-toggle.toggled,
i.mdi.visibility-toggle.toggled {
  color: #FFA500;
}
i.mdi.alarm-toggle.toggled:hover,
i.mdi.visibility-toggle.toggled:hover {
  color: #DD9600;
}
.app-wrapper {
  height: 100%;
  overflow: hidden;
}
canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
i.mdi {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #757575;
  cursor: pointer;
  font-size: 24px;
  outline: none;
}
mat-input input[disabled] {
  color: #858585 !important;
}
.mat-input-placeholder.md-focused {
  color: #0099FF !important;
}
.mat-input-wrapper {
  padding-bottom: 0;
}
.mat-input-underline {
  background-image: none !important;
  border-bottom: 1px solid #E1E1E1 !important;
  border-top: none !important;
  bottom: 0 !important;
}
.mat-input-underline > .mat-input-ripple {
  background-color: #0099FF !important;
}
[_nghost-ewk-2] .mat-input-underline[_ngcontent-ewk-2] .mat-input-ripple[_ngcontent-ewk-2] div[layout="column"] {
  min-height: 48px;
}
div[layout="row"] {
  min-height: 48px;
}
div[layout="row"].two-thirds-row {
  height: 32px;
  min-height: 32px;
}
@media screen and (max-width: 600px) {
  .enlarge-row-when-small {
    height: 100px !important;
  }
}
icon {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.toggle-switch-outer-container > label {
  color: #AAA;
  font-size: 11px;
}
.toggle-switch-inner-container {
  font-size: 12px;
  font-weight: bold;
  position: relative;
}
.toggle-switch-inner-container label:first-of-type {
  display: inline-block;
  position: absolute;
  height: 20px;
  top: 10px;
  font-weight: bold;
  color: #909090 !important;
}
.toggle-switch-inner-container label + mat-slide-toggle {
  display: inline-block;
  left: 60px;
  margin: 0;
  position: absolute;
  top: -4px;
}
.toggle-switch-inner-container label:nth-of-type(2) {
  color: #909090 !important;
  display: inline-block;
  font-weight: bold;
  height: 20px;
  left: 112px;
  position: absolute;
  top: 10px;
}
.accordion {
  width: 100% !important;
}
.accordion > .accordion-header {
  background-color: #EEEEEE;
  border-collapse: collapse;
  border-top: 1px solid #D1D1D1;
  cursor: pointer;
  display: table;
  font-weight: normal;
  min-height: 42px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
}
.accordion > .accordion-header > mat-checkbox {
  display: table-cell;
  margin-left: 12px !important;
  padding: 6px 16px;
  vertical-align: middle;
}
.accordion > .accordion-header > i.mdi {
  position: absolute;
  top: 10px;
}
.accordion > .accordion-header > span:nth-of-type(1) {
  border-top: 0;
  margin-left: 38px;
}
.accordion > .accordion-header > span:nth-of-type(2) {
  font-weight: normal;
  position: absolute;
  right: 48px;
}
.accordion > .accordion-header > span:nth-of-type(3) {
  border-radius: 10px;
  color: #606060;
  font-size: 16px;
  padding: 0 7px 2px 7px;
  position: absolute;
  right: 16px;
  top: 12px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.accordion > .accordion-header > span:nth-of-type(3):hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.accordion > .accordion-header.collapsed + .accordion-content {
  display: none;
}
.accordion:first-of-type > .accordion-header {
  border-top: 0;
}
.accordion > .accordion-header:last-of-type {
  border-bottom: 0;
}
.accordion > .accordion-content {
  border-top: 1px solid #DDD;
}
.accordion > .accordion-content::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.accordion > .accordion-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.accordion > .accordion-content::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.accordion > .accordion-content > .accordion-item {
  background-color: #FFF;
  border-bottom: 1px solid #F1F1F1;
  display: table;
  font-weight: bold;
  min-height: 32px;
  position: relative;
  text-align: left;
  width: 100%;
}
.accordion > .accordion-content > .accordion-item > .add-group-button {
  position: absolute;
  right: 16px;
  top: 4px;
}
.accordion > .accordion-content > .accordion-item > mat-checkbox {
  display: table-cell;
  margin-left: 12px !important;
  padding: 6px 16px;
  vertical-align: middle;
}
.accordion > .accordion-content > .accordion-item > mat-checkbox .mat-checkbox-label {
  font-weight: normal;
  margin: 0 0 0 16px !important;
}
.accordion > .accordion-content > .accordion-item.disabled > mat-checkbox {
  opacity: 0.5 !important;
}
.accordion > .accordion-content > .accordion-item > mat-checkbox .mat-checkbox-inner-container {
  position: relative;
  top: 2px;
}
.accordion > .accordion-content > .accordion-item:nth-child(odd) {
  background-color: #F3F3F3;
}
.ui-slider {
  background-color: #AAA;
  border: 1px solid #A5A5A5;
  height: 1px;
  margin: 16px 0 0 0;
  position: relative;
}
.ui-slider-handle {
  background: none;
  background-color: #2196F3;
  border: 2px solid #ffffff;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px;
  color: #ffffff;
  cursor: pointer;
  font-size: 11px;
  height: 8px;
  outline: none;
  padding: 5px;
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: -12px;
  width: 8px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ui-slider-handle:hover {
  background-color: #1583D3;
}
.ui-slider-handle .handle-inner-text {
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: 2px;
  left: 16px;
  padding: 3px 5px;
  position: relative;
  top: -10px;
  white-space: nowrap;
}
slider .ui-slider-handle {
  background-color: #B4B4B4;
}
.slider-labels {
  display: block;
  margin-bottom: 24px;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.slider-labels > div {
  color: #808080;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  position: absolute;
  text-align: left;
  top: 8px;
}
.dimming-slider-wrapper {
  width: 208px;
}
.dimming-slider-wrapper img {
  height: 24px;
  margin-top: 4px;
  vertical-align: top;
  width: 24px;
}
.dimming-slider-wrapper slider {
  margin-bottom: 8px;
}
.dimming-slider-wrapper .ui-slider {
  background-color: #CCC !important;
  border: 1px solid #CCC !important;
}
.dimming-slider-wrapper .ui-slider:after {
  border: 2px solid orange;
  height: 1px;
  width: 100px;
}
.dimming-slider-wrapper .ui-slider-handle {
  background-color: #808080 !important;
  border: 0 !important;
  border-radius: 0 !important;
  height: 1px !important;
  top: -6px !important;
  transform: rotate(45deg) !important;
  width: 1px !important;
}
.dimming-slider-wrapper .ui-slider-handle .handle-inner-text {
  display: none !important;
}
.dimming-slider-wrapper .value-display {
  color: #F7931E;
  font-size: 22px;
  line-height: 20px;
  margin-top: 2px;
  text-align: center;
}
.dimming-slider-wrapper + .icon-button {
  margin: 22px 0 0 0;
  vertical-align: top;
}
.input-container-label {
  color: #757575;
  font-size: 11px;
  position: relative;
  top: -2px;
  -webkit-transform: translate3d(0, 6px, 0) scale(0.75);
  transform: translate3d(0, 6px, 0) scale(0.75);
  -webkit-transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s;
  transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s;
}
.input-container-label + span {
  display: block;
}
.input-container-label.child-label {
  display: block;
  margin-left: 10px;
  position: relative;
  top: -3px;
  transform: translate3d(0, 6px, 0) scale(1);
}
.checkbox-list-item .input-container-label {
  top: 0 !important;
}
md-switch .md-switch-thumb {
  background-color: #F44336;
  border: 2px solid #F8F8F8;
}
md-switch[aria-checked="true"] .md-switch-thumb {
  background-color: #4CAF50;
  border: 2px solid #F8F8F8;
}
md-switch[aria-checked="true"] .md-switch-bar {
  background-color: #9E9E9E;
}
.md-ink-ripple {
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.content-loader {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.content-loader > mat-progress-spinner {
  height: 48px;
  left: 50%;
  margin: -24px 0 0 -24px;
  position: absolute;
  top: 50%;
  width: 48px;
}
.view-loader {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.view-loader > mat-progress-spinner {
  width: 64px;
}
.permanently-floating-label {
  color: #999;
  opacity: 0.9;
}
mat-radio-button {
  display: block !important;
  font-size: 14px;
  margin: 0 0 12px 0;
}
mat-radio-button.mat-radio-focused .md-ink-ripple {
  background-color: rgba(255, 255, 255, 0) !important;
}
.mat-radio-label {
  margin: 0 0 0 24px !important;
  min-height: 24px;
  position: relative;
}
.mat-radio-label .mat-radio-outer-circle {
  border-color: #0099FF !important;
}
.mat-radio-label .mat-radio-inner-circle {
  background-color: #0099FF !important;
}
.mat-radio-container {
  height: 20px !important;
  left: 0px;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  width: 20px !important;
}
.mat-radio-label-content {
  margin-left: 24px !important;
  margin-top: 2px;
  vertical-align: top;
  white-space: normal;
  width: 100%;
}
.content-load-indicator {
  position: absolute;
  left: -webkit-calc(50% - 90px);
  left: -moz-calc(50% - 90px);
  left: -o-calc(50% - 90px);
  left: calc(50% - 90px);
  top: -webkit-calc(50% - 36px);
  top: -moz-calc(50% - 36px);
  top: -o-calc(50% - 36px);
  top: calc(50% - 36px);
  width: 180px;
  z-index: 2;
}
.content-load-indicator mat-progress-bar {
  z-index: 15;
}
.content-load-indicator span {
  background-color: rgba(255, 255, 255, 0.9);
  color: #606060;
  font-size: 13px;
  padding: 3px 24px 13px 24px;
  position: relative;
  top: -25px;
}
.load-indicator {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 4;
}
.load-indicator > mat-progress-spinner {
  height: 48px;
  left: calc(50% - 24px);
  position: absolute;
  top: 45%;
  transform: translate(-50%, -50%);
  width: 48px;
  z-index: 3;
}
.hover-box {
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  background-color: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
  color: #404040 !important;
  cursor: help;
  display: none;
  font-size: 12px;
  max-width: 225px;
  position: fixed;
  white-space: normal;
  z-index: 13;
}
.hover-box-area {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.hover-box-area svg {
  fill: rgba(255, 255, 255, 0.35);
  height: 14px;
  width: 14px;
}
.hover-box-area:hover svg {
  fill: rgba(255, 255, 255, 0.95);
  height: 14px;
  width: 14px;
}
.red-bubble {
  background-color: #FF5252;
  border-radius: 16px;
  color: #FFF !important;
  height: 19px;
  padding: 2px 0 0 0;
  text-align: center;
  text-indent: 0;
  width: 21px;
}
.gray-bubble {
  background-color: rgba(0, 0, 0, 0.33);
}
.page-empty-message {
  color: #B2B2B2;
  font-size: 22px;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 20%;
  transform: translate(-50%, -50%);
}
.md-dialog-container {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11 !important;
}
md-dialog {
  background-color: #FFF !important;
  border-radius: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) !important;
  left: 50% !important;
  opacity: 0.05;
  overflow: visible;
  min-width: 40%;
  padding: 0 !important;
  position: fixed !important;
  top: 50% !important;
  transform: translate(-50%, -50%) scale(0.05);
  transform-style: preserve-3d;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear;
  width: 50%;
  z-index: 12 !important;
}
@media screen and (max-width: 1280px) {
  md-dialog {
    width: 60%;
  }
}
@media screen and (max-width: 960px) {
  md-dialog {
    width: 70%;
  }
}
@media screen and (max-width: 800px) {
  md-dialog {
    width: 100%;
  }
}
md-dialog.expanded {
  opacity: 1.0;
  transform: translate(-50%, -50%) scale(1) !important;
}
md-dialog.small-dialog {
  max-width: 370px;
  min-width: 370px;
}
md-dialog.medium-dialog {
  max-width: 532px;
  min-width: 532px;
}
md-dialog > form {
  height: 100%;
}
md-dialog dropdown {
  max-width: 225px;
}
md-dialog mat-toolbar h2 {
  font-weight: normal !important;
  position: absolute;
  text-transform: capitalize;
  top: 50%;
  transform: translate(0, -50%);
}
md-dialog[role="alertdialog"] {
  background-color: #EF4338;
  color: #FFF;
}
md-dialog[role="alertdialog"] button {
  color: #FFF !important;
}
md-dialog mat-toolbar {
  background-color: rgba(255, 255, 255, 0) !important;
  color: rgba(120, 120, 120, 0.9) !important;
}
md-dialog mat-toolbar h2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  max-width: calc(100% - 40px);
}
md-dialog mat-toolbar .dialog-title {
  display: inline-block;
}
md-dialog mat-toolbar.confirm-warning {
  background-color: #EF4438 !important;
  height: 56px;
  min-height: 56px;
}
md-dialog mat-toolbar.confirm-warning .confirm-dialog-title {
  margin: 18px 16px 0 16px !important;
  color: #FFF;
}
md-dialog mat-toolbar.confirm-warning .confirm-dialog-icon > i.mdi {
  color: #FFF;
  font-size: 28px;
  position: relative;
  top: 3px;
}
md-dialog mat-toolbar.confirm-warning .dialog-close {
  color: #FFF !important;
}
md-dialog mat-toolbar.confirm-warning .dialog-close:hover {
  color: #808080 !important;
}
md-dialog .mat-toolbar-tools {
  color: rgba(120, 120, 120, 0.9);
}
md-dialog .dialog-content {
  min-width: 340px;
  overflow: visible !important;
  padding: 0 16px;
}
md-dialog .dialog-content::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
md-dialog .dialog-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
md-dialog .dialog-content::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
md-dialog .dialog-content-without-padding {
  min-width: 340px;
  overflow: visible !important;
  padding: 0 16px;
  padding: 0 !important;
}
md-dialog .dialog-content-without-padding::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
md-dialog .dialog-content-without-padding::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
md-dialog .dialog-content-without-padding::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
md-dialog .dialog-scrollable-content {
  overflow-y: auto !important;
}
md-dialog .dialog-scrollable-content::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
md-dialog .dialog-scrollable-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
md-dialog .dialog-scrollable-content::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
md-dialog .dialog-close {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 20px;
  color: #757575 !important;
  cursor: pointer;
  font-size: 19px;
  outline: none;
  padding: 1px 9px 0 9px;
  position: absolute;
  right: 20px;
  top: 16px;
  z-index: 5;
}
md-dialog .dialog-close:hover {
  background-color: #E5E5E5;
  color: rgba(40, 40, 40, 0.9) !important;
}
.dialog-overlay {
  display: none;
}
.dialog-actions {
  border-top: 1px solid #DDD;
  margin-top: 16px;
  min-height: 48px;
  padding: 8px 8px 0 8px;
  text-align: right;
}
.dialog-actions > mat-checkbox:first-of-type {
  left: 32px;
  position: absolute;
  top: 14px;
}
.bottom-actions {
  padding: 8px !important;
  margin-top: 16px !important;
  background-color: #FFF;
  border-top: 1px solid #DDD;
  min-height: 36px;
  white-space: nowrap;
}
.bottom-actions .left-side-wrapper {
  display: inline-block;
  text-align: left;
  width: 50%;
}
.bottom-actions .right-side-wrapper {
  display: inline-block;
  text-align: right;
  width: 50%;
}
.dialog-content calendar .inner-content {
  box-shadow: none;
}
dropdown {
  display: block;
  font-size: 14px;
  white-space: nowrap;
}
dropdown dropdown-label {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 2px solid #D0D0D0;
  color: #404040;
  cursor: pointer;
  display: block;
  padding: 1px 0 4px 0;
  position: relative;
  white-space: normal;
  width: 100%;
}
dropdown dropdown-label:hover {
  color: #757575;
}
dropdown dropdown-label.placeholder {
  color: #929292;
  display: inline-block;
}
dropdown dropdown-label i.mdi {
  color: #404040;
  position: absolute;
  right: 0;
  top: -6px;
}
dropdown img + dropdown-label > div {
  display: inline-block;
  left: auto;
  position: relative;
  width: calc(100% - 24px);
}
dropdown > img {
  display: none;
  position: relative;
  top: 2px;
}
dropdown.content-loading > img {
  display: inline-block;
}
dropdown.content-loading > img + dropdown-label > div {
  left: 12px !important;
}
dropdown dropdown-content {
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.33);
  display: none;
  margin-top: 4px;
  max-height: 300px;
  min-width: 150px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  white-space: normal;
  z-index: 9;
}
dropdown dropdown-content::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
dropdown dropdown-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
dropdown dropdown-content::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
dropdown dropdown-content.dropdown-search {
  margin-top: 36px !important;
}
dropdown dropdown-option {
  border-bottom: 1px solid #E8E8E8;
  color: #757575;
  cursor: pointer;
  display: block;
  min-width: 120px;
  padding: 8px 16px 8px 12px;
}
dropdown dropdown-option:hover {
  background-color: #F2F2F2;
}
dropdown dropdown-search {
  display: none;
  position: relative;
}
dropdown dropdown-search > input {
  border: 1px solid #CCC;
  border-radius: 2px;
  color: #404040;
  height: 28px;
  margin: 0 2px;
  padding: 0 4px;
  width: calc(100% - ((2px * 2) + (4px * 2)));
}
dropdown dropdown-search > i.mdi {
  color: #AAA;
  font-size: 22px;
  position: absolute;
  right: 0;
  top: 0;
}
dropdown.light-theme dropdown-label {
  border-bottom: none !important;
  color: #FFF !important;
}
dropdown.light-theme dropdown-label i.mdi {
  color: #FFF;
  top: -7px;
}
dropdown.light-theme md-label.placeholder {
  color: rgba(255, 255, 255, 0.63);
}
dropdown.light-theme md-label:hover,
dropdown.light-theme md-label:hover i.mdi {
  color: #DDD;
}
.dropdown-header-label {
  transform: translate3d(0px, 6px, 0px) scale(0.75);
  transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
i.mdi-star {
  color: rgba(150, 150, 150, 0.3) !important;
  text-indent: 0;
}
i.mdi-star:hover {
  color: rgba(220, 220, 220, 0.3) !important;
}
i.mdi-star.favorite {
  color: #FFA500 !important;
}
i.mdi-star-outline.not-favorite {
  color: rgba(255, 255, 255, 0.5) !important;
}
i.mdi-star.favorite:hover {
  color: #CBCB77 !important;
}
.grid-cell-helper i.mdi-star.favorite {
  color: orange !important;
  text-indent: 0;
}
i.mdi-chevron-right {
  margin: 0 4px;
}
.k-widget {
  font-size: 14px;
}
.k-header.k-state-border-down {
  background-color: #0078C4;
}
.k-state-hover .k-icon.k-i-calendar {
  background-position: -32px -176px;
  opacity: 0.6 !important;
}
.k-state-hover .k-icon.k-i-clock {
  background-position: -32px -192px;
  opacity: 0.6 !important;
}
.k-datetimepicker .k-select .k-link-date:nth-of-type(1) {
  border-right: 1px dotted #A8A8A8;
  height: 31px;
  margin-right: 4px;
  padding: 5px 5px 4px 0;
}
.k-datetimepicker .k-picker-wrap {
  box-shadow: none;
}
.k-datetimepicker .k-picker-wrap .k-link-date .k-icon {
  background-position: -32px -176px !important;
  height: 17px;
}
.k-datetimepicker .k-picker-wrap .k-link-date .k-icon:hover {
  opacity: 0.4 !important;
}
.k-datetimepicker .k-picker-wrap .k-link-time .k-icon {
  background-position: -32px -192px !important;
  height: 17px;
}
.k-datetimepicker .k-picker-wrap .k-link-time .k-icon:hover {
  opacity: 0.4 !important;
}
.k-datepicker {
  border: 0 !important;
  max-width: 225px !important;
}
.k-numerictextbox {
  border: 0 !important;
}
.k-datepicker .k-input,
.k-timepicker .k-input,
.k-datetimepicker .k-input,
.k-numerictextbox .k-input {
  background-color: #ffffff;
}
.k-picker-wrap,
.k-numeric-wrap {
  border: 0 !important;
  box-shadow: none !important;
}
.k-numerictextbox .k-select .k-link span.k-i-arrow-n {
  background-position: 0 -3px !important;
  opacity: 1.0 !important;
}
.k-numerictextbox .k-select .k-link span.k-i-arrow-s {
  background-position: 0 -35px !important;
  opacity: 1.0 !important;
}
.k-numerictextbox .k-select .k-link span.k-i-arrow-n:hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0.35 !important;
}
.k-numerictextbox .k-select .k-link span.k-i-arrow-s:hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0.35 !important;
}
.row-remove {
  color: #808080;
  font-size: 16px;
  padding: 0px 4px 1px 4px;
  position: absolute;
  right: 24px;
  top: 12px;
}
.row-remove > div {
  border-radius: 20px;
  color: #404040;
  padding: 1px 6px 3px 6px;
}
.row-remove > div:hover {
  background-color: #E8E8E8;
}
.light-theme label {
  color: #FFF !important;
}
.light-theme .mat-select-value-text,
.light-theme .mat-select-value-text span {
  color: #FFF;
  font-family: "Roboto Regular";
  font-size: 14px;
}
.light-theme .mat-form-field-underline {
  background-color: #FFF;
}
.light-theme .mat-select-arrow {
  color: #FFF;
}
.list-subheading {
  color: #808080 !important;
  font-size: 12px !important;
  width: 100%;
}
.checkbox-list {
  position: relative;
}
.checkbox-list .checkbox-list-content {
  border: 1px solid #DDD;
  height: calc(100% - 42px);
  overflow-y: auto;
}
.checkbox-list .checkbox-list-content::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.checkbox-list .checkbox-list-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.checkbox-list .checkbox-list-content::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.checkbox-list .checkbox-list-content > .checkbox-list-item {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  min-height: 28px;
  padding: 4px 0 4px 8px;
}
.checkbox-list .checkbox-list-content > .checkbox-list-item:hover {
  background-color: #D8D8D8;
}
.checkbox-list .checkbox-list-content > .checkbox-list-item:nth-of-type(odd) {
  background-color: #F2F2F2;
}
.checkbox-list .checkbox-list-content > .checkbox-list-item mat-checkbox .input-container-label {
  color: #404040;
  font-size: 13px;
  transform: scale(1);
}
.checkbox-list .checkbox-list-content > .checkbox-list-item mat-checkbox .input-container-label .checkbox-list-item-title {
  margin: 2px 0;
}
.checkbox-list .checkbox-list-content > .checkbox-list-item mat-checkbox .input-container-label .checkbox-list-item-subtitle {
  color: #AAA;
  font-size: 12px;
  line-height: 12px;
}
.checkbox-list .checkbox-list-placeholder {
  padding: 8px !important;
  color: #AAA;
  font-size: 18px;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 55%;
}
.checkbox-list-header {
  background-color: #9D9D9D !important;
  color: #FFF;
  font-size: 13px;
  height: 16px;
  padding: 13px 16px 12px 16px !important;
}
.checkbox-list-header.compact {
  padding: 10px 12px 10px 32px !important;
}
.expanding-row {
  border: 1px solid #D8D8D8;
  border-top: 1px solid #F2F2F2;
  font-size: 14px;
  height: 48px;
  margin: auto;
  max-height: none;
  max-width: 960px;
  min-width: 300px;
  overflow: visible;
  width: 56%;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.expanding-row.expanded {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 0px 2px 0px;
  height: auto;
  margin: 24px auto;
  max-height: none;
  overflow: hidden !important;
  width: 100%;
}
.expanding-row.expanded .expanding-content {
  opacity: 1.0;
}
.expanding-row .title-bar {
  border-bottom: 1px solid #F5F5F5;
  height: 16px;
  padding: 16px;
  position: relative;
}
.expanding-row .title-bar:hover {
  background-color: #F3F3F3;
}
.expanding-row .expanding-content {
  opacity: 0.0;
  overflow: hidden;
  padding: 24px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.expanding-row:last-of-type {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}
md-list .mat-button {
  color: inherit;
  font-weight: 500;
  text-align: left;
  width: 100%;
}
md-list .mat-button.selected {
  color: #03a9f4;
}
#content {
  overflow: hidden;
}
#content md-content {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 5px;
}
#content .mat-button.action {
  background-color: transparent;
  border: none;
  height: 38px;
  margin: 8px auto 16px 0;
  position: absolute;
  top: 10px;
  right: 25px;
  width: 36px;
}
#content img {
  display: block;
  height: auto;
  max-width: 500px;
}
/* Utils */
/*
.slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.slide.ng-enter,
.slide.ng-leave {
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
}

.slide.ng-enter {
    left: 100%;
}

.slide.ng-enter-active {
    left: 0;
}

.slide.ng-leave {
    left: 0;
}

.slide.ng-leave-active {
    left: -100%;
}
*/
.groupSiteDiv {
  box-shadow: 2px 2px 5px 2px #808080;
}
.groupSiteGrid {
  width: 100%;
  height: 700px;
}
.groupSiteDiv tr:nth-child(even) td {
  background-color: #EEE;
}
.groupSiteDiv th[role="columnheader"] {
  background-color: #CCC;
  font-weight: bold;
}
.groupSiteDiv th[role="columnheader"] > a {
  color: #FFF !important;
}
.toast-panel {
  background-color: rgba(255, 255, 255, 0);
  bottom: 8px;
  display: block;
  left: 16px;
  max-height: calc(100% - 32px);
  overflow-y: auto;
  padding: 8px 16px 8px 8px;
  position: absolute;
  width: 300px;
  z-index: 6;
}
.toast-panel::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.toast-panel::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.toast-panel::-webkit-scrollbar-thumb {
  background-color: #8B8B8B;
  cursor: pointer;
}
.toast-panel .toast-item {
  background-color: rgba(0, 0, 0, 0.65);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  color: #FFF;
  margin-top: 6px;
  overflow: hidden;
  padding: 16px 32px 16px 12px;
  position: relative;
}
.toast-panel .toast-item .toast-message {
  margin-top: 8px;
  overflow-x: auto;
  padding: 0 0 16px 0;
  width: 224px;
}
.toast-panel .toast-item .toast-message::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.toast-panel .toast-item .toast-message::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.toast-panel .toast-item .toast-message::-webkit-scrollbar-thumb {
  background-color: #8B8B8B;
  cursor: pointer;
}
.toast-panel .toast-item .expand-toast:after {
  color: #FFF;
  content: '\25BE';
  cursor: pointer;
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  right: 44px;
  top: 4px;
}
.toast-panel .toast-item .expand-toast:hover:after {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #DDD;
}
.toast-panel .toast-item .toast-collapsed {
  display: none;
}
.toast-panel .toast-item.error-toast {
  background-color: rgba(200, 45, 35, 0.88);
}
.toast-panel .toast-item.error-toast .toast-message {
  width: 280px;
}
.toast-panel .toast-item.command-toast {
  padding-bottom: 0 !important;
}
.toast-panel .toast-item:hover {
  background-color: rgba(0, 0, 0, 0.72);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.99);
}
.toast-panel .toast-item.error-toast:hover {
  background-color: rgba(200, 45, 35, 0.96);
}
.toast-panel .toast-item.success-toast {
  background-color: rgba(30, 165, 20, 0.75);
}
.toast-panel .toast-item.success-toast:hover {
  background-color: rgba(25, 165, 20, 0.85);
}
.toast-panel .toast-item.disclaimer-toast {
  background-color: rgba(255, 130, 0, 0.82);
}
.toast-panel .toast-item.disclaimer-toast:hover {
  background-color: rgba(255, 99, 10, 0.96);
}
.toast-panel .toast-icon {
  display: table-cell;
  padding: 0 16px 0 0;
  vertical-align: middle;
}
.toast-panel .toast-icon i.mdi-star {
  color: #ffffff !important;
}
.toast-panel .toast-item-contents {
  display: table-cell;
  max-width: 75%;
}
.toast-panel .toast-icon i.mdi {
  color: #FFF;
  font-size: 36px;
}
.toast-panel .toast-item:first-of-type {
  margin-top: 0;
}
.toast-panel .toast-item .toast-title {
  cursor: pointer;
  font-weight: bold;
  padding: 0 8% 0 0;
}
.toast-panel .toast-close {
  color: #FFF;
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 16px;
}
.toast-panel .toast-close:hover {
  color: #606060;
}
.command-toast-cancel-button {
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 0;
  color: #FFF !important;
  display: block;
  margin: 16px 0 0 0 !important;
  padding: 0px 8px !important;
}
.command-toast-cancel-button:hover {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.avatar-circle {
  background-color: #CCC;
  border-radius: 30px;
  box-shadow: 0 2px 4px #AAA !important;
  cursor: pointer;
  font-size: 18px;
  font-weight: normal;
  height: 40px;
  margin: 0 8px 0 auto;
  overflow: hidden;
  text-align: center;
  -webkit-filter: brightness(100%);
  width: 40px;
}
.avatar-circle:hover {
  -webkit-filter: brightness(70%);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.avatar-circle div {
  color: #FFF !important;
  position: relative;
  top: 6.5px;
  width: 40px;
}
.avatar-circle > img {
  max-height: 40px;
  position: relative;
  width: auto;
}
.avatar-circle.grid-avatar {
  font-size: 16px;
  height: 32px;
  width: 32px;
}
.avatar-circle.grid-avatar.picture-avatar {
  height: 30px;
  width: 30px;
}
.avatar-circle.grid-avatar.picture-avatar > img {
  margin: 1px 0 0 0;
  max-height: 30px !important;
}
.avatar-circle.grid-avatar > div:nth-child(1) {
  left: -4px !important;
}
.avatar-circle.grid-avatar > img {
  max-height: 36px;
}
.menu-avatar-circle {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 20px;
  cursor: pointer;
  font-size: 18px;
  font-weight: normal;
  height: 32px;
  left: -46px;
  margin: 0 8px 0 auto;
  overflow: hidden;
  position: absolute;
  text-align: center;
  -webkit-filter: brightness(100%);
  width: 32px;
}
.user-content .avatar-circle {
  background-color: #EEE;
  border-radius: 50px;
  box-shadow: 0 2px 4px #999 !important;
  height: 100px;
  margin: 8px 0 0 14px;
  width: 100px;
}
.user-content .avatar-circle:hover {
  -webkit-filter: brightness(100%) !important;
}
.user-content .avatar-circle > div {
  font-size: 34px;
  padding: 32px 0 32px 0;
  text-align: center;
  top: 0px;
  width: 100%;
}
.user-content .avatar-circle > img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  top: 0;
}
.user-content .avatar-description {
  left: -16px;
  margin-bottom: 19px;
  max-width: none;
  position: absolute;
  top: -58px;
}
.menu-avatar-circle > img {
  max-width: 40px;
  max-height: 40px;
  left: -4px;
  top: -4px;
  position: relative;
}
.menu-avatar-circle > div {
  border-radius: 20px;
  padding: 5px 0;
}
.glass-box {
  background-color: #FFF;
  box-shadow: 0 1px 4px 1px rgba(70, 70, 70, 0.72);
  color: #424242;
  padding: 0 24px 32px 24px;
  position: relative;
  text-align: left;
  width: 540px;
}
.glass-box.login-box {
  text-align: center;
  width: 320px;
}
.glass-box input[type="button"],
.glass-box input[type="password"],
.glass-box input[type="text"] {
  border-color: inherit;
  box-shadow: none;
  -webkit-box-shadow: none;
  color: #969696;
  font-size: 16px;
  margin: 0 auto 2px auto !important;
  outline: none;
  padding: 2px 2px 2px 4px !important;
}
.glass-box input[type="password"],
.glass-box input[type="text"] {
  border: 0;
  border-bottom: 1px solid #BBB !important;
  margin-bottom: 12px !important;
}
.glass-box.login-box input[type="button"],
.glass-box.login-box input[type="password"],
.glass-box.login-box input[type="text"] {
  width: 225px !important;
}
.glass-box.flat-style input {
  border: 0;
  margin: 0 auto;
}
.glass-box input[type="checkbox"] {
  height: 22px;
  margin: 3px 2px 3px 4px;
  width: 30px;
}
.box-title {
  font-size: 24px;
  padding: 22px 0 20px 0;
}
.action-button-lite {
  background: initial;
  border: 0;
  border-collapse: collapse;
  color: #424242;
  display: block;
  margin: 8px 0 8px auto;
  padding: 5px 16px;
  width: auto;
}
.action-button-lite:hover {
  background: rgba(200, 200, 200, 0.3);
  color: #000;
}
.alert {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid transparent;
  border-radius: 0;
  color: #424242;
  display: block;
  font-size: 12px;
  font-weight: 300;
  min-height: 16px;
  padding: 4px 8px 8px 8px;
  position: relative;
  text-align: left;
  white-space: normal;
  width: 100%;
}
.alert > svg {
  left: 16px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.alert > svg path {
  fill: #FFF;
}
.alert > .inner-message {
  margin: 6px 0 4px 48px;
  white-space: normal;
  width: calc(100% - 54px);
}
.alert-danger {
  background-color: #F04124 !important;
  border: 1px solid #EA2F10;
  color: #FFF !important;
  position: relative;
  padding: 3px 0 3px 4px;
  top: 0;
  z-index: 8;
  width: calc(100% - 12px) !important;
}
.alert-icon.active > svg > circle,
.alert-icon.active > svg > circle,
.alert-icon.active > circle,
.alert-icon.active > circle {
  fill: #F44336 !important;
}
.alert-icon.faded,
.alert-icon.faded > svg {
  color: rgba(150, 150, 150, 0.4) !important;
  fill: rgba(150, 150, 150, 0.4) !important;
}
.app-settings {
  height: 100% !important;
  max-height: 459px;
  overflow-y: auto;
}
.app-settings::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.app-settings::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.app-settings::-webkit-scrollbar-thumb {
  background: rgba(120, 120, 120, 0.5);
}
.app-settings-row {
  /*border-bottom: 1px solid #E5E5E5;*/
  white-space: nowrap;
}
.app-settings-row:last-of-type {
  border-bottom: 0;
}
.app-settings-description {
  display: inline-block;
  font-weight: bold;
  min-width: 225px;
  vertical-align: top;
  width: 20%;
}
.app-settings-value {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 75%;
}
.app-settings-value > div:not(.app-settings-expand-button) {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 120px;
  white-space: normal !important;
  word-wrap: break-word;
}
.app-settings-value > div:not(.app-settings-expand-button)::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.app-settings-value > div:not(.app-settings-expand-button)::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.app-settings-value > div:not(.app-settings-expand-button)::-webkit-scrollbar-thumb {
  background-color: #B5B5B5;
}
.app-settings-expand-button {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #EEE;
  box-shadow: 0 1px 2px #CCC;
  color: #606060;
  cursor: pointer;
  font-weight: bold;
  line-height: 16px;
  padding: 0 4px 4px 4px;
  position: absolute;
  text-align: center;
  top: -2px;
  width: 60px;
}
.app-settings-expand-button:hover {
  background-color: #DDD;
}
.app-settings-expand-button > span {
  left: 1px;
  position: relative;
  top: 3px;
}
.fab-command {
  background-color: #1178C4;
  border-radius: 40px;
  bottom: 76px;
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  font-size: 14px;
  height: 72px;
  opacity: 0.9;
  position: fixed;
  right: 24px;
  top: auto;
  width: 72px;
  z-index: 9;
}
@media screen and (max-width: 600px) {
  .fab-command {
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, 0);
  }
}
.fab-command img {
  left: 50%;
  margin-left: -12.5px;
  margin-top: -12.5px;
  position: absolute;
  top: 50%;
}
.fab-command i.mdi {
  color: #FFF;
  font-size: 30px;
  left: calc(50% - 15px) !important;
  position: absolute;
  top: calc(50% - 18px) !important;
}
.fab-command i.mdi:after {
  position: relative;
}
.fab-command.active {
  background-color: #EABB12;
  opacity: 0.75;
}
.fab-command:hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #096DC6 !important;
}
.fab-command.active:hover {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.solitary-command {
  background-color: #e65546;
  opacity: 0.9;
}
.solitary-command:hover {
  background-color: #eb5a46 !important;
  opacity: 1.0;
}
.secondary-command {
  position: relative;
}
.misc-command {
  position: relative;
}
.fab-command:hover .command-tip {
  opacity: 0.7;
}
.command-tip {
  background-color: black;
  border-radius: 2px;
  color: #FFF;
  height: 18px;
  left: -100px;
  opacity: 0.0;
  padding: 1px 5px 1px 4px;
  position: absolute;
  text-align: right;
  top: 22px;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.site-command-tip {
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFF;
  font-size: 15px;
  left: auto;
  line-height: 16px;
  opacity: 1;
  padding: 3px 8px 1px 8px;
  right: 52px;
  top: 8px;
  white-space: nowrap;
  width: auto;
}
.site-command-tip + i.mdi {
  margin: 0 0 0 8px;
  position: relative;
  top: -2px;
}
fab.raised-fab,
.fab-command.raised-command {
  bottom: 184px !important;
  font-size: 14px;
  top: auto !important;
}
fab.raised-fab.top-bottom-view,
.fab-command.raised-command.top-bottom-view {
  bottom: 64px !important;
}
@media screen and (max-width: 600px) {
  fab.raised-fab,
  .fab-command.raised-command {
    display: none;
  }
}
interruption {
  background-color: #F2F2F2;
  display: block;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  z-index: 9;
}
.interruption-content {
  height: calc(100%);
  position: relative;
}
.interruption-content .interruption-inner-content {
  background-color: #F2F2F2;
  height: calc(100%);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 16px;
  position: relative;
  width: calc(100% - (2 * 16px));
}
.interruption-content .interruption-inner-content::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.interruption-content .interruption-inner-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.interruption-content .interruption-inner-content::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.interruption-content .interruption-inner-content .interruption-mode-panel {
  margin: 4px 4px 16px 32px;
  padding: 10px 10px 8px 10px;
  z-index: 12;
}
.interruption-content .interruption-inner-content scheduled-command {
  height: calc(100%);
}
.interruption-content .interruption-inner-content scheduled-command .right-side-wrapper {
  height: calc(100% - (16px + 64px));
  padding: 16px 0 0 0;
}
@media screen and (max-width: 600px) {
  .interruption-content .interruption-inner-content scheduled-command .right-side-wrapper {
    height: auto;
  }
}
.interruption-content .interruption-inner-content + .bottom-actions {
  margin-top: 0 !important;
}
.site-schedule-info {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #F2F2F2;
  color: #FFF;
  float: right;
  font-size: 14px;
  overflow-y: auto;
  margin: 0 0 24px 0;
  padding: 16px 36px 20px 36px;
  text-align: center;
  width: calc(100% - 72px);
  z-index: 11;
}
.site-schedule-info::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
.site-schedule-info::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.site-schedule-info::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.site-schedule-info.group-mode {
  bottom: 48px !important;
  left: calc(50% + 24px) !important;
  transform: none;
}
.site-schedule-info.site-mode .site-schedule-info-item-value {
  text-align: center !important;
  width: calc(100% - 32px) !important;
}
.site-schedule-info-item {
  background-color: #DDD;
  color: #404040;
  cursor: pointer;
  margin: 0;
  padding: 4px 8px 6px 12px;
  position: relative;
  text-align: left;
}
.site-schedule-info-item-name {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 1px dotted #A0A0A0;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.site-schedule-info-item-name:hover {
  color: #000;
}
.site-schedule-cancel-button {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 6px;
}
.site-schedule-cancel-button i.mdi {
  color: #F8F8F8;
}
.site-schedule-cancel-button:hover i.mdi {
  color: #404040;
}
.site-schedule-info-group {
  margin: 0 0 8px 0;
}
.site-schedule-info-group-header {
  background-color: rgba(30, 165, 20, 0.75);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  color: #FFF;
  padding: 12px 8px 12px 12px;
  position: relative;
  text-align: left;
}
.site-schedule-info-group-header:hover {
  background-color: rgba(25, 165, 20, 0.85);
}
.site-schedule-info-error .site-schedule-info-group-header {
  background-color: rgba(200, 45, 35, 0.88);
}
.site-schedule-info-group-title {
  margin-right: 16px !important;
  display: inline-block;
  text-transform: capitalize;
  vertical-align: top;
  width: 88px;
}
.site-schedule-info-group-summary {
  margin-right: 8px !important;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 172px);
}
.site-schedule-info-group-summary.site-mode {
  width: calc(100% - 40px) !important;
}
.site-schedule-info-group-toggle {
  display: inline-block;
  vertical-align: top;
  width: 28px;
}
.site-schedule-info-group-toggle > div,
.site-schedule-info-group-toggle > span {
  vertical-align: top;
}
.site-schedule-info-group-toggle > i.mdi {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #FFF;
  position: relative;
  top: -6px;
  vertical-align: top;
}
.site-schedule-info-group-toggle > i.mdi:hover {
  color: #404040;
}
.site-schedule-info-group-content {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #DDD;
  max-height: 0;
  overflow: hidden;
  padding: 0;
}
.site-schedule-info-group-content.expanded {
  max-height: none !important;
  overflow: visible;
  padding: 8px 0 !important;
}
@keyframes pulse-opacity {
  0% {
    opacity: 1.00;
  }
  17% {
    opacity: 0.75;
  }
  33% {
    opacity: 0.50;
  }
  50% {
    opacity: 0.25;
  }
  67% {
    opacity: 0.50;
  }
  83% {
    opacity: 0.75;
  }
  100% {
    opacity: 1.00;
  }
}
.pulse-opacity {
  animation: pulse-opacity 2s infinite;
  animation-timing-function: linear;
}
@keyframes pulse-size {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.05, 1.05);
  }
  100% {
    transform: scale(1, 1);
  }
}
.pulse-size {
  animation: pulse-size 0.75s linear 0.25s;
  -webkit-filter: blur(0);
  -webkit-perspective: 1000;
}
.select2 {
  font-size: 14px;
}
.select2-container--default {
  border-radius: 0 !important;
}
.select2-selection {
  border: 0 !important;
  border-bottom: 1px solid #E1E1E1 !important;
  border-radius: 0 !important;
}
.select2-selection__choice {
  background-color: #F9F9F9 !important;
  border: 0 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  margin: 4px 8px 4px 0 !important;
}
.select2-selection__choice > .select2-selection__choice__remove {
  margin-right: 4px !important;
}
.select2-selection__choice:hover {
  background-color: #F2F2F2 !important;
}
.tab-content {
  overflow-y: hidden;
}
mat-tab-group mat-tab-header .mat-tab-header-pagination-controls-enabled .mat-tab-header-pagination {
  background-color: rgba(255, 255, 255, 0.86);
  box-shadow: none !important;
  border: 1px solid #DDD;
}
mat-tab-group .mat-tab-header {
  overflow: visible;
}
mat-tab-group .mat-tab-label-container {
  overflow: visible;
}
mat-tab-group .mat-tab-label {
  color: #505050;
  font-size: 14px;
  opacity: 1.0 !important;
  min-width: inherit;
  padding: 16px 8px;
}
mat-tab-group .mat-tab-label .mat-tab-label-content {
  opacity: 0.6;
  white-space: normal;
}
mat-tab-group .mat-tab-body {
  height: 100%;
  padding: 0;
}
mat-tab-group .mat-tab-body::-webkit-scrollbar {
  height: 11px;
  width: 11px;
}
mat-tab-group .mat-tab-body::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
mat-tab-group .mat-tab-body::-webkit-scrollbar-thumb {
  background-color: #909090;
  cursor: pointer;
}
.tabs {
  background-color: #FFF;
  position: relative;
}
.tabs .tabs-header {
  background-color: #FFF;
  border-bottom: 1px solid #DDD;
  white-space: nowrap;
}
.tabs .tabs-header .tab-header {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  display: inline-block;
  padding: 16px 0;
  text-align: center;
  width: 19%;
}
.tabs .tabs-header .tab-header:hover {
  background-color: #EEE;
}
.tabs .tabs-content {
  height: calc(100% - 50px) !important;
  position: relative;
}
.tabs .tabs-content .tab-content {
  background-color: #FFF;
  height: 100%;
  position: relative;
}
.button-tab-bar {
  padding: 0 0 2px 0;
  position: relative;
  text-align: right;
}
.button-tab-bar > .small-icon-button {
  margin-left: 16px !important;
  opacity: 0.42;
  padding: 0;
}
.button-tab-bar > .small-icon-button.active {
  opacity: 1.0 !important;
}
.button-tab-bar > .small-icon-button:hover {
  background-color: rgba(20, 100, 250, 0.18) !important;
}
.button-tab-bar .button-tab-rail {
  bottom: 0;
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}
.button-tab-bar .button-tab-rail .button-tab {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #3277B7 !important;
  height: 4px;
  position: absolute;
  bottom: 0;
  width: 32px;
}
.button-tab-bar .button-tab-rail .button-tab.position-n {
  right: 0;
}
.button-tab-bar .button-tab-rail .button-tab.position-n-1 {
  right: 42px;
}
.button-tab-bar .button-tab-rail .button-tab.position-n-2 {
  right: 85px;
}
.button-tab-bar .button-bar-group-dimming-icon {
  height: 20px !important;
  left: 14px !important;
  top: 16px !important;
  width: 20px !important;
}
.km-switch {
  border: 1px solid #BBB;
  border-radius: 16px;
  height: 30px;
  width: 54px;
}
.km-switch .km-switch-handle {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #4CAF50 !important;
  border: 2px solid #ffffff;
  border-radius: 22px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  height: 26px;
  margin: 0;
  transform: translateX(24px) translateY(0px) !important;
  width: 26px;
}
.km-switch .km-switch-container {
  background-color: #C7C7C7 !important;
}
.km-switch.km-switch-off .km-switch-handle {
  background-color: #F44336 !important;
  transform: translateX(0px) translateY(0px) !important;
}
.km-switch .km-switch-label-on,
.km-switch .km-switch-label-off {
  color: #FFF !important;
  font-size: 10px;
  left: -34px;
  text-transform: none;
  top: -2px;
}
.group-grid-schedule-wrapper {
  cursor: pointer;
  padding: 0 8px;
  white-space: nowrap !important;
  width: 60px;
}
.group-grid-schedule-wrapper .group-grid-current-schedule-wrapper,
.group-grid-schedule-wrapper .group-grid-other-schedules-wrapper {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  width: 32px;
}
.event-image {
  height: 30px;
  position: relative;
  top: 2px;
}
.event-schedule-image {
  height: 22px;
  margin: 0 0 2px -6px;
  opacity: 0.5;
  width: 22px;
}
.unit-create-content .left-side-wrapper {
  vertical-align: top;
}
.unit-create-content .right-side-wrapper {
  vertical-align: top;
}
.node-alarm {
  height: 20px;
  margin: 0 0 0 12px;
  position: relative;
  top: 2px;
  vertical-align: top;
  width: 20px;
}
.node-status {
  color: #808080;
  font-size: 11px;
  padding: 6px 8px 2px 8px;
}
.node-status > div:first-of-type {
  width: 70px;
}
.node-status > div,
.node-status > img {
  display: inline-block;
}
.node-status-linking {
  -webkit-animation: image-pulse 2s infinite;
  animation: image-pulse 2s infinite;
}
.node-status-unlinking {
  -webkit-animation: image-pulse 2s infinite;
  animation: image-pulse 2s infinite;
}
node-management md-list-item {
  margin-right: 3.3%;
}
.tech-support-bubble {
  background-color: rgba(255, 255, 255, 0.75);
  border: 2px solid rgba(60, 140, 255, 0.82);
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 64px;
  border-top-right-radius: 64px;
  bottom: 0;
  color: #38F;
  display: block;
  height: 16px;
  left: 50%;
  padding: 6px 8px;
  position: fixed;
  right: auto;
  text-align: center;
  transform: translate(-50%, 0);
  width: 424px;
  z-index: 17501;
}
.tech-support-bubble:hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #ffffff;
}
.tech-support-bubble > span {
  font-size: 13px;
}
.tech-support-bubble a {
  color: #38F;
}
.tech-support-bubble a:hover {
  color: #37E !important;
}
.tech-support-bubble > .close-button {
  font-size: 14px;
  right: 0px;
  top: 4px;
}
.tech-support-bubble > .close-button:hover {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #303030 !important;
  font-weight: bold !important;
}