:root {
  --primary-light: #757ce8;
  --primary-main: #3f50b5;
  --primary-dark: #002884;
  --primary-contrastText: #fff;
  --secondary-light: #ff7961;
  --secondary-main: #f44336;
  --secondary-dark: #ba000d;
  --secondary-contrastText: #2c2c2c;
  --error-light: #e57373;
  --error-main: #f44336;
  --error-dark: #d32f2f;
  --error-contrastText: #fff;
  --background-color: #f5f5f5;
}

@font-face {
  font-family: "Roboto";
  src: url("/fonts/Roboto/Roboto.ttf");
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes shake {
  0% {
    transform: translate(10px, 0) rotate(-1deg);
  }
  50% {
    transform: translate(-10px, 0) rotate(1deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}

html {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--secondary-contrastText);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#kg-body {
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  overflow-y: hidden;
  background-color: var(--background-color);
  background-image: url("/images/icons/MainBackground.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position-y: bottom;
  background-position-x: right;
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}

#kg-header {
  display: flex;
  color: white;
  background-color: var(--primary-main);
  margin: 0;
  font-family: Roboto;
  height: 64px;
  box-sizing: border-box;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
  flex-direction: row;
  align-items: center;
  box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%),
    0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
}

.kg-logo {
  display: inline-block;
  height: 100%;
  width: 48px;
  margin: 0 8px;
  background: url(../images/icons/ontology-editor-logo.svg) no-repeat;
  background-size: 24px 24px;
  background-position: center;
}

.kg-header-title-container .kg-header-title {
  margin: 0 0 4px 0;
  font-size: 18px;
}

.kg-header-title-container .kg-header-subtitle {
  margin: 0;
  padding-left: 3px;
}

#kg-current-user {
  position: fixed;
  right: 10px;
  cursor: pointer;
  text-decoration: underline;
}

.kg-form_grid {
  margin: 20px;
  width: 950px;
}

.kg-form_grid .kg-form__header-container {
  height: 32px;
}

.kg-form_grid .kg-form__header {
  width: 900px;
}

.kg-form_grid .k-grid td {
  padding: 0.4em 0.6em;
}

.kg-form_grid .k-grid-toolbar {
  padding: 0 0 0 1.286em;
}

.kg-form_grid .k-grouping-header {
  padding: 0 0 0 1.286em;
}

/*
Footer
 */

#kg-footer {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  background-color: #616161;
  color: var(--primary-contrastText);
  padding-left: 2vw;
  padding-right: 2vw;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 8px;
}

.kg-footer-grid-item {
  width: 100%;
  display: flex;
  margin: 4px 0;
  align-items: center;
  justify-content: center;
}

.kg-footer-logo-container {
  background-image: url(../images/icons/ontology-editor-logo.svg);
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  margin: 0 8px 0 0;
}

.kg-footer-logo-image {
  background-image: url(../images/icons/close_dark.svg);
}

.kg-footer-link-item {
  color: var(--primary-contrastText);
  font-size: smaller;
  text-decoration: none;
}

.kg-footer-phone-link {
  color: var(--primary-contrastText);
  font-size: smaller;
  text-decoration: none;
}

@media (min-width: 600px) {
  #kg-footer {
    flex-direction: row;
    justify-content: initial;
  }

  .kg-footer-grid-item {
    width: 50%;
    justify-content: initial;
  }

  .kg-footer-grid-item:last-of-type {
    justify-content: flex-end;
  }
}

.kg-access-class-list__panel {
  position: relative;
  padding: 5px;
  background-color: whitesmoke;
  margin-bottom: 2px;
}

.kg-access-class-list__add {
  padding: 0;
  border: none;
  background: url(/images/icons/create-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-access-class-list__edit {
  padding: 0;
  border: none;
  background: url(/images/icons/edit-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-access-class-list__remove {
  padding: 0;
  border: none;
  background: url(/images/icons/delete-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-attachment-list__add {
  padding: 0;
  border: none;
  background: url(/images/icons/create-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-attachment-list__edit {
  padding: 0;
  border: none;
  background: url(/images/icons/edit-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
  display: none;
}

.kg-attachment-list__remove {
  padding: 0;
  border: none;
  background: url(/images/icons/delete-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-attachment-list__panel {
  border: none;
  padding: 5px;
  background-color: whitesmoke;
}

.kg-commander__command__send {
  border: none;
  float: left;
  display: block;
  margin-left: 5px;
  box-sizing: border-box;
  height: 32px;
  width: 15px;
}

.kg-form_commander .kg-form__bottom-actions {
  display: none;
}

.kg-commander__command__input {
  display: inline-block;
}

.kg-commander__command__actions {
  display: inline-block;
  float: right;
  padding: 6px;
}

.kg-commander__command__actions--not-visible {
  display: none;
}

.kg-form_commander .kg-form__header-container {
  border-bottom-style: solid;
  border-bottom-color: lightgray;
  border-bottom-width: 1px;
  width: 100%;
  display: table;
}

.kg-form_commander .kg-form__header {
  display: inline-block;
  font-family: Roboto;
  width: auto;
  margin: 5px;
  float: left;
}

.kg-form_commander .kg-form__close {
  padding: 0;
  border: none;
  background: url(/components/instance/close-form.png) no-repeat;
  background-position: center;
  background-size: 20px 20px;
  height: 32px;
  width: 32px;
  vertical-align: middle;
  float: right;
}

.kg-commander__command__actions__ok {
  color: var(--primary-contrastText);
  background-color: var(--primary-light);
  border: none;
  height: 32px;
  width: 100px;
  font-family: Roboto;
  margin-right: 4px;
}

.kg-commander__command__actions__cancel {
  color: var(--primary-contrastText);
  background-color: gray;
  border: none;
  height: 32px;
  float: right;
  width: 100px;
  font-family: Roboto;
}

.kg-context-menu {
  position: absolute;
  left: 60px;
  top: 30px;
  z-index: 999;
  width: 300px;
  margin: 0;
  padding: 10px;
  list-style: none;
  background: #fff;
  color: #333;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 0 5px var(--primary-light);
  -webkit-box-shadow: 0 0 5px var(--primary-light);
  box-shadow: 0 0 5px var(--primary-light);
  display: block;
}

.kg-context-menu__item {
  padding: 10px;
  border-bottom: solid 1px #ccc;
}

ul.kg-context-menu li.kg-context-menu__item_hover:hover {
  background: var(--primary-light);
  color: #fff;
  cursor: default;
}

ul.kg-context-menu li:last-child {
  border: none;
}

.kg-context-menu_hidden {
  display: none;
}

.kg-entity-card {
  width: 360px;
}

.kg-entity-card__properties {
  padding: 0;
  margin-left: 16px;
}

.kg-entity-card__property {
  display: block;
  margin-bottom: 4px;
}

.kg-entity-card__property_hidden {
  display: none;
}

.kg-entity-card-property {
}

.kg-entity-card-property__label {
  font-size: x-small;
  color: darkgray;
  font-family: Roboto;
  display: block;
  cursor: pointer;
}

.kg-entity-card-property__values {
  padding: 0;
  margin: 0;
}

.kg-entity-card-property__value {
  display: block;
  margin-top: 5px;
  margin-bottom: 7px;
}

.kg-entity-card-attribute-value {
}

.kg-entity-card-attribute-value__value {
}

.kg-entity-card-attribute-value__value[type="checkbox"] {
  width: 16px;
}

.kg-entity-card-attribute-value__value_withUnit {
}

.kg-entity-card-attribute-value__file {
  text-decoration: underline;
  cursor: pointer;
  color: blue;
}

.kg-entity-card-attribute-value__unit {
  text-decoration: underline;
  cursor: pointer;
}

.kg-entity-card-attribute-value__unit_hidden {
  display: none;
}

.kg-entity-card-relation-value {
  text-decoration: underline;
  cursor: pointer;
}

.kg-entity-card-image-value {
  width: 312px;
  max-height: 640px;
}

.kg-entity-card-input {
  font-family: Roboto;
  font-size: smaller;
}

.kg-entity-card__edit {
  color: var(--primary-contrastText);
  background-color: var(--primary-light);
  border: none;
  height: 32px;
  width: 150px;
  font-family: Roboto;
  margin: 10px;
}

.kg-responsive-entity-card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  background-color: #edeff4 !important;
  height: 100%;
  overflow-y: hidden;
}

.kg-responsive-entity-card__container {
  padding: 0.01em 16px;
  padding-bottom: 10px;
}

.kg-responsive-entity-card__container:after,
.kg-responsive-entity-card__container:before {
  content: "";
  display: table;
  clear: both;
}

.kg-responsive-entity-card__header {
  background-color: white;
  box-shadow: 0px 1px 20px 0px grey;
}

.kg-responsive-entity-card__content {
  margin-top: 20px;
}

.kg-responsive-entity-card__button {
  font: inherit;
  margin: 0;
  text-transform: none;
  -webkit-appearance: button;

  border: none;
  display: inline-block;
  outline: 0;
  padding: 6px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none !important;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  user-select: none;

  transition: opacity 0s;
}

.kg-responsive-entity-card__button:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.kg-responsive-entity-card__entity-type {
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 5px;
}

.kg-responsive-entity-card__entity-label {
  display: block;
  font-size: large;
  font-weight: bold;
}

.kg-responsive-entity-card__header-buttons {
  margin-bottom: 16px;
  margin-top: 16px;
  display: block;
}

.kg-responsive-entity-card__edit-entity-button {
  color: #fff;
  background-color: #2196f3;
}

.kg-responsive-entity-card__show-entity-json-button {
  color: #fff;
  background-color: #616161;
  float: right;
}

.kg-responsive-entity-card__entity-header {
  display: block;
  overflow: auto;
}

.kg-responsive-entity-card__entity-properties {
  display: block;
  margin-top: 10px;
  overflow: hidden;
}

.kg-responsive-entity-card__entity-relations {
  display: block;
  margin-top: 10px;
  overflow: hidden;
}

.kg-responsive-entity-card__entity-subjects {
  display: block;
  margin-top: 10px;
  overflow: hidden;
}

.kg-responsive-entity-card__entity-picture {
  width: 256px;
  height: 256px;
  float: left;
  margin-right: 10px;
  object-fit: contain;
}

.kg-responsive-entity-card__entity-comments {
  height: 256px;
  width: auto;
  background-color: white;
  color: black;
  overflow: hidden;
  overflow-y: auto;
}

.kg-responsive-entity-card__entity-comments-text {
  margin: 10px;
}

.kg-responsive-entity-card_hidden {
  display: none;
}

.kg-responsive-entity-card .kg-entity-card-relation-value {
  color: dodgerblue;
}

.kg-responsive-entity-card .kg-entity-card-property__value {
  padding: 5px;
  background-color: white;
}

.kg-responsive-entity-card
  .kg-responsive-entity-card__entity-properties
  .kg-entity-card__property {
  display: inline-block;
  float: left;
  margin-right: 20px;
}

.kg-responsive-entity-card
  .kg-responsive-entity-card__entity-relations
  .kg-entity-card__property {
  display: inline-block;
  float: left;
  margin-right: 20px;
}

.kg-responsive-entity-card
  .kg-responsive-entity-card__entity-properties
  .kg-entity-card__property_hidden {
  display: none;
}

.kg-responsive-entity-card .kg-entity-card-property__label {
  font-size: small;
}

.kg-responsive-entity-card__entity-subjects .kg-entity-card-property__label {
  cursor: auto;
}

.kg-entity-card-form {
  margin: 20px;
  width: 370px;
}

.kg-responsive-entity-card__block {
  padding: 10px;
  border: 1px solid gray;
  border-radius: 5px;
  overflow: visible;
}

.kg-responsive-entity-card__block::after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

.kg-entity-card-property__block-label {
  background: #edeff4;
  margin-bottom: 10px;
  margin-top: -20px;
  margin-left: 5px;
  cursor: auto;
  font-size: small;
  font-family: Roboto;
  display: block;
  color: #616161;
}

.kg-entity-card-property__label_hidden {
  display: none;
}

.kg-responsive-entity-card__close-card-button {
  background-image: url(../images/icons/close_dark.svg);
  background-repeat: no-repeat;
  background-color: transparent;
  width: 12px;
  height: 12px;
  background-size: contain;
  cursor: pointer;
  border: none;
  float: right;
  margin-top: 15px;
  outline: none;
}

.kg-form_entityDictionary {
  margin: 20px;
  width: 370px;
}

.kg-form_entityDictionary .kg-context-menu {
  top: 30px;
}

.kg-entity-dictionary__item {
  text-decoration: underline;
  cursor: pointer;
}

.kg-entity-dictionary__search-panel {
  width: 100%;
  margin-bottom: 5px;
}

.kg-entity-dictionary__add-search-panel {
  display: none;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
}

.kg-entity-grid {
  font-size: 1em;
}

.kg-entity-grid.k-grid tbody td > .k-grid-edit {
  padding: 5px 14px 5px 23px;
}

.kg-entity-grid.k-grid tbody td > .k-grid-delete {
  padding: 5px 14px 5px 23px;
  margin-top: 0;
  margin-bottom: 0;
}

.kg-entity-grid.k-grid tbody td > .k-grid-addChild {
  padding: 5px 14px 5px 23px;
  margin-top: 0;
  margin-bottom: 0;
}

.kg-entity-grid.k-grid tbody td > .k-grid-showCard {
  padding: 5px 14px 5px 23px;
  margin-top: 0;
  margin-bottom: 0;
}

.k-grid-showCard .k-icon {
  background-position: -64px -32px;
}

.kg-entity-grid.k-grid tbody td > .k-grid-update {
  padding: 5px 14px 5px 23px;
}

.kg-entity-grid.k-grid tbody td > .k-grid-cancel {
  padding: 5px 14px 5px 23px;
  margin-top: 0;
  margin-bottom: 0;
}

.kg-form_grid .k-grid-toolbar {
  padding: 0;
}

.kg-entity-grid .kg-autocomplete__input {
  width: 100%;
}

.kg-entity-grid .kg-autocomplete__more {
  background-color: white;
  right: 5px;
}

.kg-entity-grid__label {
  display: inline-block;
  width: calc(100% - 21px);
  margin-left: 5px;
}

.kg-entity-grid__expander {
  min-width: 1em;
  border-style: solid;
  border-width: 1px;
  border-radius: 0;
  border-color: black;
  box-shadow: none;
  background-color: inherit;
  background-size: cover;
  width: 0.8em;
  height: 0.85em;
  padding: 0;
  margin-top: 4px;
  vertical-align: top;
}

.kg-entity-grid__expander_bounded {
}

.kg-entity-grid__expander_expanded {
  background-image: url(/components/entityGrid/collapse.svg);
  background-position: 0px -1px;
}

.kg-entity-grid__expander_collapsed {
  background-image: url(/components/entityGrid/expand.svg);
  background-position: 0px -1px;
}

.kg-entity-grid__expander_empty {
  visibility: hidden;
}

.kg-entity-grid__entity-link {
  cursor: pointer;
  text-decoration: underline;
}

.kg-entity-grid__number {
  height: 100%;
  width: 100%;
  border: 1px solid #e6e6e6;
  text-indent: 8px;
}

.kg-entity-grid__date {
  height: 100%;
  width: 100%;
  border: 1px solid #e6e6e6;
}

.kg-entity-grid-form {
}

.kg-entity-grid-form__type {
  margin: 5px;
  width: 300px;
  display: inline-block;
}

.kg-entity-grid-form__name {
  margin: 5px;
  width: 300px;
  display: inline-block;
}

.kg-entity-grid-form__parent {
  margin: 5px;
  width: 145px;
  display: inline-block;
}

.kg-entity-grid-form__root {
  margin: 5px;
  width: 145px;
  display: inline-block;
}

.kg-entity-grid-form__grid {
}

.kg-entity-grid-form__type .kg-autocomplete__input {
  width: 300px;
}

.kg-entity-grid-form__parent .kg-autocomplete__input {
  width: 145px;
}

.kg-entity-grid-form__root .kg-autocomplete__input {
  width: 145px;
}

.kg-entity-grid-form__name .kg-autocomplete__input {
  width: 300px;
}

.kg-entity-grid-form__parent_hidden {
  display: none;
}

.kg-entity-grid-form__root_hidden {
  display: none;
}

.kg-entity-grid-form__actions {
}

.kg-entity-grid-form__add {
  padding: 0;
  border: none;
  background: url(/images/icons/create-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-entity-grid-form__edit {
  padding: 0;
  border: none;
  background: url(/images/icons/edit-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-entity-grid-form__remove {
  padding: 0;
  border: none;
  background: url(/images/icons/delete-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-entity-grid-form__tree {
  padding: 0;
  border: none;
  background: url(/components/entityGrid/data_tree.png) no-repeat;
  background-position: center;
  background-size: cover;
  height: 24px;
  width: 24px;
  vertical-align: middle;
  margin-left: 10px;
}

.kg-entity-grid-form__scheme-editor {
  padding: 0;
  border: none;
  background: url(/components/entityGrid/tree.svg) no-repeat;
  background-position: center;
  background-size: 32px 32px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-entity-grid-form__card {
  padding: 0;
  border: none;
  background: url(/components/entityGrid/hyperlink.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-entity-grid-form__tree_enabled {
  border: solid 1.5px royalblue;
  background-color: lightgray;
}

.kg-entity-grid-form__export-excel {
  padding: 0;
  border: none;
  background: url(/components/entityGrid/excel.svg) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
  margin-left: 10px;
}

.kg-entity-grid-form__export-pdf {
  padding: 0;
  border: none;
  background: url(/components/entityGrid/pdf.svg) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-entity-grid-form__files {
  padding: 0;
  border: none;
  background: url(/components/entityGrid/attachments.svg) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-entity-grid-form__actions {
  padding: 5px;
  background-color: whitesmoke;
}

.kg-entity-grid-form__link {
  font-size: 0.8em;
  border-bottom: 1px solid black;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 3px;
}

.kg-entity-grid-form__save-settings {
  padding: 0;
  border: none;
  background: url(/components/entityGrid/saveSettings.svg) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-entity-grid-form__delete-settings {
  padding: 0;
  border: 2px solid red;
  background: url(/components/entityGrid/saveSettings.svg) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
  display: none;
}

.kg-entity-grid-form__save-settings_hidden {
  display: none;
}

.kg-form_entityList {
  margin: 20px;
  width: 370px;
  position: absolute;
  left: 50%;
  margin-left: -195px;
  background: white;
}

.kg-form_entityList-parent {
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 60px;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
}

.kg-dsl {
  background-color: white;
}

.kg-dsl__autocomplete_fontWeight_normal {
  font-weight: normal;
}

.kg-dsl__autocomplete_fontWeight_bold {
  font-weight: bold;
}

.kg-dsl__autocomplete_borderColor_transparent {
  border-color: transparent;
}

.kg-dsl__open-bkt,
.kg-dsl__close-bkt {
  box-sizing: border-box;
  height: 32px;
  border: none;
  width: 4px;
  display: none;
}

.kg-dsl__bkt--visible,
.kg-dsl__arguments__arg-comma {
  box-sizing: border-box;
  height: 32px;
  width: 6px;
  border: none;
  display: block;
  float: left;
  vertical-align: middle;
}

.kg-dsl,
.kg-dsl__filter,
.kg-dsl__arguments,
.kg-dsl__unit {
  display: block;
  float: left;
  vertical-align: middle;
}

.kg-dsl .kg-autocomplete__input {
  border: none;
  vertical-align: middle;
}

.kg-filter__remove {
  background: url(/components/filter/remove-filter.png) no-repeat;
  background-size: 10px 10px;
  background-position: center;
  border: 0;
  height: 10px;
  width: 10px;
  vertical-align: middle;
}

.kg-filter__label {
  font-size: x-small;
  color: darkgray;
  margin-bottom: -16px;
  font-family: Roboto;
}

.kg-filter_hidden {
  display: none;
}

.kg-filter-by-name {
  margin-left: 5px;
}

.kg-filter-by-class {
  margin-left: 5px;
}

.kg-filter__input {
  display: inline-block;
}

.kg-filter .kg-autocomplete__input {
  width: 320px;
}

.kg-form {
  border-width: 1px;
  border-color: lightgray;
  box-shadow: 0 0 4px darkgray;
  display: inline-block;
  vertical-align: top;
}

.kg-form_default {
  margin: 20px;
  width: 370px;
}

.kg-form_tree {
  margin: 20px;
}

.kg-form_tree .kg-form__header {
  min-height: 28px;
}

.kg-form_tree .kg-form__close {
  float: right;
}

.kg-form_row {
  flex-direction: row;
}

.kg-form_commander {
  margin: 5px;
  width: 99%;
}

.kg-form_network {
  margin: 20px;
  width: 900px;
  resize: both;
  overflow: auto;
}

.kg-form_instanceList {
  margin: 20px;
  width: 370px;
}

.kg-form__header-container {
  border-bottom-style: solid;
  border-bottom-color: lightgray;
  border-bottom-width: 1px;
}

.kg-form__header {
  display: inline-block;
  width: 325px;
  font-family: Roboto;
  margin-left: 8px;
  margin-top: 0px;
}

.kg-form_network .kg-form__header-container {
  height: 32px;
}

.kg-form_network .kg-form__header {
  width: 800px;
}

.kg-form__close {
  padding: 0;
  border: none;
  background: url(/components/instance/close-form.png) no-repeat;
  background-position: center;
  background-size: 20px 20px;
  height: 32px;
  width: 32px;
  vertical-align: top;
}

/*.kg-form__custom {
    border: none;
    padding: 5px;
    background-color: whitesmoke;
}*/

.kg-form__top-actions {
  position: relative;
  border: none;
  /*border-top-style: solid;
    border-top-color: lightgray;
    border-top-width: 1px;*/
  padding: 5px;
  background-color: whitesmoke;
}

.kg-form__top-actions_empty {
  position: relative;
  display: none;
}

.kg-form__bottom-actions {
  border-top-style: solid;
  border-top-color: lightgray;
  border-top-width: 1px;
  /*padding: 10px;*/
  background-color: whitesmoke;
}

.kg-form__button {
  height: 24px;
  margin-bottom: 5px;
  margin-right: 5px;
}

.kg-form__text-button {
  color: var(--primary-contrastText);
  background-color: var(--primary-light);
  border: 2px solid var(--primary-light);
  height: 24px;
  min-width: 70px;
  font-family: Roboto;
  font-size: small;
  margin-bottom: 5px;
  margin-right: 5px;
}

.kg-instance-form__create {
  padding: 0;
  border: none;
  background: url(/images/icons/create-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-instance-form__edit {
  padding: 0;
  border: none;
  background: url(/images/icons/edit-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-instance-form__attachment {
  padding: 0;
  border: none;
  background: url(/images/icons/attachment.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-instance-form__search {
  padding: 0;
  border: none;
  background: url(/components/instance/search.svg) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-instance-form__delete {
  padding: 0;
  border: none;
  background: url(/images/icons/delete-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-instance-form__actions-menu {
  padding: 0;
  border: none;
  background: url(/images/icons/actions_menu.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
  float: right;
}

.kg-instance-form__content {
  padding: 0;
  border: none;
  background: url(/images/icons/content.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-instance-form__network {
  padding: 0;
  border: none;
  background: url(/images/icons/network.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
  float: right;
}

.kg-instance-form__statistics {
  padding: 0;
  border: none;
  background: url(/images/icons/statistics.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
  float: right;
}

.kg-instance-form__merge {
  padding: 0;
  border: none;
  background: url(/images/icons/merge.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
  float: right;
}

.kg-instance-form__queries {
  padding: 0;
  border: none;
  background: url(/images/icons/queries.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
  float: right;
}

.kg-instance-form__flowchart {
  padding: 0;
  border: none;
  background: url(/images/icons/flowchart.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-instance-form__scene-content {
  display: none;
  padding: 0;
  border: none;
  background: url(/images/icons/scene-content.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-instance-form__export {
  padding: 0;
  border: none;
  background: url(/images/icons/alt-export.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-instance-form__import {
  padding: 0;
  border: none;
  background: url(/images/icons/import.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-instance-form__scene-content--visible {
  display: inline-block;
}

.kg-instance-form__commander {
  padding: 0;
  border: none;
  background: url(/images/icons/commander.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-form_conceptList .kg-context-menu {
  top: 97px;
}

.kg-form_conceptList .kg-autocomplete__input {
  width: 355px;
}

.kg-form__button_clicked {
  color: var(--primary-contrastText);
  border: 1px solid var(--primary-dark);
  height: 24px;
}

.kg-form-top-actions__text-buttons > .kg-form__button_clicked {
  color: var(--primary-contrastText);
  background-color: var(--primary-main);
}

.kg-import-list__add {
  padding: 0;
  border: none;
  background: url(/images/icons/create-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-import-list__edit {
  padding: 0;
  border: none;
  background: url(/images/icons/edit-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
  display: none;
}

.kg-import-list__remove {
  padding: 0;
  border: none;
  background: url(/images/icons/delete-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-import-list__panel {
  border: none;
  padding: 5px;
  background-color: whitesmoke;
}

/*input {
    box-sizing: border-box;
}

select {
    box-sizing: border-box;
}

button {
    box-sizing: border-box;
}*/

.kg-input {
  height: 32px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-color: lightgray;
  border-style: solid;
  padding: 2px;
  font-family: Roboto;
  box-sizing: border-box;
}

.kg-input_invalid {
  border-color: red;
}

.kg-expression-input .kg-input {
  float: left;
  display: inline;
}

.kg-file-input .kg-input {
  float: left;
  display: inline;
}

.kg-query-input-editor {
  display: inline;
}

.kg-property .kg-query-input-editor .kg-input {
  float: left;
  display: inline;
  width: 244px;
  background: whitesmoke;
}

.kg-select {
  height: 32px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-color: lightgray;
  border-style: solid;
  font-family: Roboto;
  box-sizing: border-box;
}

.kg-select_invalid {
  border-color: red;
}

.kg-select__item {
  color: black;
}

.kg-select__item_optional {
  color: darkgray;
}

.kg-measured-input {
}

.kg-measured-input__value {
  display: inline;
  box-sizing: border-box;
}

.kg-measured-input__unit {
  display: inline;
  margin-left: -5px;
}

.kg-measured-input__value_invalid {
  border-color: red;
}

.kg-measured-input__unit_invalid {
  border-color: red;
}

.kg-autocomplete {
  position: relative;
  display: inline;
}

.kg-autocomplete__input {
  height: 32px;
  border-width: 0;
  border-bottom-width: 1px;
  border-color: lightgray;
  border-style: solid;
  padding: 2px;
  font-family: Roboto;
  box-sizing: border-box;
}

.kg-autocomplete__more {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  border: none;
  display: block;
  background: url(/components/autocomplete/more.svg) no-repeat;
  background-position: bottom;
  background-size: 12px 12px;
  height: 24px;
  width: 12px;
}

.kg-autocomplete__more_hidden {
  display: none;
}

.kg-property-value__editor .kg-autocomplete__more {
  right: 10px;
  background-color: whitesmoke;
}

.kg-relation-new-value .kg-autocomplete__more {
  right: 5px;
  background-color: white;
}

.kg-autocomplete__input_invalid {
  border-color: red;
}

.kg-autocomplete__item {
  color: black;
}

.kg-instance-form__save {
  color: var(--primary-contrastText);
  background-color: var(--primary-light);
  border: none;
  height: 32px;
  width: 100px;
  font-family: Roboto;
}

.kg-instance-form__cancel {
  color: var(--error-contrastText);
  background-color: var(--error-light);
  border: none;
  height: 32px;
  float: right;
  width: 100px;
  font-family: Roboto;
}

.kg-instance {
  background: var(--background-color);
}

.kg-instance__properties {
  padding: 0;
}

.kg-instance__new-property {
}

.kg-instance__property {
  display: block;
  margin-bottom: 4px;
}

.kg-property {
  width: 360px;
}

.kg-property .kg-input {
  width: 276px;
}

.kg-property .kg-select {
  width: 276px;
}

.kg-property .kg-measured-input .kg-input {
  width: 228px;
}

.kg-property .kg-measured-input .kg-select {
  width: 48px;
}

.kg-input[type="checkbox"] {
  width: 16px;
}

.kg-property .kg-autocomplete__input {
  width: 276px;
}

.kg-property__remove {
  background: url(/components/instance/remove-property.png) no-repeat;
  background-size: 16px 16px;
  background-position: center;
  border: 0;
  height: 16px;
  width: 24px;
  vertical-align: middle;
}

.kg-property__remove_hidden {
  visibility: hidden;
}

.kg-property__label {
  font-size: x-small;
  color: darkgray;
  margin-bottom: -16px;
  font-family: Roboto;
}

.kg-property-value-attributes__attribute-label {
  font-size: x-small;
  color: darkgray;
  /*margin-bottom: -16px;*/
  font-family: Roboto;
}

.kg-property__error {
  border-color: indianred;
  border-width: 2px;
  border-radius: 4px;
}

.kg-property__value {
  margin-left: 25px;
}

.kg-property-value {
}

.kg-property-value__editor {
  display: inline;
}

.kg-property-value__editor .kg-expression-input {
  float: left;
}

.kg-property-value__actions {
  display: inline;
}

.kg-property-list {
}

.kg-property-list__items {
  padding: 0;
}

.kg-property-list__item {
  display: block;
  margin-bottom: 2px;
}

.kg-property-list__new-item {
}

.kg-attribute-new-value {
}

.kg-attribute-new-value__value {
}

.kg-attribute-new-value__value .kg-select {
  color: darkgray;
}

.kg-relation-new-value {
}

.kg-relation-new-value .kg-autocomplete__input {
  width: 244px;
}

.kg-property-value .kg-autocomplete__input {
  width: 244px;
}

.kg-relation-new-value__value {
  float: left;
  display: inline;
  box-sizing: border-box;
}

.kg-relation-new-value__search {
  padding: 0;
  border-style: solid;
  border-width: 0px;
  border-bottom-width: 1px;
  border-color: lightgray;
  background: url(/components/instance/add-icon.png) no-repeat;
  background-position: center;
  background-size: 20px 20px;
  height: 32px;
  width: 32px;
  vertical-align: middle;
  margin-left: -1px;
}

.kg-relation-new-value__search_hidden {
  visibility: hidden;
}

.kg-expression-input__edit {
  padding: 0;
  border: solid 1px darkgray;
  background: url(/images/icons/commander.png) no-repeat;
  background-position: center;
  height: 32px;
  width: 32px;
  vertical-align: middle;
  margin-left: -1px;
}

.kg-query-input-editor__edit {
  padding: 0;
  border: none;
  background: url(/images/icons/edit-entity.png) no-repeat;
  background-position: center;
  height: 32px;
  width: 32px;
  vertical-align: middle;
}

.kg-file-input {
  display: inline;
}

.kg-file-input__select {
  padding: 0;
  border: none;
  height: 32px;
  width: 32px;
  vertical-align: middle;
}

.kg-file-input__select_loading {
  background: url(/images/icons/loader2.gif) no-repeat center;
}

.kg-file-input__select_attachment {
  background: url(/images/icons/attachment.png) no-repeat center;
}

.kg-instance-new-property {
}

.kg-instance-new-property .kg-autocomplete__input {
  width: 329px;
  border-style: solid;
  border-color: var(--primary-light);
  border-width: 1px;
  height: 40px;
}

.kg-instance-new-property .kg-autocomplete__more {
  display: none !important;
}

.kg-instance-new-property__value {
  float: left;
  display: inline;
  box-sizing: border-box;
}

.kg-instance-new-property__search {
  padding: 0;
  border-style: solid;
  border-width: 1px;
  border-color: var(--primary-light);
  background: url(/components/instance/search-property.png) no-repeat;
  background-position: center;
  background-size: 19px 15px;
  height: 40px;
  width: 32px;
  vertical-align: middle;
  margin-left: -1px;
}

.kg-instance-new-property .kg-autocomplete__input {
  padding-left: 4px;
}

.kg-property-list__value {
  display: inline;
}

.kg-property-list__value .kg-input {
  width: 244px;
}

.kg-property-list__value .kg-select {
  width: 244px;
}

.kg-property-list__value .kg-autocomplete__input {
  width: 244px;
}

.kg-property .kg-property_relation .kg-autocomplete__input {
  width: 244px;
}

.kg-property-list__remove-value {
  padding: 0;
  border: none;
  background: url(/components/instance/remove-value.png) no-repeat gainsboro;
  background-position: center;
  /*background-size: 24px 19px;*/
  height: 32px;
  width: 32px;
  vertical-align: middle;
  margin-left: -5px;
}

.kg-property-value__remove {
  display: none;
  padding: 0;
  border: none;
  background: url(/components/instance/remove-value.png) no-repeat;
  background-position: center;
  background-size: 12px 12px;
  height: 32px;
  width: 32px;
  vertical-align: middle;
  margin-left: -5px;
}

.kg-property-value__remove_visible {
  display: inline-block;
}

.kg-property-value__link {
  padding: 0;
  border: none;
  background: url(/components/instance/link.png) no-repeat;
  background-position: center;
  background-size: 19px 8px;
  height: 32px;
  width: 32px;
  vertical-align: middle;
  margin-left: -5px;
}

.kg-property-value__properties {
  padding: 0;
  border: none;
  background: url(/components/instance/properties.png) no-repeat;
  background-position: center;
  background-size: 17px 19px;
  height: 32px;
  width: 32px;
  vertical-align: middle;
  margin-left: -5px;
}

.kg-property-value__properties_clicked {
  padding: 0;
  border: none;
  background: url(/components/instance/properties_clicked.png) no-repeat;
  background-position: center;
  background-size: 17px 19px;
  height: 32px;
  width: 32px;
  vertical-align: middle;
  margin-left: -5px;
}

.kg-property-value__properties_hidden {
  visibility: hidden;
}

.kg-instance-form {
  border-style: inset;
  border-width: 1px;
  width: 360px;
  border-color: lightgray;
  box-shadow: 0 0 10px darkgray;
  display: inline-block;
  margin: 20px;
  vertical-align: top;
}

.kg-instance-row {
  flex-direction: row;
}

.kg-instance-form__instance {
}

.kg-instance-form__header-container {
  border-bottom-style: solid;
  border-bottom-color: lightgray;
  border-bottom-width: 1px;
}

.kg-instance-form__header {
  display: inline-block;
  width: 315px;
  font-family: Roboto;
  margin-left: 5px;
  margin-top: 3px;
}

.kg-instance-form__close {
  padding: 0;
  border: none;
  background: url(/components/instance/close-form.png) no-repeat;
  background-position: center;
  background-size: 20px 20px;
  height: 32px;
  width: 32px;
  vertical-align: top;
}

.kg-instance-form__actions {
  border-top-style: solid;
  border-top-color: lightgray;
  border-top-width: 1px;
  padding: 10px;
  background-color: whitesmoke;
}

.kg-property-value__attributes {
  display: none;
  background-color: whitesmoke;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: var(--primary-light);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: lightgray;
  box-shadow: inset 0 10px 10px -8px darkgray;
  padding: 8px 8px 8px 25px;
  box-sizing: border-box;
  margin-left: -25px;
}

.kg-property-value__attributes_visible {
  display: block;
  margin-top: -2px;
}

.kg-property-value__attributes .kg-input {
  width: 150px;
  background-color: whitesmoke;
}

.kg-property-value__attributes .kg-select {
  width: 150px;
  background-color: whitesmoke;
}

.kg-property-value__editor .kg-autocomplete__input {
  border-radius: 4px;
  background: whitesmoke;
  padding-right: 40px;
}
.kg-property__comment {
  width: calc(100% - 60px) !important;
}
.kg-property__comment-button {
  padding: 0;
  border-style: solid;
  border-width: 0px;
  border-bottom-width: 1px;
  border-color: lightgray;
  background: url(/components/instance/add-icon.png) no-repeat;
  background-position: center;
  background-size: 20px 20px;
  height: 32px;
  width: 32px;
  margin-left: -1px;
  cursor: pointer;
}

.kg-instance-list__search-panel {
  width: 100%;
  margin-bottom: 5px;
}

.kg-instance-list__add-search-panel {
  display: none;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
}

.kg-instance-list__add-search-panel--visible {
  display: block;
}

.kg-instance-list .kg-autocomplete__input {
  width: 360px;
}

.kg-instance-list .kg-filter .kg-autocomplete__input {
  width: 320px;
}

.kg-instance-list__add-search-panel__filter .kg-autocomplete__input {
  width: 360px;
}

.kg-instance-list__search {
  padding: 0;
  border: none;
  background: url(/components/instance/search.svg) no-repeat;
  background-position: center;
  background-size: 24px 22px;
  height: 24px;
  width: 22px;
  vertical-align: middle;
}

.kg-instance-list__actions-menu {
  padding: 0;
  border: none;
  background: url(/images/icons/actions_menu.png) no-repeat;
  background-position: center;
  background-size: 24px 22px;
  height: 24px;
  width: 22px;
  vertical-align: middle;
  float: right;
}

.kg-instance-list__create {
  padding: 0;
  border: none;
  background: url(/images/icons/create-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-instance-list__edit {
  padding: 0;
  border: none;
  background: url(/images/icons/edit-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-instance-list__remove {
  padding: 0;
  border: none;
  background: url(/images/icons/delete-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-instance-list__flowchart {
  padding: 0;
  border: none;
  background: url(/images/icons/flowchart.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-instance-list__commander {
  padding: 0;
  border: none;
  background: url(/images/icons/commander.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-instance-list__attachment {
  padding: 0;
  border: none;
  background: url(/images/icons/attachment.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-instance-list__panel {
  position: relative;
  padding: 5px;
  background-color: whitesmoke;
  margin-bottom: 2px;
}

.kg-instance-list__filter-by-name {
  width: 360px;
  height: 32px;
  border-width: 1px;
  border-color: darkgray;
  border-style: solid;
  padding: 2px;
  font-family: Roboto;
  box-sizing: border-box;
}

.kg-form_instanceList .kg-context-menu {
  top: 30px;
}

.kg-list {
  background: var(--background-color);
}

.kg-list__items {
  padding: 0;
  margin: 0;
}

.kg-list__prev {
  background: url(/components/list/prev-page.svg) no-repeat;
  background-size: 16px 16px;
  background-position: center;
  border: 0;
  height: 16px;
  width: 16px;
  vertical-align: middle;
}

.kg-list__navigator {
  text-align: center;
  margin-bottom: 3px;
}

.kg-list__navigator_hidden {
  display: none;
}

.kg-list__prev_disabled {
  background: url(/components/list/prev-page-disabled.svg) no-repeat;
  background-size: 16px 16px;
}

.kg-list__next {
  background: url(/components/list/next-page.svg) no-repeat;
  background-size: 16px 16px;
  background-position: center;
  border: 0;
  height: 16px;
  width: 16px;
  vertical-align: middle;
}

.kg-list__next_disabled {
  background: url(/components/list/next-page-disabled.svg) no-repeat;
  background-size: 16px 16px;
}

.kg-list__item {
  display: block;
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 5px;
  cursor: default;
  min-height: 24px;
  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
  -moz-user-select: none; /* mozilla browsers */
  -khtml-user-select: none; /* webkit (konqueror) browsers */
  -ms-user-select: none; /* IE10+ */
}

.kg-list__item_group {
  background-color: var(--primary-light);
  color: white;
  border-bottom: solid royalblue 1px;
}

.kg-list__item_expanded {
  background: url(/components/list/expanded.png) no-repeat calc(100% - 5px);
  background-color: var(--primary-light);
  background-size: 16px 16px;
}

.kg-list__item_collapsed {
  background: url(/components/list/collapsed.png) no-repeat calc(100% - 5px);
  background-color: var(--primary-light);
  background-size: 16px 16px;
}

.kg-list__item_selected {
  background-color: #e0f8ff;
}

.kg-list__item_hidden {
  display: none;
}

.kg-list__item:hover {
  background-color: whitesmoke;
}

.kg-list__item_selected:hover {
  background-color: lightblue;
}

.kg-list__item_group:hover {
  background-color: lightblue;
  color: white;
}

.loader {
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 50%;
  width: 40px;
  z-index: 1999;
}

.loader .loader-overlay {
  background: #000;
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  -webkit-opacity: 0.6;
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  -ms-opacity: 0.6;
  -o-opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.loader.hide {
  display: none !important;
}
.loader.overlay {
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  right: 0;
  top: 0;
  width: 100%;
  opacity: 0.3;
}
.loader.overlay .loader-overlay {
  display: block;
}

.kg-login-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.kg-login-form__knowledge-base {
  margin-bottom: 10px;
}

.kg-knowledge-base__select .kg-select {
  width: 320px;
  height: 39px;
}

.kg-login-form__login {
  margin-bottom: 10px;
}

.kg-login-form__password {
  margin-bottom: 22px;
}

.kg-login-form__copyright {
  color: white;
  font-size: 14px;
  margin-left: 90px;
}

.kg-knowledge-base__label {
  font-size: 12px;
  color: var(--primary-light);
  font-family: Roboto;
  font-weight: bold;
  display: block;
}

.kg-login__label {
  font-size: 12px;
  color: var(--primary-light);
  font-family: Roboto;
  font-weight: bold;
  display: block;
}

.kg-login__input {
  width: 320px;
  height: 39px;
  border-width: 1px;
  border-color: darkgray;
  border-style: solid;
  padding: 2px;
  font-family: Roboto;
  box-sizing: border-box;
  display: block;
}

.kg-password__label {
  font-size: 12px;
  color: var(--primary-light);
  font-family: Roboto;
  font-weight: bold;
  display: block;
}

.kg-password__input {
  width: 320px;
  height: 39px;
  border-width: 1px;
  border-color: darkgray;
  border-style: solid;
  padding: 2px;
  font-family: Roboto;
  box-sizing: border-box;
  display: block;
}

.kg-login-form__submit {
  color: white;
  background-color: var(--primary-light);
  border: none;
  height: 39px;
  width: 320px;
  font-family: Roboto;
  font-weight: bold;
  font-size: 16px;
  display: block;
  margin-bottom: 20px;
}

.kg-login-form__register {
  color: white;
  background-color: gray;
  border: none;
  height: 39px;
  width: 320px;
  font-family: Roboto;
  font-weight: bold;
  font-size: 16px;
  display: block;
  margin-bottom: 20px;
}

.kg-login-form__submit_invalid {
  background-color: red;
}

.kg-navigation {
  height: 100%;
  background: rgba(5, 14, 26, 0.7);
  float: left;
  animation: fade-in 0.4s ease;
  width: 247px;
  transition: width 0.4s ease;
}

.kg-navigation-sub-menu {
  background: rgba(5, 14, 26, 0.7);
  animation: fade-in 0.4s ease;
  width: 247px;
  transition: width 0.4s ease;
  position: absolute;
  z-index: 100;
}

/*.kg-sub-menu-item:after{*/
/*content: "";*/
/*border: 7px solid transparent;*/
/*border-left: 5px solid #C0C3C4;*/
/*}*/

.kg-navigation-sub-menu__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  width: 247px;
}

.kg-navigation-sub-menu__image {
  background-image: url("/components/navigation/icons/arrow-right.svg");
  float: left;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: 15px;
}

.kg-navigation__text-hide .kg-owner,
.kg-navigation__text-hide .kg-navigation__list-item_text {
  animation: fade-out 0.4s ease;
  opacity: 0;
  margin-left: 10px;
}
.kg-navigation__text-show .kg-owner,
.kg-navigation__text-show .kg-navigation__list-item_text {
  animation: fade-in 0.4s ease;
  opacity: 1;
  margin-left: 10px;
}

.kg-sub-menu-item .kg-navigation__list-item_text {
  width: calc(100% - 80px);
}

#main.widescreen .kg-navigation {
  width: 68px;
}

.kg-navigation__items-list {
  overflow: hidden;
  width: 100%;
}

.kg-navigation__block {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
  padding-right: 67px;
}

.kg-navigation__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  width: calc(100% + 67px);
}

.kg-navigation__item {
  width: 100%;
  height: 70px;
  text-align: left;
  padding: 26px;
  color: #c0c3c4;
  cursor: pointer !important;
  font-size: 14px;
  border-bottom: 1px solid #364957;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  transition: height 0.4s ease-in;
}

.kg-navigation__item:hover {
  background-color: #2c4259;
}

.kg-navigation__item:first-child {
  border-top: 1px solid #364957;
}
.kg-navigation__list-item-image .kg-navigation__list-item_active {
  background-color: #f54047;
  color: #fff;
}
.kg-navigation__list-item_active:hover {
  background-color: #f54047;
}
.kg-navigation__list-item_text {
  animation: fade-in 0.4s ease;
}

.kg-navigation__list-item_busy {
  color: black;
}

.kg-navigation__list li:hover {
  color: #fff;
  /*background-color: #429ED1;
    border-color: #429ED1;*/
  cursor: default;
}

.kg-navigation__main:before,
.kg-navigation__user-profile:before,
.kg-navigation__proactive-search:before,
.kg-navigation__active-search:before,
.kg-navigation__recommendations:before,
.kg-navigation__space-infrastructure:before,
.kg-navigation__mpk:before,
.kg-navigation__bookmarks:before,
.kg-navigation__upload-resources:before,
.kg-navigation__experts-net:before,
.kg-navigation__my-circle:before,
.kg-navigation__ontology-constructor:before,
.kg-navigation__references:before {
  width: 16px;
  height: 16px;
  content: "";
  align-self: center;
}

.kg-navigation__main:before {
  background: url("/images/icons/home.png") no-repeat;
}
.kg-navigation__main:hover:before {
  background: url("/images/icons/home-wight.png") no-repeat;
}
.kg-navigation__list-item_active.kg-navigation__main:before {
  background: url("/images/icons/home-wight.png") no-repeat;
}
.kg-navigation__user-profile:before {
  background: url("/images/icons/profile-2.png") no-repeat;
}
.kg-navigation__user-profile:hover:before {
  background: url("/images/icons/profile-2-wight.png") no-repeat;
}
.kg-navigation__list-item_active.kg-navigation__user-profile:before {
  background: url("/images/icons/profile-2-wight.png") no-repeat;
}
.kg-navigation__references:before {
  background: url("/images/icons/RKP.png") no-repeat;
}
.kg-navigation__proactive-search:before {
  background: url("/images/icons/magnifier.png") no-repeat;
}
.kg-navigation__proactive-search:hover:before {
  background: url("/images/icons/magnifier-wight.png") no-repeat;
}
.kg-navigation__list-item_active.kg-navigation__proactive-search:before {
  background: url("/images/icons/magnifier-wight.png") no-repeat;
}

.kg-navigation__active-search:before {
  background: url("/images/icons/magnifier.png") no-repeat;
}
.kg-navigation__active-search:hover:before {
  background: url("/images/icons/magnifier-wight.png") no-repeat;
}
.kg-navigation__list-item_active.kg-navigation__active-search:before {
  background: url("/images/icons/magnifier-wight.png") no-repeat;
}

.kg-navigation__recommendations:before {
  background: url("/images/icons/book.png") no-repeat;
}
.kg-navigation__recommendations:hover:before {
  background: url("/images/icons/book-wight.png") no-repeat;
}
.kg-navigation__list-item_active.kg-navigation__recommendations:before {
  background: url("/images/icons/book-wight.png") no-repeat;
}

/*.kg-navigation__space-infrastructure:before{*/
/*background: url('/images/icons/book.png') no-repeat;*/
/*}*/
/*.kg-navigation__space-infrastructure:hover:before{*/
/*background: url('/images/icons/book-wight.png') no-repeat;*/
/*}*/
/*.kg-navigation__list-item_active.kg-navigation__space-infrastructure:before{*/
/*background: url('/images/icons/book-wight.png') no-repeat;*/
/*}*/

.kg-navigation__space-infrastructure:before {
  background: url("/images/icons/expertsNet.png") no-repeat;
}
.kg-navigation__space-infrastructure:hover:before {
  background: url("/images/icons/expertsNet.png") no-repeat;
}
.kg-navigation__list-item_active.kg-navigation__space-infrastructure:before {
  background: url("/images/icons/expertsNet.png") no-repeat;
}

.kg-navigation__mpk:before {
  background: url("/images/icons/MPK.png") no-repeat;
}
.kg-navigation__mpk:hover:before {
  background: url("/images/icons/MPK.png") no-repeat;
}
.kg-navigation__list-item_active.kg-navigation__mpk:before {
  background: url("/images/icons/MPK.png") no-repeat;
}

.kg-navigation__bookmarks:before {
  background: url("/images/icons/star.png") no-repeat;
}
.kg-navigation__bookmarks:hover:before {
  background: url("/images/icons/star-wight.png") no-repeat;
}
.kg-navigation__list-item_active.kg-navigation__bookmarks:before {
  background: url("/images/icons/star-wight.png") no-repeat;
}

.kg-navigation__upload-resources:before {
  background: url("/images/icons/journal.png") no-repeat;
}
.kg-navigation__upload-resources:hover:before {
  background: url("/images/icons/journal-wight.png") no-repeat;
}
.kg-navigation__list-item_active.kg-navigation__upload-resources:before {
  background: url("/images/icons/journal-wight.png") no-repeat;
}

.kg-navigation__experts-net:before {
  background: url("/images/icons/expertsNet.png") no-repeat;
}
.kg-navigation__experts-net:hover:before {
  background: url("/images/icons/expertsNet.png") no-repeat;
}
.kg-navigation__list-item_active.kg-navigation__experts-net:before {
  background: url("/images/icons/expertsNet.png") no-repeat;
}

.kg-navigation__my-circle:before {
  background: url("/images/icons/mycircle.png") no-repeat;
}
.kg-navigation__my-circle:hover:before {
  background: url("/images/icons/mycircle.png") no-repeat;
}
.kg-navigation__list-item_active.kg-navigation__my-circle:before {
  background: url("/images/icons/mycircle.png") no-repeat;
}
.kg-navigation__ontology-constructor:before {
  background: url("/images/icons/tree.png") no-repeat;
}
.kg-navigation__ontology-constructor:hover:before {
  background: url("/images/icons/tree-wight.png") no-repeat;
}
.kg-navigation__list-item_active.kg-navigation__ontology-constructor:before {
  background: url("/images/icons/tree-wight.png") no-repeat;
}

.kg-navigation__interests {
}

.kg-navigation__similar-interests {
}

.kg-navigation__settings {
}

.kg-navigation__refresh {
  display: none;
}

.kg-additional-information__logo-block {
  width: 100%;
  display: table;
  height: 88px;
  min-height: 54px;
  box-sizing: border-box;
}

.kg-owner {
  vertical-align: middle;
  display: table-cell;
  padding: 20px;
}

.kg-owner__logo {
  float: left;
  width: 75px;
  margin-right: 10px;
}

.kg-widescreen {
  width: 100%;
  text-align: left;
  padding: 26px 0;
  cursor: pointer !important;
  border-top: 1px solid #364957;
  border-bottom: 1px solid #364957;
  box-sizing: border-box;
}

.kg-widescreen-icon {
  background: url("/components/navigation/icons/arrow-right.svg") no-repeat;
  background-size: 16px;
  height: 16px;
  width: 18px;
  margin: 0 auto;
  transform: rotate(180deg);
  transition: transform 0.4s ease, width 0.4s ease;
}

.kg-widescreen:hover {
  color: #fff;
  background-color: #2c4259;
}

#main.widescreen .kg-widescreen-icon {
  width: 16px;
  transform: rotate(0);
}

/*.kg-widescreen:before {
    background:  url("/images/icons/arrow-left.svg") no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    display: inline-block;
    content: ''

}

.kg-widescreen:hover:before {
    background: url("/images/icons/arrow-left-wight.svg") no-repeat;
}

#main.widescreen .kg-widescreen:before {
    background: url("/images/icons/arrow-right-wight.svg") no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    display: inline-block;
    content: '';
}
#main.widescreen .kg-widescreen:hover:before {
    background: url("/images/icons/arrow-right-wight.svg") no-repeat;
}*/

.kg-owner__text {
  color: #aaa;
  font-size: 12px;
  animation: fade-in 1s ease-out;
}

.kg-owner__link {
  color: #f2f2f2;
}

.kg-section_title {
  display: inline-block;
  margin-top: 28px;
  margin-left: 32px;
  font-size: 1.5em;
}
.kg-current-user {
  float: right;
  position: relative;
  text-decoration: underline;
  cursor: pointer;
  margin-top: 32px;
  margin-right: 51px;
}
.kg-current-user:after {
  float: right;
  content: "";
  display: block;
  border: 4px solid transparent;
  border-top: 5px solid #f2f2f2;
  width: 0;
  height: 0;
  margin-left: 10px;
  margin-top: 8px;
}

.kg-user-menu {
  top: 68px;
  padding: 10px 0;
  width: 185px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 5px;
  position: absolute;
  right: 32px;
  background: #fff;
  z-index: 999;
  box-shadow: 0 5px 10px #333;
}

.kg-user-menu:before {
  content: "";
  position: absolute;
  right: 45px;
  top: -20px;
  border: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  display: block;
  width: 0;
  height: 0;
}
.kg-user-menu:after {
  content: "";
  position: absolute;
  right: 45px;
  top: -19px;
  border: 10px solid transparent;
  border-bottom: 10px solid #fff;
  display: block;
  width: 0;
  height: 0;
}

.kg-user-menu .kg-logout,
.kg-user-menu .kg-profile,
.kg-user-menu .kg-help-mode-on,
.kg-user-menu .kg-help-mode-off,
.kg-user-menu .kg-change-user-password {
  color: #000;
  font-size: 0.8em;
  cursor: pointer;
  float: left;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
.kg-user-menu .kg-profile:hover,
.kg-user-menu .kg-help-mode-on:hover,
.kg-user-menu .kg-help-mode-off:hover,
.kg-user-menu .kg-change-user-password:hover,
.kg-user-menu .kg-logout:hover {
  background-color: #429ed1;
  color: #fff;
}

.kg-user-menu > *:before {
  float: left;
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 20px;
}
.kg-user-menu .kg-profile:before {
  content: "";
  background-image: url("/images/icons/profile-3.png");
}
.kg-user-menu .kg-change-user-password:before {
  content: "";
  background-image: url("/images/icons/profile-3.png");
}
.kg-user-menu .kg-logout:before {
  content: "";
  background-image: url("/images/icons/logout-2.svg");
}
.kg-user-menu .kg-help-mode-on:before {
  content: "";
  background-image: url("/images/icons/profile-3.png");
}
.kg-user-menu .kg-help-mode-off:before {
  content: "";
  background-image: url("/images/icons/profile-3.png");
}

.kg-profile-text,
.kg-change-user-password-text,
.kg-help-mode-text,
.kg-logout-text-text {
  display: inline-block;
  margin-top: 4px;
}

.kg-top-search {
  float: right;
  margin-right: 16px;
  margin-top: 25px;
}

.kg-top-search__serch-line {
  border-radius: 5px;
  box-sizing: border-box;
  height: 34px;
  max-height: 34px;
  max-width: 715px;
  min-width: 300px;
  width: 300px;
  font-size: 100%;
  font: 16px Arial, Helvetica, sans-serif;
  padding: 8px;
  color: #333;
  background-color: rgba(255, 255, 255, 1);
  border: none;
  float: left;
  overflow: hidden;
}

.kg-navigation__scroll-bottom,
.kg-navigation__scroll-top {
  display: block;
  width: 100%;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 50% 30%;
  background-size: 40px;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #364957;
  border-top: 1px solid #364957;
}

.kg-navigation__scroll-bottom:hover,
.kg-navigation__scroll-top:hover {
  background-color: #2c4259;
}

.kg-navigation__scroll-top.kg-navigation__scroll-hidden,
.kg-navigation__scroll-bottom.kg-navigation__scroll-hidden {
  display: none;
}

.kg-navigation__scroll-top {
  background-image: url("/components/navigation/icons/arrow-up.svg");
}

.kg-navigation__scroll-bottom {
  border-top: none;
  background-image: url("/components/navigation/icons/arrow_down.svg");
}

.kg-navigation_hide {
  display: none;
}

.kg-navigation__list-item-image {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.kg-navigation__hidden-owner {
  visibility: hidden;
}
.kg-navigation__hidden-owner > * {
  display: none;
}

.kg-network {
  height: 750px;
  background: var(--background-color);
}

.kg-form_network .kg-form__close {
  padding: 0;
  border: none;
  background: url(/components/instance/close-form.png) no-repeat;
  background-position: center;
  background-size: 20px 20px;
  height: 32px;
  width: 32px;
  vertical-align: middle;
  float: right;
}

.kg-network-form__search-autocomplete {
  margin-left: 16px;
  float: left;
}

.kg-network-form__search-autocomplete .kg-autocomplete__input {
  width: 240px;
}

.kg-network-form__next-result {
  padding: 0;
  border: none;
  background: url(/components/network/next-result.png) no-repeat;
  background-position: center;
  background-size: 16px 16px;
  height: 32px;
  width: 24px;
  vertical-align: middle;
  float: left;
  border-bottom: 1px solid lightgray;
}

.kg-network-form__search {
  display: inline-block;
}

.kg-network-form__filter {
  display: inline-block;
  float: left;
}

.kg-network-form__filter-and-layout {
  display: inline-block;
  float: right;
}

.kg-network-form__layout-button {
  float: left;
  border: 1px solid gray;
  background-color: whitesmoke;
  height: 32px;
}

.kg-network-form__active-layout {
  background-color: lightgray;
}

.object-table {
  border-collapse: collapse;
}

.kg-class__header {
  font-weight: 600;
  font-size: 22px;
  margin-left: 10px;
}
.kg-relation__header {
  font-weight: 600;
  font-size: 22px;
  margin-left: 10px;
}

.kg-attribute__header {
  font-weight: 600;
  font-size: 22px;
  margin-left: 10px;
}

.object-table tr:first-child td {
  font-size: 20px;
  pointer-events: none;
  text-decoration: none;
  color: black;
  font-weight: 600;
}

.class-table tr:first-child td {
  font-size: 20px;
  pointer-events: none;
  text-decoration: none;
  color: black;
  font-weight: 600;
}

.class-table tr:first-child td a {
  font-size: 20px;
  pointer-events: none;
  text-decoration: none;
  color: black;
  font-weight: 600;
}

.object-table tr:first-child td a {
  font-size: 20px;
  pointer-events: none;
  text-decoration: none;
  color: black;
  font-weight: 600;
}
.class-table {
  border-collapse: collapse;
}
.class-table tr td {
  border: 1px solid black;
  border-collapse: collapse;
  width: 500px;
  padding: 5px;
}

.kg-object-table tr td {
  border: 1px solid black;
  border-collapse: collapse;
  width: 500px;
  padding: 5px;
}

.alphabet {
  font-size: 28px;
  padding: 5px;
  margin-left: 30px;
}

.kg-class-table {
  margin-top: 20px;
}

.kg-object-table {
  margin-top: 20px;
}

.kg-class {
  margin-bottom: 50px;
}
.kg-attribute {
  margin-bottom: 50px;
}

.kg-relation {
  margin-bottom: 50px;
}

.kg-object a {
  display: block;
  margin-left: 20px;
}

.kg-class a {
  display: block;
  margin-left: 20px;
}

.kg-attribute a {
  display: block;
  margin-left: 20px;
}

.kg-relation a {
  display: block;
  margin-left: 20px;
}

.kg-execute-query .kg-autocomplete__input {
  width: 370px;
}

.kg-query-input__input-field {
  width: 364px;
  max-width: 364px;
}

.kg-query-input .kg-form__text-button {
  float: right;
}

.kg-query-input {
  position: relative;
}

.kg-query-input .kg-context-menu {
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-sizing: border-box;
  width: auto;
}

.kg-query-input .kg-context-menu__item {
  box-sizing: border-box;
  padding: 3px 20px;
  border: none;
  cursor: default;
}

.kg-query-input .kg-context-menu__item_active {
  background: var(--primary-light);
  color: var(--primary-contrastText);
}

.kg-query-list__add {
  padding: 0;
  border: none;
  background: url(/images/icons/create-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-query-list__edit {
  padding: 0;
  border: none;
  background: url(/images/icons/edit-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-query-list__remove {
  padding: 0;
  border: none;
  background: url(/images/icons/delete-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-query-list__search {
  padding: 0;
  border: none;
  background: url(/components/instance/search.svg) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-query-list__execute {
  padding: 0;
  border: none;
  background: url(/images/icons/execute.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
  float: right;
}

.kg-query-list__panel {
  border: none;
  padding: 5px;
  background-color: whitesmoke;
}


.kg-registration-form {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}

.kg-registration-form__login {
  margin-bottom: 10px;
}

.kg-registration-form__password {
  margin-bottom: 10px;
}

.kg-registration-form__email {
  margin-bottom: 10px;
}

.kg-registration-form__fullName {
  margin-bottom: 22px;
}

.kg-registration-form-label {
  font-size: 12px;
  color: var(--primary-main);
  font-family: Roboto;
  font-weight: bold;
  display: block;
}

.kg-registration-form-input {
  width: 320px;
  height: 39px;
  border-width: 1px;
  border-color: darkgray;
  border-style: solid;
  padding: 2px;
  font-family: Roboto;
  box-sizing: border-box;
  display: block;
}

.kg-registration-form__submit {
  color: white;
  background-color: var(--primary-main);
  border: none;
  height: 39px;
  width: 320px;
  font-family: Roboto;
  font-weight: bold;
  font-size: 16px;
  display: block;
  margin-bottom: 20px;
}

.kg-registration-form__submit_invalid {
  background-color: var(--error-main);
  color: var(--error-contrastText);
}

.kg-role-list__panel {
  position: relative;
  padding: 5px;
  background-color: whitesmoke;
  margin-bottom: 2px;
}

.kg-role-list__add {
  padding: 0;
  border: none;
  background: url(/images/icons/create-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-role-list__edit {
  padding: 0;
  border: none;
  background: url(/images/icons/edit-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-role-list__remove {
  padding: 0;
  border: none;
  background: url(/images/icons/delete-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

svg.kg-schedule {
  border: 1px solid rgba(30, 30, 30, 0.3);
}
svg.kg-schedule g.kg-schedule__timeLine path.domain {
  display: none;
}
svg.kg-schedule g.kg-schedule__timeLine g.tick line {
  stroke: rgba(30, 30, 30, 0.3);
}
svg.kg-schedule text {
  cursor: default;
}

svg.kg-schedule .kg-schedule__vertical-dependency-line,
svg.kg-schedule .kg-schedule__small-vertical-dependency-line,
svg.kg-schedule .kg-schedule__horisontal-dependency-line,
svg.kg-schedule .kg-schedule__dependence-arrow {
  fill: rgba(30, 30, 30, 0);
  stroke: rgba(30, 30, 30, 0);
}

svg.kg-schedule .kg-schedule__hilighted-element {
  fill: rgba(255, 255, 255, 1) !important;
  stroke: rgba(30, 30, 30, 1) !important;
}
svg.kg-schedule path.kg-schedule__hilighted-element {
  fill: rgba(30, 30, 30, 1);
  stroke: rgba(30, 30, 30, 1);
}
svg.kg-schedule line.kg-schedule__hilighted-element {
  stroke: rgba(30, 30, 30, 1);
}
.dependence-horisontal-dependency-line {
  stroke: rgba(30, 30, 30, 1);
}
.kg-schedule__tip {
  background-color: rgba(255, 255, 255, 1);
  border-color: rgba(30, 30, 30, 1);
  border: 1px solid;
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 5px 10px;
  z-index: 999;
  width: 200px;
  box-sizing: border-box;
}
svg.kg-schedule .kg-schedule__task {
  cursor: pointer;
}
svg.kg-schedule .kg-schedule__child {
  cursor: pointer;
}
svg.kg-schedule .kg-schedule__timer-editor {
  cursor: pointer;
}

.kg-scheduler__add {
  padding: 0;
  border: none;
  background: url(/images/icons/create-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-scheduler__panel {
  border: none;
  padding: 5px;
  background-color: whitesmoke;
}

.kg-search__textarea {
  width: 364px;
  max-width: 364px;
}

.kg-search__execute-button {
  background: var(--primary-light);
  width: 100%;
  color: white;
  border-bottom: solid;
}

.kg-search__execute .kg-form__text-button {
  width: 100%;
  margin: 0;
}

.kg-statistics p {
  padding-left: 10px;
}

.kg-statistics__actions-count--notvisible {
  display: none;
}
.kg-statistics__properties-count--notvisible {
  display: none;
}
.kg-statistics__processes-count--notvisible {
  display: none;
}
.kg-statistics__events-count--notvisible {
  display: none;
}
.kg-statistics__states-count--notvisible {
  display: none;
}

.node {
  cursor: pointer;
}

.overlay {
  background-color: #eee;
}

.node circle {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.nodeCircle.childContains {
  fill: lightsteelblue !important;
}

.nodeCircle.noChildContains {
  fill: #fff !important;
}

.node text {
  font-size: 10px;
  font-family: sans-serif;
  text-overflow: ellipsis;
}

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
}

.kg-tree__highlighted-node text {
  font-weight: 600;
}

.kg-user-list__panel {
  position: relative;
  padding: 5px;
  background-color: whitesmoke;
  margin-bottom: 2px;
}

.kg-user-list__add {
  padding: 0;
  border: none;
  background: url(/images/icons/create-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-user-list__edit {
  padding: 0;
  border: none;
  background: url(/images/icons/edit-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.kg-user-list__remove {
  padding: 0;
  border: none;
  background: url(/images/icons/delete-entity.png) no-repeat;
  background-position: center;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}

.xdsoft_datetimepicker {
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #fff;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 8px;
  padding-left: 0;
  padding-top: 2px;
  position: absolute;
  z-index: 9999;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
  padding: 8px 0 8px 8px;
}
.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: 0;
}
.xdsoft_datetimepicker button {
  border: none !important;
}
.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.xdsoft_noselect::selection {
  background: transparent;
}
.xdsoft_noselect::-moz-selection {
  background: transparent;
}
.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}
.xdsoft_datetimepicker * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
  margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
  position: relative;
  text-align: center;
}
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}
.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 0.5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle;
}
.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0;
}
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
  float: none;
  margin-left: 0;
  margin-right: 14px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}
.xdsoft_datetimepicker
  .xdsoft_timepicker
  .xdsoft_time_box
  > div
  > div:first-child {
  border-top-width: 0;
}
.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
}
.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_label:hover > span {
  text-decoration: underline;
}
.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px;
}
.xdsoft_datetimepicker
  .xdsoft_label
  > .xdsoft_select
  > div
  > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}
.xdsoft_datetimepicker
  .xdsoft_label
  > .xdsoft_select
  > div
  > .xdsoft_option.xdsoft_current {
  background: #3af;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: right;
}
.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}
.xdsoft_datetimepicker .xdsoft_year {
  width: 48px;
  margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px;
}
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #f1f1f1;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #3af;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker
  .xdsoft_timepicker
  .xdsoft_time_box
  > div
  > div.xdsoft_current {
  background: #3af;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
  -ms-filter: "alpha(opacity=20)";
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker
  .xdsoft_timepicker
  .xdsoft_time_box
  > div
  > div.xdsoft_current.xdsoft_disabled:hover {
  background: #3af !important;
  box-shadow: #178fe5 0 1px 3px 0 inset !important;
  color: #fff !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker
  .xdsoft_timepicker
  .xdsoft_time_box
  > div
  > div.xdsoft_disabled:hover {
  color: inherit !important;
  background: inherit !important;
  box-shadow: inherit !important;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eee !important;
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaa !important;
}
.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}
.xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px;
}
.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto;
}
.xdsoft_scroller_box {
  position: relative;
}
.xdsoft_datetimepicker.xdsoft_dark {
  box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark
  .xdsoft_timepicker
  .xdsoft_time_box
  > div
  > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000;
}
.xdsoft_datetimepicker.xdsoft_dark
  .xdsoft_label
  > .xdsoft_select
  > div
  > .xdsoft_option:hover {
  color: #000;
  background: #007fff;
}
.xdsoft_datetimepicker.xdsoft_dark
  .xdsoft_label
  > .xdsoft_select
  > div
  > .xdsoft_option.xdsoft_current {
  background: #c50;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #c50;
}
.xdsoft_datetimepicker.xdsoft_dark
  .xdsoft_calendar
  td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark
  .xdsoft_timepicker
  .xdsoft_time_box
  > div
  > div.xdsoft_current {
  background: #c50;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark
  .xdsoft_timepicker
  .xdsoft_time_box
  > div
  > div:hover {
  color: #000 !important;
  background: #007fff !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555 !important;
}
.xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #ddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  background: -moz-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #fff),
    color-stop(73%, #f4f8fa)
  );
  background: -webkit-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: -o-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: -ms-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: linear-gradient(to bottom, #fff 0, #f4f8fa 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0);
}
.xdsoft_datetimepicker .blue-gradient-button:hover,
.xdsoft_datetimepicker .blue-gradient-button:focus,
.xdsoft_datetimepicker .blue-gradient-button:hover span,
.xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0, #fff 73%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #f4f8fa),
    color-stop(73%, #fff)
  );
  background: -webkit-linear-gradient(top, #f4f8fa 0, #fff 73%);
  background: -o-linear-gradient(top, #f4f8fa 0, #fff 73%);
  background: -ms-linear-gradient(top, #f4f8fa 0, #fff 73%);
  background: linear-gradient(to bottom, #f4f8fa 0, #fff 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0);
}

.vis .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  /* Must be displayed above for example selected Timeline items */
  z-index: 10;
}

.vis-active {
  box-shadow: 0 0 10px #86d5f8;
}

/* override some bootstrap styles screwing up the timelines css */

.vis [class*="span"] {
  min-height: 0;
  width: auto;
}

.vis-timeline {
  position: relative;
  border: 1px solid #bfbfbf;

  overflow: hidden;
  padding: 0;
  margin: 0;

  box-sizing: border-box;
}

.vis-panel {
  position: absolute;

  padding: 0;
  margin: 0;

  box-sizing: border-box;
}

.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border: 1px #bfbfbf;
}

.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right {
  border-top-style: solid;
  border-bottom-style: solid;
  overflow: hidden;
}

.vis-panel.vis-center,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border-left-style: solid;
  border-right-style: solid;
}

.vis-background {
  overflow: hidden;
}

.vis-panel > .vis-content {
  position: relative;
}

.vis-panel .vis-shadow {
  position: absolute;
  width: 100%;
  height: 1px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  /* TODO: find a nice way to ensure vis-shadows are drawn on top of items
  z-index: 1;
  */
}

.vis-panel .vis-shadow.vis-top {
  top: -1px;
  left: 0;
}

.vis-panel .vis-shadow.vis-bottom {
  bottom: -1px;
  left: 0;
}

.vis-labelset {
  position: relative;

  overflow: hidden;

  box-sizing: border-box;
}

.vis-labelset .vis-label {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  color: #4d4d4d;

  box-sizing: border-box;
}

.vis-labelset .vis-label {
  border-bottom: 1px solid #bfbfbf;
}

.vis-labelset .vis-label:last-child {
  border-bottom: none;
}

.vis-labelset .vis-label .vis-inner {
  display: inline-block;
  padding: 5px;
}

.vis-labelset .vis-label .vis-inner.vis-hidden {
  padding: 0;
}

.vis-itemset {
  position: relative;
  padding: 0;
  margin: 0;

  box-sizing: border-box;
}

.vis-itemset .vis-background,
.vis-itemset .vis-foreground {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.vis-axis {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  z-index: 1;
}

.vis-foreground .vis-group {
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #bfbfbf;
}

.vis-foreground .vis-group:last-child {
  border-bottom: none;
}

.vis-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.vis-item {
  position: absolute;
  color: #1a1a1a;
  border-color: #97b0f8;
  border-width: 1px;
  background-color: #d5ddf6;
  display: inline-block;
  /*overflow: hidden;*/
}

.vis-item.vis-selected {
  border-color: #ffc200;
  background-color: #fff785;

  /* z-index must be higher than the z-index of custom time bar and current time bar */
  z-index: 2;
}

.vis-editable.vis-selected {
  cursor: move;
}

.vis-item.vis-point.vis-selected {
  background-color: #fff785;
}

.vis-item.vis-box {
  text-align: center;
  border-style: solid;
  border-radius: 2px;
}

.vis-item.vis-point {
  background: none;
}

.vis-item.vis-dot {
  position: absolute;
  padding: 0;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px;
}

.vis-item.vis-range {
  border-style: solid;
  border-radius: 2px;
  box-sizing: border-box;
}

.vis-item.vis-background {
  border: none;
  background-color: rgba(213, 221, 246, 0.4);
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.vis-item .vis-item-overflow {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.vis-item.vis-range .vis-item-content {
  position: relative;
  display: inline-block;
}

.vis-item.vis-background .vis-item-content {
  position: absolute;
  display: inline-block;
}

.vis-item.vis-line {
  padding: 0;
  position: absolute;
  width: 0;
  border-left-width: 1px;
  border-left-style: solid;
}

.vis-item .vis-item-content {
  white-space: nowrap;
  box-sizing: border-box;
  padding: 5px;
}

.vis-item .vis-delete {
  background: url("img/timeline/delete.png") no-repeat center;
  position: absolute;
  width: 24px;
  height: 24px;
  top: -4px;
  right: -24px;
  cursor: pointer;
}

.vis-item.vis-range .vis-drag-left {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  left: -4px;

  cursor: w-resize;
}

.vis-item.vis-range .vis-drag-right {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  right: -4px;

  cursor: e-resize;
}

.vis-time-axis {
  position: relative;
  overflow: hidden;
}

.vis-time-axis.vis-foreground {
  top: 0;
  left: 0;
  width: 100%;
}

.vis-time-axis.vis-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vis-time-axis .vis-text {
  position: absolute;
  color: #4d4d4d;
  padding: 3px;
  white-space: nowrap;
}

.vis-time-axis .vis-text.vis-measure {
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  visibility: hidden;
}

.vis-time-axis .vis-grid.vis-vertical {
  position: absolute;
  border-left: 1px solid;
}

.vis-time-axis .vis-grid.vis-minor {
  border-color: #e5e5e5;
}

.vis-time-axis .vis-grid.vis-major {
  border-color: #bfbfbf;
}

.vis-current-time {
  background-color: #ff7f6e;
  width: 2px;
  z-index: 1;
}
.vis-custom-time {
  background-color: #6e94ff;
  width: 2px;
  cursor: move;
  z-index: 1;
}
.vis-timeline {
  /*
  -webkit-transition: height .4s ease-in-out;
  transition:         height .4s ease-in-out;
  */
}

.vis-panel {
  /*
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
  */
}

.vis-axis {
  /*
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
  */
}

/* TODO: get animation working nicely

.vis-item {
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
}

.vis-item.line {
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
}
/**/

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal {
  position: absolute;
  width: 100%;
  height: 0;
  border-bottom: 1px solid;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor {
  border-color: #e5e5e5;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major {
  border-color: #bfbfbf;
}

.vis-data-axis .vis-y-axis.vis-major {
  width: 100%;
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
}

.vis-data-axis .vis-y-axis.vis-major.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-minor {
  position: absolute;
  width: 100%;
  color: #bebebe;
  white-space: nowrap;
}

.vis-data-axis .vis-y-axis.vis-minor.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-title {
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
  bottom: 20px;
  text-align: center;
}

.vis-data-axis .vis-y-axis.vis-title.vis-measure {
  padding: 0;
  margin: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-title.vis-left {
  bottom: 0;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left bottom;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.vis-data-axis .vis-y-axis.vis-title.vis-right {
  bottom: 0;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.vis-legend {
  background-color: rgba(247, 252, 255, 0.65);
  padding: 5px;
  border: 1px solid #b3b3b3;
  box-shadow: 2px 2px 10px rgba(154, 154, 154, 0.55);
}

.vis-legend-text {
  /*font-size: 10px;*/
  white-space: nowrap;
  display: inline-block;
}
.vis-graph-group0 {
  fill: #4f81bd;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #4f81bd;
}

.vis-graph-group1 {
  fill: #f79646;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #f79646;
}

.vis-graph-group2 {
  fill: #8c51cf;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #8c51cf;
}

.vis-graph-group3 {
  fill: #75c841;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #75c841;
}

.vis-graph-group4 {
  fill: #ff0100;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #ff0100;
}

.vis-graph-group5 {
  fill: #37d8e6;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #37d8e6;
}

.vis-graph-group6 {
  fill: #042662;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #042662;
}

.vis-graph-group7 {
  fill: #00ff26;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #00ff26;
}

.vis-graph-group8 {
  fill: #ff00ff;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #ff00ff;
}

.vis-graph-group9 {
  fill: #8f3938;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #8f3938;
}

.vis-timeline .vis-fill {
  fill-opacity: 0.1;
  stroke: none;
}

.vis-timeline .vis-bar {
  fill-opacity: 0.5;
  stroke-width: 1px;
}

.vis-timeline .vis-point {
  stroke-width: 2px;
  fill-opacity: 1;
}

.vis-timeline .vis-legend-background {
  stroke-width: 1px;
  fill-opacity: 0.9;
  fill: #ffffff;
  stroke: #c2c2c2;
}

.vis-timeline .vis-outline {
  stroke-width: 1px;
  fill-opacity: 1;
  fill: #ffffff;
  stroke: #e5e5e5;
}

.vis-timeline .vis-icon-fill {
  fill-opacity: 0.3;
  stroke: none;
}

div.vis-network div.vis-manipulation {
  border-width: 0;
  border-bottom: 1px;
  border-style: solid;
  border-color: #d6d9d8;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #ffffff 0%,
    #fcfcfc 48%,
    #fafafa 50%,
    #fcfcfc 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(48%, #fcfcfc),
    color-stop(50%, #fafafa),
    color-stop(100%, #fcfcfc)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #fcfcfc 48%,
    #fafafa 50%,
    #fcfcfc 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #ffffff 0%,
    #fcfcfc 48%,
    #fafafa 50%,
    #fcfcfc 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    #ffffff 0%,
    #fcfcfc 48%,
    #fafafa 50%,
    #fcfcfc 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    #fcfcfc 48%,
    #fafafa 50%,
    #fcfcfc 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */

  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 30px;
}

div.vis-network div.vis-edit-mode {
  position: absolute;
  left: 0;
  top: 15px;
  height: 30px;
}

/* FIXME: shouldn't the vis-close button be a child of the vis-manipulation div? */

div.vis-network div.vis-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;

  background-position: 20px 3px;
  background-repeat: no-repeat;
  background-image: url("img/network/cross.png");
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div.vis-network div.vis-close:hover {
  opacity: 0.6;
}

div.vis-network div.vis-manipulation div.vis-button,
div.vis-network div.vis-edit-mode div.vis-button {
  position: relative;
  top: -7px;
  font-family: Roboto;
  font-size: 12px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: inline-block;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  height: 24px;
  margin: 0px 0px 0px 10px;
  vertical-align: middle;
  cursor: pointer;
  padding: 0px 8px 0px 8px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div.vis-network div.vis-manipulation div.vis-button:hover {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
}

div.vis-network div.vis-manipulation div.vis-button:active {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
}

div.vis-network div.vis-manipulation div.vis-button.vis-back {
  background-image: url("img/network/backIcon.png");
}

div.vis-network div.vis-manipulation div.vis-button.vis-none:hover {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0);
  cursor: default;
}
div.vis-network div.vis-manipulation div.vis-button.vis-none:active {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0);
}
div.vis-network div.vis-manipulation div.vis-button.vis-none {
  padding: 0;
}
div.vis-network div.vis-manipulation div.notification {
  margin: 2px;
  font-weight: bold;
}

div.vis-network div.vis-manipulation div.vis-button.vis-add {
  background-image: url("img/network/addNodeIcon.png");
}

div.vis-network div.vis-manipulation div.vis-button.vis-edit,
div.vis-network div.vis-edit-mode div.vis-button.vis-edit {
  background-image: url("img/network/editIcon.png");
}

div.vis-network div.vis-edit-mode div.vis-button.vis-edit.vis-edit-mode {
  background-color: #fcfcfc;
  border: 1px solid #cccccc;
}

div.vis-network div.vis-manipulation div.vis-button.vis-connect {
  background-image: url("img/network/connectIcon.png");
}

div.vis-network div.vis-manipulation div.vis-button.vis-delete {
  background-image: url("img/network/deleteIcon.png");
}
/* top right bottom left */
div.vis-network div.vis-manipulation div.vis-label,
div.vis-network div.vis-edit-mode div.vis-label {
  margin: 0 0 0 23px;
  line-height: 25px;
}
div.vis-network div.vis-manipulation div.vis-separator-line {
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #bdbdbd;
  margin: 5px 7px 0 15px;
}

/* TODO: is this redundant?
div.network-navigation_wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
*/
div.vis-network div.vis-navigation div.vis-button {
  width: 34px;
  height: 34px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  position: absolute;
  display: inline-block;
  background-position: 2px 2px;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div.vis-network div.vis-navigation div.vis-button:hover {
  box-shadow: 0 0 3px 3px rgba(56, 207, 21, 0.3);
}

div.vis-network div.vis-navigation div.vis-button:active {
  box-shadow: 0 0 1px 3px rgba(56, 207, 21, 0.95);
}

div.vis-network div.vis-navigation div.vis-button.vis-up {
  background-image: url("img/network/upArrow.png");
  bottom: 50px;
  left: 55px;
}
div.vis-network div.vis-navigation div.vis-button.vis-down {
  background-image: url("img/network/downArrow.png");
  bottom: 10px;
  left: 55px;
}
div.vis-network div.vis-navigation div.vis-button.vis-left {
  background-image: url("img/network/leftArrow.png");
  bottom: 10px;
  left: 15px;
}
div.vis-network div.vis-navigation div.vis-button.vis-right {
  background-image: url("img/network/rightArrow.png");
  bottom: 10px;
  left: 95px;
}
div.vis-network div.vis-navigation div.vis-button.vis-zoomIn {
  background-image: url("img/network/plus.png");
  bottom: 10px;
  right: 15px;
}
div.vis-network div.vis-navigation div.vis-button.vis-zoomOut {
  background-image: url("img/network/minus.png");
  bottom: 10px;
  right: 55px;
}
div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends {
  background-image: url("img/network/zoomExtends.png");
  bottom: 50px;
  right: 15px;
}
div.vis-network-tooltip {
  position: absolute;
  visibility: hidden;
  padding: 5px;
  white-space: nowrap;

  font-family: Roboto;
  font-size: 14px;
  font-color: #000000;
  background-color: #f5f4ed;

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #808074;

  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
div.vis-network-configuration {
  position: relative;
  display: block;
  float: left;
  font-size: 12px;
}

div.vis-network-configuration-wrapper {
  display: block;
  width: 700px;
}

div.vis-network-configuration.vis-option-container {
  display: block;
  width: 495px;
  background-color: #ffffff;
  border: 2px solid #f7f8fa;
  border-radius: 4px;
  margin-top: 20px;
  left: 10px;
  padding-left: 5px;
}

div.vis-network-configuration.button {
  display: block;
  width: 495px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
  background-color: #f7f8fa;
  border: 2px solid #ceced0;
  border-radius: 4px;
  margin-top: 20px;
  left: 10px;
  padding-left: 5px;
  cursor: pointer;
  margin-bottom: 30px;
}

div.vis-network-configuration.button.hover {
  background-color: #4588e6;
  border: 2px solid #214373;
  color: #ffffff;
}

div.vis-network-configuration.item {
  display: block;
  float: left;
  width: 495px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
}

div.vis-network-configuration.item.s2 {
  left: 10px;
  background-color: #f7f8fa;
  padding-left: 5px;
  border-radius: 3px;
}
div.vis-network-configuration.item.s3 {
  left: 20px;
  background-color: #e4e9f0;
  padding-left: 5px;
  border-radius: 3px;
}
div.vis-network-configuration.item.s4 {
  left: 30px;
  background-color: #cfd8e6;
  padding-left: 5px;
  border-radius: 3px;
}

div.vis-network-configuration.header {
  font-size: 18px;
  font-weight: bold;
}

div.vis-network-configuration.label {
  width: 120px;
  height: 25px;
  line-height: 25px;
}

div.vis-network-configuration.label.s3 {
  width: 110px;
}
div.vis-network-configuration.label.s4 {
  width: 100px;
}

div.vis-network-configuration.colorBlock {
  top: 1px;
  width: 30px;
  height: 19px;
  border: 1px solid #444444;
  border-radius: 2px;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
}

input.vis-network-configuration.checkbox {
  left: -5px;
}

input.vis-network-configuration.rangeinput {
  position: relative;
  top: -5px;
  width: 60px;
  height: 13px;
  padding: 1px;
  margin: 0;
  pointer-events: none;
}

input.vis-network-configuration.range {
  /*removes default webkit styles*/
  -webkit-appearance: none;

  /*fix for FF unable to apply focus style bug */
  border: 0px solid white;
  background-color: rgba(0, 0, 0, 0);

  /*required for proper track sizing in FF*/
  width: 300px;
  height: 20px;
}
input.vis-network-configuration.range::-webkit-slider-runnable-track {
  width: 300px;
  height: 5px;
  background: #dedede; /* Old browsers */
  background: -moz-linear-gradient(top, #dedede 0%, #c8c8c8 99%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #dedede),
    color-stop(99%, #c8c8c8)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #dedede 0%,
    #c8c8c8 99%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #dedede 0%,
    #c8c8c8 99%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #dedede 0%, #c8c8c8 99%); /* IE10+ */
  background: linear-gradient(to bottom, #dedede 0%, #c8c8c8 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */

  border: 1px solid #999999;
  box-shadow: #aaaaaa 0px 0px 3px 0px;
  border-radius: 3px;
}
input.vis-network-configuration.range::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #14334b;
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #3876c2; /* Old browsers */
  background: -moz-linear-gradient(top, #3876c2 0%, #385380 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #3876c2),
    color-stop(100%, #385380)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #3876c2 0%,
    #385380 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #3876c2 0%,
    #385380 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #3876c2 0%, #385380 100%); /* IE10+ */
  background: linear-gradient(to bottom, #3876c2 0%, #385380 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3876c2', endColorstr='#385380',GradientType=0 ); /* IE6-9 */
  box-shadow: #111927 0px 0px 1px 0px;
  margin-top: -7px;
}
input.vis-network-configuration.range:focus {
  outline: none;
}
input.vis-network-configuration.range:focus::-webkit-slider-runnable-track {
  background: #9d9d9d; /* Old browsers */
  background: -moz-linear-gradient(top, #9d9d9d 0%, #c8c8c8 99%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #9d9d9d),
    color-stop(99%, #c8c8c8)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #9d9d9d 0%,
    #c8c8c8 99%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #9d9d9d 0%,
    #c8c8c8 99%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #9d9d9d 0%, #c8c8c8 99%); /* IE10+ */
  background: linear-gradient(to bottom, #9d9d9d 0%, #c8c8c8 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d9d9d', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
}

input.vis-network-configuration.range::-moz-range-track {
  width: 300px;
  height: 10px;
  background: #dedede; /* Old browsers */
  background: -moz-linear-gradient(top, #dedede 0%, #c8c8c8 99%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #dedede),
    color-stop(99%, #c8c8c8)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #dedede 0%,
    #c8c8c8 99%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #dedede 0%,
    #c8c8c8 99%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #dedede 0%, #c8c8c8 99%); /* IE10+ */
  background: linear-gradient(to bottom, #dedede 0%, #c8c8c8 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */

  border: 1px solid #999999;
  box-shadow: #aaaaaa 0px 0px 3px 0px;
  border-radius: 3px;
}
input.vis-network-configuration.range::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;

  border-radius: 50%;
  background: #385380;
}

/*hide the outline behind the border*/
input.vis-network-configuration.range:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

input.vis-network-configuration.range::-ms-track {
  width: 300px;
  height: 5px;

  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;

  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;

  /*remove default tick marks*/
  color: transparent;
}
input.vis-network-configuration.range::-ms-fill-lower {
  background: #777;
  border-radius: 10px;
}
input.vis-network-configuration.range::-ms-fill-upper {
  background: #ddd;
  border-radius: 10px;
}
input.vis-network-configuration.range::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #385380;
}
input.vis-network-configuration.range:focus::-ms-fill-lower {
  background: #888;
}
input.vis-network-configuration.range:focus::-ms-fill-upper {
  background: #ccc;
}

div.vis-color-picker {
  position: absolute;
  margin-top: -140px;
  margin-left: 30px;
  width: 293px;
  height: 425px;
  padding: 10px;
  border-radius: 15px;
  background-color: #ffffff;
  display: none;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px;
}

div.vis-color-picker div.vis-arrow {
  position: absolute;
  top: 147px;
  left: 5px;
}

div.vis-color-picker div.vis-arrow:after,
div.vis-color-picker div.vis-arrow:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

div.vis-color-picker div.vis-arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 30px;
  margin-top: -30px;
}

div.vis-color-picker div.vis-color {
  position: absolute;
  width: 289px;
  height: 289px;
  cursor: pointer;
}

div.vis-color-picker div.vis-brightness {
  position: absolute;
  top: 313px;
}

div.vis-color-picker div.vis-opacity {
  position: absolute;
  top: 350px;
}

div.vis-color-picker div.vis-selector {
  position: absolute;
  top: 137px;
  left: 137px;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  border: 1px solid #ffffff;
  background: #4c4c4c; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #4c4c4c 0%,
    #595959 12%,
    #666666 25%,
    #474747 39%,
    #2c2c2c 50%,
    #000000 51%,
    #111111 60%,
    #2b2b2b 76%,
    #1c1c1c 91%,
    #131313 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #4c4c4c),
    color-stop(12%, #595959),
    color-stop(25%, #666666),
    color-stop(39%, #474747),
    color-stop(50%, #2c2c2c),
    color-stop(51%, #000000),
    color-stop(60%, #111111),
    color-stop(76%, #2b2b2b),
    color-stop(91%, #1c1c1c),
    color-stop(100%, #131313)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #4c4c4c 0%,
    #595959 12%,
    #666666 25%,
    #474747 39%,
    #2c2c2c 50%,
    #000000 51%,
    #111111 60%,
    #2b2b2b 76%,
    #1c1c1c 91%,
    #131313 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #4c4c4c 0%,
    #595959 12%,
    #666666 25%,
    #474747 39%,
    #2c2c2c 50%,
    #000000 51%,
    #111111 60%,
    #2b2b2b 76%,
    #1c1c1c 91%,
    #131313 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    #4c4c4c 0%,
    #595959 12%,
    #666666 25%,
    #474747 39%,
    #2c2c2c 50%,
    #000000 51%,
    #111111 60%,
    #2b2b2b 76%,
    #1c1c1c 91%,
    #131313 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    #4c4c4c 0%,
    #595959 12%,
    #666666 25%,
    #474747 39%,
    #2c2c2c 50%,
    #000000 51%,
    #111111 60%,
    #2b2b2b 76%,
    #1c1c1c 91%,
    #131313 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}

div.vis-color-picker div.vis-new-color {
  position: absolute;
  width: 140px;
  height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  top: 380px;
  left: 159px;
  text-align: right;
  padding-right: 2px;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.4);
  vertical-align: middle;
  line-height: 20px;
}

div.vis-color-picker div.vis-initial-color {
  position: absolute;
  width: 140px;
  height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  top: 380px;
  left: 10px;
  text-align: left;
  padding-left: 2px;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.4);
  vertical-align: middle;
  line-height: 20px;
}

div.vis-color-picker div.vis-label {
  position: absolute;
  width: 300px;
  left: 10px;
}

div.vis-color-picker div.vis-label.vis-brightness {
  top: 300px;
}

div.vis-color-picker div.vis-label.vis-opacity {
  top: 338px;
}

div.vis-color-picker div.vis-button {
  position: absolute;
  width: 68px;
  height: 25px;
  border-radius: 10px;
  vertical-align: middle;
  text-align: center;
  line-height: 25px;
  top: 410px;
  border: 2px solid #d9d9d9;
  background-color: #f7f7f7;
  cursor: pointer;
}

div.vis-color-picker div.vis-button.vis-cancel {
  /*border:2px solid #ff4e33;*/
  /*background-color: #ff7761;*/
  left: 5px;
}
div.vis-color-picker div.vis-button.vis-load {
  /*border:2px solid #a153e6;*/
  /*background-color: #cb8dff;*/
  left: 82px;
}
div.vis-color-picker div.vis-button.vis-apply {
  /*border:2px solid #4588e6;*/
  /*background-color: #82b6ff;*/
  left: 159px;
}
div.vis-color-picker div.vis-button.vis-save {
  /*border:2px solid #45e655;*/
  /*background-color: #6dff7c;*/
  left: 236px;
}

div.vis-color-picker input.vis-range {
  width: 290px;
  height: 20px;
}

/* TODO: is this redundant?
div.vis-color-picker input.vis-range-brightness {
  width: 289px !important;
}


div.vis-color-picker input.vis-saturation-range {
  width: 289px !important;
}*/

.vis-panel,
.vis-timeline {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.vis-background,
.vis-labelset,
.vis-timeline {
  overflow: hidden;
}
.vis .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.vis-active {
  box-shadow: 0 0 10px #86d5f8;
}
.vis [class*="span"] {
  min-height: 0;
  width: auto;
}
.vis-timeline {
  position: relative;
  border: 1px solid #bfbfbf;
}
.vis-panel {
  position: absolute;
}
.vis-panel.vis-bottom,
.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right,
.vis-panel.vis-top {
  border: 1px #bfbfbf;
}
.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right {
  border-top-style: solid;
  border-bottom-style: solid;
  overflow: hidden;
}
.vis-panel.vis-bottom,
.vis-panel.vis-center,
.vis-panel.vis-top {
  border-left-style: solid;
  border-right-style: solid;
}
.vis-panel > .vis-content {
  position: relative;
}
.vis-panel .vis-shadow {
  position: absolute;
  width: 100%;
  height: 1px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
.vis-itemset,
.vis-labelset,
.vis-labelset .vis-label {
  box-sizing: border-box;
  position: relative;
}
.vis-panel .vis-shadow.vis-top {
  top: -1px;
  left: 0;
}
.vis-panel .vis-shadow.vis-bottom {
  bottom: -1px;
  left: 0;
}
.vis-labelset .vis-label {
  left: 0;
  top: 0;
  width: 100%;
  color: #4d4d4d;
  border-bottom: 1px solid #bfbfbf;
}
.vis-labelset .vis-label:last-child {
  border-bottom: none;
}
.vis-labelset .vis-label .vis-inner {
  display: inline-block;
  padding: 5px;
}
.vis-labelset .vis-label .vis-inner.vis-hidden {
  padding: 0;
}
.vis-itemset {
  padding: 0;
  margin: 0;
}
.vis-itemset .vis-background,
.vis-itemset .vis-foreground {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.vis-axis {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  z-index: 1;
}
.vis-foreground .vis-group {
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #bfbfbf;
}
.vis-foreground .vis-group:last-child {
  border-bottom: none;
}
.vis-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.vis-item {
  position: absolute;
  color: #1a1a1a;
  border-color: #97b0f8;
  border-width: 1px;
  background-color: #d5ddf6;
  display: inline-block;
}
.vis-item.vis-point.vis-selected,
.vis-item.vis-selected {
  background-color: #fff785;
}
.vis-item.vis-selected {
  border-color: #ffc200;
  z-index: 2;
}
.vis-editable.vis-selected {
  cursor: move;
}
.vis-item.vis-box {
  text-align: center;
  border-style: solid;
  border-radius: 2px;
}
.vis-item.vis-point {
  background: 0 0;
}
.vis-item.vis-dot {
  position: absolute;
  padding: 0;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px;
}
.vis-item.vis-range {
  border-style: solid;
  border-radius: 2px;
  box-sizing: border-box;
}
.vis-item.vis-background {
  border: none;
  background-color: rgba(213, 221, 246, 0.4);
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.vis-item .vis-item-overflow {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.vis-item.vis-range .vis-item-content {
  position: relative;
  display: inline-block;
}
.vis-item.vis-background .vis-item-content {
  position: absolute;
  display: inline-block;
}
.vis-item.vis-line {
  padding: 0;
  position: absolute;
  width: 0;
  border-left-width: 1px;
  border-left-style: solid;
}
.vis-item .vis-item-content {
  white-space: nowrap;
  box-sizing: border-box;
  padding: 5px;
}
.vis-item .vis-delete {
  background: url(img/timeline/delete.png) center no-repeat;
  position: absolute;
  width: 24px;
  height: 24px;
  top: -4px;
  right: -24px;
  cursor: pointer;
}
.vis-item.vis-range .vis-drag-left {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  left: -4px;
  cursor: w-resize;
}
.vis-item.vis-range .vis-drag-right {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  right: -4px;
  cursor: e-resize;
}
.vis-time-axis {
  position: relative;
  overflow: hidden;
}
.vis-time-axis.vis-foreground {
  top: 0;
  left: 0;
  width: 100%;
}
.vis-time-axis.vis-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vis-time-axis .vis-text {
  position: absolute;
  color: #4d4d4d;
  padding: 3px;
  white-space: nowrap;
}
.vis-time-axis .vis-text.vis-measure {
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  visibility: hidden;
}
.vis-time-axis .vis-grid.vis-vertical {
  position: absolute;
  border-left: 1px solid;
}
.vis-time-axis .vis-grid.vis-minor {
  border-color: #e5e5e5;
}
.vis-time-axis .vis-grid.vis-major {
  border-color: #bfbfbf;
}
.vis-current-time {
  background-color: #ff7f6e;
  width: 2px;
  z-index: 1;
}
.vis-custom-time {
  background-color: #6e94ff;
  width: 2px;
  cursor: move;
  z-index: 1;
}
.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal {
  position: absolute;
  width: 100%;
  height: 0;
  border-bottom: 1px solid;
}
.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor {
  border-color: #e5e5e5;
}
.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major {
  border-color: #bfbfbf;
}
.vis-data-axis .vis-y-axis.vis-major {
  width: 100%;
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
}
.vis-data-axis .vis-y-axis.vis-major.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}
.vis-data-axis .vis-y-axis.vis-minor {
  position: absolute;
  width: 100%;
  color: #bebebe;
  white-space: nowrap;
}
.vis-data-axis .vis-y-axis.vis-minor.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}
.vis-data-axis .vis-y-axis.vis-title {
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
  bottom: 20px;
  text-align: center;
}
.vis-data-axis .vis-y-axis.vis-title.vis-measure {
  padding: 0;
  margin: 0;
  visibility: hidden;
  width: auto;
}
.vis-data-axis .vis-y-axis.vis-title.vis-left {
  bottom: 0;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left bottom;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.vis-data-axis .vis-y-axis.vis-title.vis-right {
  bottom: 0;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.vis-legend {
  background-color: rgba(247, 252, 255, 0.65);
  padding: 5px;
  border: 1px solid #b3b3b3;
  box-shadow: 2px 2px 10px rgba(154, 154, 154, 0.55);
}
.vis-legend-text {
  white-space: nowrap;
  display: inline-block;
}
.vis-graph-group0 {
  fill: #4f81bd;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #4f81bd;
}
.vis-graph-group1 {
  fill: #f79646;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #f79646;
}
.vis-graph-group2 {
  fill: #8c51cf;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #8c51cf;
}
.vis-graph-group3 {
  fill: #75c841;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #75c841;
}
.vis-graph-group4 {
  fill: #ff0100;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #ff0100;
}
.vis-graph-group5 {
  fill: #37d8e6;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #37d8e6;
}
.vis-graph-group6 {
  fill: #042662;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #042662;
}
.vis-graph-group7 {
  fill: #00ff26;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #00ff26;
}
.vis-graph-group8 {
  fill: #f0f;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #f0f;
}
.vis-graph-group9 {
  fill: #8f3938;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #8f3938;
}
.vis-timeline .vis-fill {
  fill-opacity: 0.1;
  stroke: none;
}
.vis-timeline .vis-bar {
  fill-opacity: 0.5;
  stroke-width: 1px;
}
.vis-timeline .vis-point {
  stroke-width: 2px;
  fill-opacity: 1;
}
.vis-timeline .vis-legend-background {
  stroke-width: 1px;
  fill-opacity: 0.9;
  fill: #fff;
  stroke: #c2c2c2;
}
.vis-timeline .vis-outline {
  stroke-width: 1px;
  fill-opacity: 1;
  fill: #fff;
  stroke: #e5e5e5;
}
.vis-timeline .vis-icon-fill {
  fill-opacity: 0.3;
  stroke: none;
}
div.vis-network div.vis-manipulation {
  border-width: 0;
  border-bottom: 1px;
  border-style: solid;
  border-color: #d6d9d8;
  background: #fff;
  background: -moz-linear-gradient(
    top,
    #fff 0,
    #fcfcfc 48%,
    #fafafa 50%,
    #fcfcfc 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #fff),
    color-stop(48%, #fcfcfc),
    color-stop(50%, #fafafa),
    color-stop(100%, #fcfcfc)
  );
  background: -webkit-linear-gradient(
    top,
    #fff 0,
    #fcfcfc 48%,
    #fafafa 50%,
    #fcfcfc 100%
  );
  background: -o-linear-gradient(
    top,
    #fff 0,
    #fcfcfc 48%,
    #fafafa 50%,
    #fcfcfc 100%
  );
  background: -ms-linear-gradient(
    top,
    #fff 0,
    #fcfcfc 48%,
    #fafafa 50%,
    #fcfcfc 100%
  );
  background: linear-gradient(
    to bottom,
    #fff 0,
    #fcfcfc 48%,
    #fafafa 50%,
    #fcfcfc 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc', GradientType=0 );
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 30px;
}
div.vis-network div.vis-edit-mode {
  position: absolute;
  left: 0;
  top: 15px;
  height: 30px;
}
div.vis-network div.vis-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background-position: 20px 3px;
  background-repeat: no-repeat;
  background-image: url(img/network/cross.png);
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div.vis-network div.vis-close:hover {
  opacity: 0.6;
}
div.vis-network div.vis-edit-mode div.vis-button,
div.vis-network div.vis-manipulation div.vis-button {
  position: relative;
  top: -7px;
  font-family: Roboto;
  font-size: 12px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-position: 0 0;
  height: 24px;
  margin: 0 0 0 10px;
  vertical-align: middle;
  cursor: pointer;
  padding: 0 8px;
  user-select: none;
}
div.vis-network div.vis-edit-mode div.vis-button,
div.vis-network div.vis-manipulation div.vis-button,
div.vis-network div.vis-navigation div.vis-button {
  display: inline-block;
  background-repeat: no-repeat;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
div.vis-network div.vis-manipulation div.vis-button:hover {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
}
div.vis-network div.vis-manipulation div.vis-button:active {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
}
div.vis-network div.vis-manipulation div.vis-button.vis-back {
  background-image: url(img/network/backIcon.png);
}
div.vis-network div.vis-manipulation div.vis-button.vis-none:hover {
  box-shadow: 1px 1px 8px transparent;
  cursor: default;
}
div.vis-network div.vis-manipulation div.vis-button.vis-none:active {
  box-shadow: 1px 1px 8px transparent;
}
div.vis-network div.vis-manipulation div.vis-button.vis-none {
  padding: 0;
}
div.vis-network div.vis-manipulation div.notification {
  margin: 2px;
  font-weight: 700;
}
div.vis-network div.vis-manipulation div.vis-button.vis-add {
  background-image: url(img/network/addNodeIcon.png);
}
div.vis-network div.vis-edit-mode div.vis-button.vis-edit,
div.vis-network div.vis-manipulation div.vis-button.vis-edit {
  background-image: url(img/network/editIcon.png);
}
div.vis-network div.vis-edit-mode div.vis-button.vis-edit.vis-edit-mode {
  background-color: #fcfcfc;
  border: 1px solid #ccc;
}
div.vis-network div.vis-manipulation div.vis-button.vis-connect {
  background-image: url(img/network/connectIcon.png);
}
div.vis-network div.vis-manipulation div.vis-button.vis-delete {
  background-image: url(img/network/deleteIcon.png);
}
div.vis-network div.vis-edit-mode div.vis-label,
div.vis-network div.vis-manipulation div.vis-label {
  margin: 0 0 0 23px;
  line-height: 25px;
}
div.vis-network div.vis-manipulation div.vis-separator-line {
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #bdbdbd;
  margin: 5px 7px 0 15px;
}
div.vis-network div.vis-navigation div.vis-button {
  width: 34px;
  height: 34px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  position: absolute;
  background-position: 2px 2px;
  cursor: pointer;
  user-select: none;
}
div.vis-network div.vis-navigation div.vis-button:hover {
  box-shadow: 0 0 3px 3px rgba(56, 207, 21, 0.3);
}
div.vis-network div.vis-navigation div.vis-button:active {
  box-shadow: 0 0 1px 3px rgba(56, 207, 21, 0.95);
}
div.vis-network div.vis-navigation div.vis-button.vis-up {
  background-image: url(img/network/upArrow.png);
  bottom: 50px;
  left: 55px;
}
div.vis-network div.vis-navigation div.vis-button.vis-down {
  background-image: url(img/network/downArrow.png);
  bottom: 10px;
  left: 55px;
}
div.vis-network div.vis-navigation div.vis-button.vis-left {
  background-image: url(img/network/leftArrow.png);
  bottom: 10px;
  left: 15px;
}
div.vis-network div.vis-navigation div.vis-button.vis-right {
  background-image: url(img/network/rightArrow.png);
  bottom: 10px;
  left: 95px;
}
div.vis-network div.vis-navigation div.vis-button.vis-zoomIn {
  background-image: url(img/network/plus.png);
  bottom: 10px;
  right: 15px;
}
div.vis-network div.vis-navigation div.vis-button.vis-zoomOut {
  background-image: url(img/network/minus.png);
  bottom: 10px;
  right: 55px;
}
div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends {
  background-image: url(img/network/zoomExtends.png);
  bottom: 50px;
  right: 15px;
}
div.vis-network-tooltip {
  position: absolute;
  visibility: hidden;
  padding: 5px;
  white-space: nowrap;
  font-family: Roboto;
  font-size: 14px;
  font-color: #000;
  background-color: #f5f4ed;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #808074;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
div.vis-network-configuration {
  position: relative;
  display: block;
  float: left;
  font-size: 12px;
}
div.vis-network-configuration-wrapper {
  display: block;
  width: 700px;
}
div.vis-network-configuration.vis-option-container {
  display: block;
  width: 495px;
  background-color: #fff;
  border: 2px solid #f7f8fa;
  border-radius: 4px;
  margin-top: 20px;
  left: 10px;
  padding-left: 5px;
}
div.vis-network-configuration.button {
  display: block;
  width: 495px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
  background-color: #f7f8fa;
  border: 2px solid #ceced0;
  border-radius: 4px;
  margin-top: 20px;
  left: 10px;
  padding-left: 5px;
  cursor: pointer;
  margin-bottom: 30px;
}
div.vis-network-configuration.button.hover {
  background-color: #4588e6;
  border: 2px solid #214373;
  color: #fff;
}
div.vis-network-configuration.item {
  display: block;
  float: left;
  width: 495px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
}
div.vis-network-configuration.item.s2 {
  left: 10px;
  background-color: #f7f8fa;
  padding-left: 5px;
  border-radius: 3px;
}
div.vis-network-configuration.item.s3 {
  left: 20px;
  background-color: #e4e9f0;
  padding-left: 5px;
  border-radius: 3px;
}
div.vis-network-configuration.item.s4 {
  left: 30px;
  background-color: #cfd8e6;
  padding-left: 5px;
  border-radius: 3px;
}
div.vis-network-configuration.header {
  font-size: 18px;
  font-weight: 700;
}
div.vis-network-configuration.label {
  width: 120px;
  height: 25px;
  line-height: 25px;
}
div.vis-network-configuration.label.s3 {
  width: 110px;
}
div.vis-network-configuration.label.s4 {
  width: 100px;
}
div.vis-network-configuration.colorBlock {
  top: 1px;
  width: 30px;
  height: 19px;
  border: 1px solid #444;
  border-radius: 2px;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
input.vis-network-configuration.checkbox {
  left: -5px;
}
input.vis-network-configuration.rangeinput {
  position: relative;
  top: -5px;
  width: 60px;
  height: 13px;
  padding: 1px;
  margin: 0;
  pointer-events: none;
}
input.vis-network-configuration.range {
  -webkit-appearance: none;
  border: 0 solid #fff;
  background-color: transparent;
  width: 300px;
  height: 20px;
}
input.vis-network-configuration.range::-webkit-slider-runnable-track {
  width: 300px;
  height: 5px;
  background: #dedede;
  background: -moz-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #dedede),
    color-stop(99%, #c8c8c8)
  );
  background: -webkit-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: -o-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: -ms-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: linear-gradient(to bottom, #dedede 0, #c8c8c8 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8', GradientType=0 );
  border: 1px solid #999;
  box-shadow: #aaa 0 0 3px 0;
  border-radius: 3px;
}
input.vis-network-configuration.range::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #14334b;
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #3876c2;
  background: -moz-linear-gradient(top, #3876c2 0, #385380 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #3876c2),
    color-stop(100%, #385380)
  );
  background: -webkit-linear-gradient(top, #3876c2 0, #385380 100%);
  background: -o-linear-gradient(top, #3876c2 0, #385380 100%);
  background: -ms-linear-gradient(top, #3876c2 0, #385380 100%);
  background: linear-gradient(to bottom, #3876c2 0, #385380 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3876c2', endColorstr='#385380', GradientType=0 );
  box-shadow: #111927 0 0 1px 0;
  margin-top: -7px;
}
input.vis-network-configuration.range:focus {
  outline: 0;
}
input.vis-network-configuration.range:focus::-webkit-slider-runnable-track {
  background: #9d9d9d;
  background: -moz-linear-gradient(top, #9d9d9d 0, #c8c8c8 99%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #9d9d9d),
    color-stop(99%, #c8c8c8)
  );
  background: -webkit-linear-gradient(top, #9d9d9d 0, #c8c8c8 99%);
  background: -o-linear-gradient(top, #9d9d9d 0, #c8c8c8 99%);
  background: -ms-linear-gradient(top, #9d9d9d 0, #c8c8c8 99%);
  background: linear-gradient(to bottom, #9d9d9d 0, #c8c8c8 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d9d9d', endColorstr='#c8c8c8', GradientType=0 );
}
input.vis-network-configuration.range::-moz-range-track {
  width: 300px;
  height: 10px;
  background: #dedede;
  background: -moz-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #dedede),
    color-stop(99%, #c8c8c8)
  );
  background: -webkit-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: -o-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: -ms-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: linear-gradient(to bottom, #dedede 0, #c8c8c8 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8', GradientType=0 );
  border: 1px solid #999;
  box-shadow: #aaa 0 0 3px 0;
  border-radius: 3px;
}
input.vis-network-configuration.range::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #385380;
}
input.vis-network-configuration.range:-moz-focusring {
  outline: #fff solid 1px;
  outline-offset: -1px;
}
input.vis-network-configuration.range::-ms-track {
  width: 300px;
  height: 5px;
  background: 0 0;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent;
}
input.vis-network-configuration.range::-ms-fill-lower {
  background: #777;
  border-radius: 10px;
}
input.vis-network-configuration.range::-ms-fill-upper {
  background: #ddd;
  border-radius: 10px;
}
input.vis-network-configuration.range::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #385380;
}
input.vis-network-configuration.range:focus::-ms-fill-lower {
  background: #888;
}
input.vis-network-configuration.range:focus::-ms-fill-upper {
  background: #ccc;
}
div.vis-color-picker {
  position: absolute;
  margin-top: -140px;
  margin-left: 30px;
  width: 293px;
  height: 425px;
  padding: 10px;
  border-radius: 15px;
  background-color: #fff;
  display: none;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px 0;
}
div.vis-color-picker div.vis-arrow {
  position: absolute;
  top: 147px;
  left: 5px;
}
div.vis-color-picker div.vis-arrow:after,
div.vis-color-picker div.vis-arrow:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
div.vis-color-picker div.vis-arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 30px;
  margin-top: -30px;
}
div.vis-color-picker div.vis-color {
  position: absolute;
  width: 289px;
  height: 289px;
  cursor: pointer;
}
div.vis-color-picker div.vis-brightness {
  position: absolute;
  top: 313px;
}
div.vis-color-picker div.vis-opacity {
  position: absolute;
  top: 350px;
}
div.vis-color-picker div.vis-selector {
  position: absolute;
  top: 137px;
  left: 137px;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  border: 1px solid #fff;
  background: #4c4c4c;
  background: -moz-linear-gradient(
    top,
    #4c4c4c 0,
    #595959 12%,
    #666 25%,
    #474747 39%,
    #2c2c2c 50%,
    #000 51%,
    #111 60%,
    #2b2b2b 76%,
    #1c1c1c 91%,
    #131313 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #4c4c4c),
    color-stop(12%, #595959),
    color-stop(25%, #666),
    color-stop(39%, #474747),
    color-stop(50%, #2c2c2c),
    color-stop(51%, #000),
    color-stop(60%, #111),
    color-stop(76%, #2b2b2b),
    color-stop(91%, #1c1c1c),
    color-stop(100%, #131313)
  );
  background: -webkit-linear-gradient(
    top,
    #4c4c4c 0,
    #595959 12%,
    #666 25%,
    #474747 39%,
    #2c2c2c 50%,
    #000 51%,
    #111 60%,
    #2b2b2b 76%,
    #1c1c1c 91%,
    #131313 100%
  );
  background: -o-linear-gradient(
    top,
    #4c4c4c 0,
    #595959 12%,
    #666 25%,
    #474747 39%,
    #2c2c2c 50%,
    #000 51%,
    #111 60%,
    #2b2b2b 76%,
    #1c1c1c 91%,
    #131313 100%
  );
  background: -ms-linear-gradient(
    top,
    #4c4c4c 0,
    #595959 12%,
    #666 25%,
    #474747 39%,
    #2c2c2c 50%,
    #000 51%,
    #111 60%,
    #2b2b2b 76%,
    #1c1c1c 91%,
    #131313 100%
  );
  background: linear-gradient(
    to bottom,
    #4c4c4c 0,
    #595959 12%,
    #666 25%,
    #474747 39%,
    #2c2c2c 50%,
    #000 51%,
    #111 60%,
    #2b2b2b 76%,
    #1c1c1c 91%,
    #131313 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}
div.vis-color-picker div.vis-initial-color,
div.vis-color-picker div.vis-new-color {
  position: absolute;
  vertical-align: middle;
  width: 140px;
  height: 20px;
  top: 380px;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.4);
  line-height: 20px;
}
div.vis-color-picker div.vis-new-color {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  left: 159px;
  text-align: right;
  padding-right: 2px;
}
div.vis-color-picker div.vis-initial-color {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  left: 10px;
  text-align: left;
  padding-left: 2px;
}
div.vis-color-picker div.vis-label {
  position: absolute;
  width: 300px;
  left: 10px;
}
div.vis-color-picker div.vis-label.vis-brightness {
  top: 300px;
}
div.vis-color-picker div.vis-label.vis-opacity {
  top: 338px;
}
div.vis-color-picker div.vis-button {
  position: absolute;
  width: 68px;
  height: 25px;
  border-radius: 10px;
  vertical-align: middle;
  text-align: center;
  line-height: 25px;
  top: 410px;
  border: 2px solid #d9d9d9;
  background-color: #f7f7f7;
  cursor: pointer;
}
div.vis-color-picker div.vis-button.vis-cancel {
  left: 5px;
}
div.vis-color-picker div.vis-button.vis-load {
  left: 82px;
}
div.vis-color-picker div.vis-button.vis-apply {
  left: 159px;
}
div.vis-color-picker div.vis-button.vis-save {
  left: 236px;
}
div.vis-color-picker input.vis-range {
  width: 290px;
  height: 20px;
}

/** 
 * Kendo UI v2016.1.112 (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: 10px 14px;
  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: 0.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: 0.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: 0.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: -16px 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: -16px -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: 0 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: 0 -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;
  background-position: 0 -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: 0 -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: 0 -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;
  background-position: 0 -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: 0 -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: 0 -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;
  background-position: 0 -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: 0 -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: 0 -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;
  background-position: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: -32px 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: -32px -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: -160px -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: -32px -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: -32px -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: -32px -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: -32px -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: -32px -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: -32px -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: -64px 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: -64px -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: -32px -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: -160px -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: -32px -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: -32px -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: -64px -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: -160px -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: -160px -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: -32px -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: -32px -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: -32px -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: -32px -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: -32px -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: -32px -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: -160px -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: -160px -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: -160px -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: -160px -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: -112px -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: -112px -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: -112px -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: -112px -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: -112px -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: -64px -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: -64px -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: -64px -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: -64px -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: -64px -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: -64px -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: -64px -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: -64px -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: -64px -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: -64px -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: -64px -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: -64px -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: -64px -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: 0 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: -32px -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: -32px -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: -64px -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: -64px -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: 0 -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: 0.9em;
  padding: 0.2em 0.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;
  position: absolute;
}
.k-checkbox-label {
  position: relative;
  padding-left: 1.5em;
  vertical-align: middle;
  line-height: 0.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: 0.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: 0.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: 0.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: 0.44em;
  right: 0.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: 0.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: 0.3em;
  padding-top: 0.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: 0.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: 0.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 0.2s linear;
  transition: width 0.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 0.286em 0.3em;
  padding: 0.3em 0.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: 0.3em 0.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: 0.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: 1.071em;
  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: 0.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: 0.5em 0.6em 0.4em 0.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: 0.5em 0.6em 0.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: 0.4em 0.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-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 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: 0.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: 0.5em 0.2em 0.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%;
}
.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: 0.15em 0.15em 0.15em 0.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: 0.429em 0.2em 0.429em 1em;
  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 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: absolute;
    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 0.429em 0 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: 0.4em 0.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: 0.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: 0.2em 1.4em 0.2em 0.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: 0.4em;
  text-align: left;
  white-space: nowrap;
}
.k-task-details > strong {
  font-size: 120%;
  display: block;
}
.k-task-pct {
  margin: 0.5em 0 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: 0.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: 0.2em;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.k-pivot .k-pivot-toolbar {
  padding: 0.6em;
}
.k-pivot-toolbar .k-button {
  margin-right: 0.4em;
  line-height: 1.2em;
  font-size: 0.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 0.2em 0.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: 0.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: 0.5em;
  margin-bottom: 1em;
  padding: 0.2em 0 0;
  border-style: solid;
  border-width: 1px;
}
.k-fieldselector .k-list {
  padding-bottom: 2em;
}
.k-fieldselector .k-list li.k-item {
  padding: 0.3em 3.3em 0.3em 0.3em;
  margin: 0 0.2em.2em;
  position: relative;
  font-size: 0.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: 0.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: 0.4em 0.45em 0.4em 0.1em;
  font-weight: 400;
  cursor: default;
}
.k-calendar td {
  padding: 0.08333em;
  cursor: pointer;
}
.k-calendar .k-state-focus {
  border-style: dotted;
  border-width: 0.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: 0.25em 0 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: 0.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 0.3333em;
  padding: 0.429em 0.6667em 0.429em 0.5833em;
  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: 0.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: 2.214em;
  line-height: 2.214em;
  padding: 0.177em 0;
  text-indent: 0.8em;
  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: 2.214em;
  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: 2.214em;
  line-height: 2.564em;
  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;
}
.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: 0.18em 0;
  text-indent: 0.8em;
  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: 0.1em 1.6em 0.1em 0.4em;
  line-height: 2.064em;
  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.694em;
  text-indent: 0.8em;
  line-height: 1.6em;
}
.k-ie input.k-textbox {
  text-indent: 0.4em;
}
.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: 0.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: 0.75em 0.3em 0.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: 0.3em 0.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: 0.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 0.3em 0 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: 36px;
  height: 36px;
  line-height: 36px;
}
.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;
  background-position: -240px 0;
}
.k-state-hover .k-bold,
.k-state-selected .k-bold {
  background-position: -240px 0;
}
.k-italic {
  background-position: -240px -24px;
}
.k-state-hover .k-italic,
.k-state-selected .k-italic {
  background-position: -264px -24px;
  background-position: -240px -24px;
}
.k-state-hover .k-italic,
.k-state-selected .k-italic {
  background-position: -240px -24px;
}
.k-underline {
  background-position: -240px -48px;
}
.k-state-hover .k-underline,
.k-state-selected .k-underline {
  background-position: -264px -48px;
  background-position: -240px -48px;
}
.k-state-hover .k-underline,
.k-state-selected .k-underline {
  background-position: -240px -48px;
}
.k-strikethrough {
  background-position: -240px -72px;
}
.k-state-hover .k-strikethrough,
.k-state-selected .k-strikethrough {
  background-position: -264px -72px;
  background-position: -240px -72px;
}
.k-state-hover .k-strikethrough,
.k-state-selected .k-strikethrough {
  background-position: -240px -72px;
}
.k-foreColor {
  background-position: -240px -96px;
}
.k-state-hover .k-foreColor,
.k-state-selected .k-foreColor {
  background-position: -264px -96px;
  background-position: -240px -96px;
}
.k-state-hover .k-foreColor,
.k-state-selected .k-foreColor {
  background-position: -240px -96px;
}
.k-backColor {
  background-position: -240px -120px;
}
.k-state-hover .k-backColor,
.k-state-selected .k-backColor {
  background-position: -264px -120px;
  background-position: -240px -120px;
}
.k-state-hover .k-backColor,
.k-state-selected .k-backColor {
  background-position: -240px -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;
  background-position: -240px -144px;
}
.k-state-hover .k-justifyLeft,
.k-state-selected .k-justifyLeft {
  background-position: -240px -144px;
}
.k-justifyCenter {
  background-position: -240px -168px;
}
.k-state-hover .k-justifyCenter,
.k-state-selected .k-justifyCenter {
  background-position: -264px -168px;
  background-position: -240px -168px;
}
.k-state-hover .k-justifyCenter,
.k-state-selected .k-justifyCenter {
  background-position: -240px -168px;
}
.k-justifyRight {
  background-position: -240px -192px;
}
.k-state-hover .k-justifyRight,
.k-state-selected .k-justifyRight {
  background-position: -264px -192px;
  background-position: -240px -192px;
}
.k-state-hover .k-justifyRight,
.k-state-selected .k-justifyRight {
  background-position: -240px -192px;
}
.k-justifyFull {
  background-position: -240px -216px;
}
.k-state-hover .k-justifyFull,
.k-state-selected .k-justifyFull {
  background-position: -264px -216px;
  background-position: -240px -216px;
}
.k-state-hover .k-justifyFull,
.k-state-selected .k-justifyFull {
  background-position: -240px -216px;
}
.k-insertUnorderedList {
  background-position: -240px -264px;
}
.k-state-hover .k-insertUnorderedList,
.k-state-selected .k-insertUnorderedList {
  background-position: -264px -264px;
  background-position: -240px -264px;
}
.k-state-hover .k-insertUnorderedList,
.k-state-selected .k-insertUnorderedList {
  background-position: -240px -264px;
}
.k-insertOrderedList {
  background-position: -240px -288px;
}
.k-state-hover .k-insertOrderedList,
.k-state-selected .k-insertOrderedList {
  background-position: -264px -288px;
  background-position: -240px -288px;
}
.k-state-hover .k-insertOrderedList,
.k-state-selected .k-insertOrderedList {
  background-position: -240px -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;
  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: -288px 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;
  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: -288px -24px;
}
.k-createLink {
  background-position: -288px -48px;
}
.k-state-hover .k-createLink,
.k-state-selected .k-createLink {
  background-position: -312px -48px;
  background-position: -288px -48px;
}
.k-state-hover .k-createLink,
.k-state-selected .k-createLink {
  background-position: -288px -48px;
}
.k-unlink {
  background-position: -288px -72px;
}
.k-state-hover .k-unlink,
.k-state-selected .k-unlink {
  background-position: -312px -72px;
  background-position: -288px -72px;
}
.k-state-hover .k-unlink,
.k-state-selected .k-unlink {
  background-position: -288px -72px;
}
.k-insertImage {
  background-position: -288px -96px;
}
.k-state-hover .k-insertImage,
.k-state-selected .k-insertImage {
  background-position: -312px -96px;
  background-position: -288px -96px;
}
.k-state-hover .k-insertImage,
.k-state-selected .k-insertImage {
  background-position: -288px -96px;
}
.k-insertFile {
  background-position: -288px -216px;
}
.k-state-hover .k-insertFile,
.k-state-selected .k-insertFile {
  background-position: -312px -216px;
  background-position: -288px -216px;
}
.k-state-hover .k-insertFile,
.k-state-selected .k-insertFile {
  background-position: -288px -216px;
}
.k-subscript {
  background-position: -288px -144px;
}
.k-state-hover .k-subscript,
.k-state-selected .k-subscript {
  background-position: -312px -144px;
  background-position: -288px -144px;
}
.k-state-hover .k-subscript,
.k-state-selected .k-subscript {
  background-position: -288px -144px;
}
.k-superscript {
  background-position: -288px -168px;
}
.k-state-hover .k-superscript,
.k-state-selected .k-superscript {
  background-position: -312px -168px;
  background-position: -288px -168px;
}
.k-state-hover .k-superscript,
.k-state-selected .k-superscript {
  background-position: -288px -168px;
}
.k-cleanFormatting {
  background-position: -288px -192px;
}
.k-state-hover .k-cleanFormatting,
.k-state-selected .k-cleanFormatting {
  background-position: -312px -192px;
  background-position: -288px -192px;
}
.k-state-hover .k-cleanFormatting,
.k-state-selected .k-cleanFormatting {
  background-position: -288px -192px;
}
.k-createTable {
  background-position: -192px 0;
}
.k-state-hover .k-createTable,
.k-state-selected .k-createTable {
  background-position: -216px 0;
  background-position: -192px 0;
}
.k-state-hover .k-createTable,
.k-state-selected .k-createTable {
  background-position: -192px 0;
}
.k-addColumnLeft {
  background-position: -192px -24px;
}
.k-state-hover .k-addColumnLeft,
.k-state-selected .k-addColumnLeft {
  background-position: -216px -24px;
  background-position: -192px -24px;
}
.k-state-hover .k-addColumnLeft,
.k-state-selected .k-addColumnLeft {
  background-position: -192px -24px;
}
.k-addColumnRight {
  background-position: -192px -48px;
}
.k-state-hover .k-addColumnRight,
.k-state-selected .k-addColumnRight {
  background-position: -216px -48px;
  background-position: -192px -48px;
}
.k-state-hover .k-addColumnRight,
.k-state-selected .k-addColumnRight {
  background-position: -192px -48px;
}
.k-addRowAbove {
  background-position: -192px -72px;
}
.k-state-hover .k-addRowAbove,
.k-state-selected .k-addRowAbove {
  background-position: -216px -72px;
  background-position: -192px -72px;
}
.k-state-hover .k-addRowAbove,
.k-state-selected .k-addRowAbove {
  background-position: -192px -72px;
}
.k-addRowBelow {
  background-position: -192px -96px;
}
.k-state-hover .k-addRowBelow,
.k-state-selected .k-addRowBelow {
  background-position: -216px -96px;
  background-position: -192px -96px;
}
.k-state-hover .k-addRowBelow,
.k-state-selected .k-addRowBelow {
  background-position: -192px -96px;
}
.k-deleteRow {
  background-position: -192px -120px;
}
.k-state-hover .k-deleteRow,
.k-state-selected .k-deleteRow {
  background-position: -216px -120px;
  background-position: -192px -120px;
}
.k-state-hover .k-deleteRow,
.k-state-selected .k-deleteRow {
  background-position: -192px -120px;
}
.k-deleteColumn {
  background-position: -192px -144px;
}
.k-state-hover .k-deleteColumn,
.k-state-selected .k-deleteColumn {
  background-position: -216px -144px;
  background-position: -192px -144px;
}
.k-state-hover .k-deleteColumn,
.k-state-selected .k-deleteColumn {
  background-position: -192px -144px;
}
.k-mergeCells {
  background-position: -192px -168px;
}
.k-state-hover .k-mergeCells,
.k-state-selected .k-mergeCells {
  background-position: -216px -168px;
  background-position: -192px -168px;
}
.k-state-hover .k-mergeCells,
.k-state-selected .k-mergeCells {
  background-position: -192px -168px;
}
.k-pdf {
  background-position: -288px -240px;
}
.k-state-hover .k-pdf,
.k-state-selected .k-pdf {
  background-position: -312px -240px;
  background-position: -288px -240px;
}
.k-state-hover .k-pdf,
.k-state-selected .k-pdf {
  background-position: -288px -240px;
}
.k-print {
  background-position: -288px -264px;
}
.k-state-hover .k-print,
.k-state-selected .k-print {
  background-position: -312px -264px;
  background-position: -288px -264px;
}
.k-state-hover .k-print,
.k-state-selected .k-print {
  background-position: -288px -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: 0.2em 0.2em 0.2em 0.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: 0.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: 0.6em 0.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 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: 0.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: 0.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: 0.334em 0.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: 0.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: 0.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: 0.3em;
  left: 0.8em;
  font-size: 0.8em;
}
.k-scheduler-marquee .k-label-bottom {
  position: absolute;
  bottom: 0.3em;
  right: 0.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 0.2em 0 0;
  font-size: 3em;
  font-weight: 400;
}
.k-scheduler-agendaweek {
  display: block;
  margin: 0.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: 0.2em 0 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: 0.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 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 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: 0.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 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: -160px -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: -160px -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: -160px -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: -112px -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: 0.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: 0.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: 0.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: 0.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 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 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: 0.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: 0.3em 0.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: 0.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: 0.5em 0 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: 0.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: 0.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: 0.2em 1em;
  font-size: 0.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;
}
@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
  .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n {
    background-position: 0 0;
  }
  .k-button:active
    .km-pane-wrapper
    .k-numerictextbox
    .k-select
    .k-link
    span.k-i-arrow-n,
  .k-button:not(.k-state-disabled):hover
    .km-pane-wrapper
    .k-numerictextbox
    .k-select
    .k-link
    span.k-i-arrow-n,
  .k-link:not(.k-state-disabled):hover
    > .km-pane-wrapper
    .k-numerictextbox
    .k-select
    .k-link
    span.k-i-arrow-n,
  .k-state-hover
    > *
    > .km-pane-wrapper
    .k-numerictextbox
    .k-select
    .k-link
    span.k-i-arrow-n,
  .k-state-hover
    > .km-pane-wrapper
    .k-numerictextbox
    .k-select
    .k-link
    span.k-i-arrow-n,
  .k-textbox:hover
    .km-pane-wrapper
    .k-numerictextbox
    .k-select
    .k-link
    span.k-i-arrow-n {
    background-position: 0 0;
  }
  .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s {
    background-position: 0 -2em;
  }
  .k-button:active
    .km-pane-wrapper
    .k-numerictextbox
    .k-select
    .k-link
    span.k-i-arrow-s,
  .k-button:not(.k-state-disabled):hover
    .km-pane-wrapper
    .k-numerictextbox
    .k-select
    .k-link
    span.k-i-arrow-s,
  .k-link:not(.k-state-disabled):hover
    > .km-pane-wrapper
    .k-numerictextbox
    .k-select
    .k-link
    span.k-i-arrow-s,
  .k-state-hover
    > *
    > .km-pane-wrapper
    .k-numerictextbox
    .k-select
    .k-link
    span.k-i-arrow-s,
  .k-state-hover
    > .km-pane-wrapper
    .k-numerictextbox
    .k-select
    .k-link
    span.k-i-arrow-s,
  .k-textbox:hover
    .km-pane-wrapper
    .k-numerictextbox
    .k-select
    .k-link
    span.k-i-arrow-s {
    background-position: 0 -2em;
  }
  .km-pane-wrapper .k-state-selected .k-i-arrow-n {
    background-position: -1em 0;
  }
  .k-button:active .km-pane-wrapper .k-state-selected .k-i-arrow-n,
  .k-button:not(.k-state-disabled):hover
    .km-pane-wrapper
    .k-state-selected
    .k-i-arrow-n,
  .k-link:not(.k-state-disabled):hover
    > .km-pane-wrapper
    .k-state-selected
    .k-i-arrow-n,
  .k-state-hover > * > .km-pane-wrapper .k-state-selected .k-i-arrow-n,
  .k-state-hover > .km-pane-wrapper .k-state-selected .k-i-arrow-n,
  .k-textbox:hover .km-pane-wrapper .k-state-selected .k-i-arrow-n {
    background-position: -1em 0;
  }
  .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,
  .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
    background-position: -1em 0;
  }
  .k-button:active
    .km-pane-wrapper
    .k-numerictextbox
    .k-link.k-state-selected
    span.k-i-arrow-n,
  .k-button:active
    .km-pane-wrapper
    .k-numerictextbox
    .k-state-hover
    .k-link
    span.k-i-arrow-n,
  .k-button:not(.k-state-disabled):hover
    .km-pane-wrapper
    .k-numerictextbox
    .k-link.k-state-selected
    span.k-i-arrow-n,
  .k-button:not(.k-state-disabled):hover
    .km-pane-wrapper
    .k-numerictextbox
    .k-state-hover
    .k-link
    span.k-i-arrow-n,
  .k-link:not(.k-state-disabled):hover
    > .km-pane-wrapper
    .k-numerictextbox
    .k-link.k-state-selected
    span.k-i-arrow-n,
  .k-link:not(.k-state-disabled):hover
    > .km-pane-wrapper
    .k-numerictextbox
    .k-state-hover
    .k-link
    span.k-i-arrow-n,
  .k-state-hover
    > *
    > .km-pane-wrapper
    .k-numerictextbox
    .k-link.k-state-selected
    span.k-i-arrow-n,
  .k-state-hover
    > *
    > .km-pane-wrapper
    .k-numerictextbox
    .k-state-hover
    .k-link
    span.k-i-arrow-n,
  .k-state-hover
    > .km-pane-wrapper
    .k-numerictextbox
    .k-link.k-state-selected
    span.k-i-arrow-n,
  .k-state-hover
    > .km-pane-wrapper
    .k-numerictextbox
    .k-state-hover
    .k-link
    span.k-i-arrow-n,
  .k-textbox:hover
    .km-pane-wrapper
    .k-numerictextbox
    .k-link.k-state-selected
    span.k-i-arrow-n,
  .k-textbox:hover
    .km-pane-wrapper
    .k-numerictextbox
    .k-state-hover
    .k-link
    span.k-i-arrow-n {
    background-position: -1em 0;
  }
  .km-pane-wrapper .k-state-selected .k-i-arrow-s {
    background-position: -1em -2em;
  }
  .k-button:active .km-pane-wrapper .k-state-selected .k-i-arrow-s,
  .k-button:not(.k-state-disabled):hover
    .km-pane-wrapper
    .k-state-selected
    .k-i-arrow-s,
  .k-link:not(.k-state-disabled):hover
    > .km-pane-wrapper
    .k-state-selected
    .k-i-arrow-s,
  .k-state-hover > * > .km-pane-wrapper .k-state-selected .k-i-arrow-s,
  .k-state-hover > .km-pane-wrapper .k-state-selected .k-i-arrow-s,
  .k-textbox:hover .km-pane-wrapper .k-state-selected .k-i-arrow-s {
    background-position: -1em -2em;
  }
  .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,
  .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
    background-position: -1em -2em;
  }
  .k-button:active
    .km-pane-wrapper
    .k-numerictextbox
    .k-link.k-state-selected
    span.k-i-arrow-s,
  .k-button:active
    .km-pane-wrapper
    .k-numerictextbox
    .k-state-hover
    .k-link
    span.k-i-arrow-s,
  .k-button:not(.k-state-disabled):hover
    .km-pane-wrapper
    .k-numerictextbox
    .k-link.k-state-selected
    span.k-i-arrow-s,
  .k-button:not(.k-state-disabled):hover
    .km-pane-wrapper
    .k-numerictextbox
    .k-state-hover
    .k-link
    span.k-i-arrow-s,
  .k-link:not(.k-state-disabled):hover
    > .km-pane-wrapper
    .k-numerictextbox
    .k-link.k-state-selected
    span.k-i-arrow-s,
  .k-link:not(.k-state-disabled):hover
    > .km-pane-wrapper
    .k-numerictextbox
    .k-state-hover
    .k-link
    span.k-i-arrow-s,
  .k-state-hover
    > *
    > .km-pane-wrapper
    .k-numerictextbox
    .k-link.k-state-selected
    span.k-i-arrow-s,
  .k-state-hover
    > *
    > .km-pane-wrapper
    .k-numerictextbox
    .k-state-hover
    .k-link
    span.k-i-arrow-s,
  .k-state-hover
    > .km-pane-wrapper
    .k-numerictextbox
    .k-link.k-state-selected
    span.k-i-arrow-s,
  .k-state-hover
    > .km-pane-wrapper
    .k-numerictextbox
    .k-state-hover
    .k-link
    span.k-i-arrow-s,
  .k-textbox:hover
    .km-pane-wrapper
    .k-numerictextbox
    .k-link.k-state-selected
    span.k-i-arrow-s,
  .k-textbox:hover
    .km-pane-wrapper
    .k-numerictextbox
    .k-state-hover
    .k-link
    span.k-i-arrow-s {
    background-position: -1em -2em;
  }
  .km-pane-wrapper .k-i-arrow-n {
    background-position: 0 0;
  }
  .k-button:active .km-pane-wrapper .k-i-arrow-n,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrow-n,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrow-n,
  .k-state-hover > * > .km-pane-wrapper .k-i-arrow-n,
  .k-state-hover > .km-pane-wrapper .k-i-arrow-n,
  .k-textbox:hover .km-pane-wrapper .k-i-arrow-n {
    background-position: 0 0;
  }
  .km-pane-wrapper .k-i-arrow-e {
    background-position: 0 -1em;
  }
  .k-button:active .km-pane-wrapper .k-i-arrow-e,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrow-e,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrow-e,
  .k-state-hover > * > .km-pane-wrapper .k-i-arrow-e,
  .k-state-hover > .km-pane-wrapper .k-i-arrow-e,
  .k-textbox:hover .km-pane-wrapper .k-i-arrow-e {
    background-position: 0 -1em;
  }
  .k-rtl .km-pane-wrapper .k-i-arrow-w {
    background-position: 0 -1em;
  }
  .k-rtl .k-button:active .km-pane-wrapper .k-i-arrow-w,
  .k-rtl .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrow-w,
  .k-rtl .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrow-w,
  .k-rtl .k-state-hover > * > .km-pane-wrapper .k-i-arrow-w,
  .k-rtl .k-state-hover > .km-pane-wrapper .k-i-arrow-w,
  .k-rtl .k-textbox:hover .km-pane-wrapper .k-i-arrow-w {
    background-position: -1em -1em;
    background-position: 0 -16px;
  }
  .km-pane-wrapper .k-i-arrow-s {
    background-position: 0 -2em;
  }
  .k-button:active .km-pane-wrapper .k-i-arrow-s,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrow-s,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrow-s,
  .k-state-hover > * > .km-pane-wrapper .k-i-arrow-s,
  .k-state-hover > .km-pane-wrapper .k-i-arrow-s,
  .k-textbox:hover .km-pane-wrapper .k-i-arrow-s {
    background-position: 0 -2em;
  }
  .km-pane-wrapper .k-i-arrow-w {
    background-position: 0 -3em;
  }
  .k-button:active .km-pane-wrapper .k-i-arrow-w,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrow-w,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrow-w,
  .k-state-hover > * > .km-pane-wrapper .k-i-arrow-w,
  .k-state-hover > .km-pane-wrapper .k-i-arrow-w,
  .k-textbox:hover .km-pane-wrapper .k-i-arrow-w {
    background-position: 0 -3em;
  }
  .k-rtl .km-pane-wrapper .k-i-arrow-e {
    background-position: 0 -3em;
  }
  .k-rtl .k-button:active .km-pane-wrapper .k-i-arrow-e,
  .k-rtl .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrow-e,
  .k-rtl .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrow-e,
  .k-rtl .k-state-hover > * > .km-pane-wrapper .k-i-arrow-e,
  .k-rtl .k-state-hover > .km-pane-wrapper .k-i-arrow-e,
  .k-rtl .k-textbox:hover .km-pane-wrapper .k-i-arrow-e {
    background-position: -1em -3em;
    background-position: 0 -48px;
  }
  .km-pane-wrapper .k-i-seek-n {
    background-position: 0 -4em;
  }
  .k-button:active .km-pane-wrapper .k-i-seek-n,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-seek-n,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-seek-n,
  .k-state-hover > * > .km-pane-wrapper .k-i-seek-n,
  .k-state-hover > .km-pane-wrapper .k-i-seek-n,
  .k-textbox:hover .km-pane-wrapper .k-i-seek-n {
    background-position: 0 -4em;
  }
  .km-pane-wrapper .k-i-seek-e {
    background-position: 0 -5em;
  }
  .k-button:active .km-pane-wrapper .k-i-seek-e,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-seek-e,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-seek-e,
  .k-state-hover > * > .km-pane-wrapper .k-i-seek-e,
  .k-state-hover > .km-pane-wrapper .k-i-seek-e,
  .k-textbox:hover .km-pane-wrapper .k-i-seek-e {
    background-position: 0 -5em;
  }
  .k-rtl .km-pane-wrapper .k-i-seek-w {
    background-position: 0 -5em;
  }
  .k-rtl .k-button:active .km-pane-wrapper .k-i-seek-w,
  .k-rtl .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-seek-w,
  .k-rtl .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-seek-w,
  .k-rtl .k-state-hover > * > .km-pane-wrapper .k-i-seek-w,
  .k-rtl .k-state-hover > .km-pane-wrapper .k-i-seek-w,
  .k-rtl .k-textbox:hover .km-pane-wrapper .k-i-seek-w {
    background-position: -1em -5em;
    background-position: 0 -80px;
  }
  .km-pane-wrapper .k-i-seek-s {
    background-position: 0 -6em;
  }
  .k-button:active .km-pane-wrapper .k-i-seek-s,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-seek-s,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-seek-s,
  .k-state-hover > * > .km-pane-wrapper .k-i-seek-s,
  .k-state-hover > .km-pane-wrapper .k-i-seek-s,
  .k-textbox:hover .km-pane-wrapper .k-i-seek-s {
    background-position: 0 -6em;
  }
  .km-pane-wrapper .k-i-seek-w {
    background-position: 0 -7em;
  }
  .k-button:active .km-pane-wrapper .k-i-seek-w,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-seek-w,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-seek-w,
  .k-state-hover > * > .km-pane-wrapper .k-i-seek-w,
  .k-state-hover > .km-pane-wrapper .k-i-seek-w,
  .k-textbox:hover .km-pane-wrapper .k-i-seek-w {
    background-position: 0 -7em;
  }
  .k-rtl .km-pane-wrapper .k-i-seek-e {
    background-position: 0 -7em;
  }
  .k-rtl .k-button:active .km-pane-wrapper .k-i-seek-e,
  .k-rtl .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-seek-e,
  .k-rtl .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-seek-e,
  .k-rtl .k-state-hover > * > .km-pane-wrapper .k-i-seek-e,
  .k-rtl .k-state-hover > .km-pane-wrapper .k-i-seek-e,
  .k-rtl .k-textbox:hover .km-pane-wrapper .k-i-seek-e {
    background-position: -1em -7em;
    background-position: 0 -112px;
  }
  .km-pane-wrapper .k-i-arrowhead-n {
    background-position: 0 -16em;
  }
  .k-button:active .km-pane-wrapper .k-i-arrowhead-n,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrowhead-n,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrowhead-n,
  .k-state-hover > * > .km-pane-wrapper .k-i-arrowhead-n,
  .k-state-hover > .km-pane-wrapper .k-i-arrowhead-n,
  .k-textbox:hover .km-pane-wrapper .k-i-arrowhead-n {
    background-position: 0 -16em;
  }
  .km-pane-wrapper .k-i-arrowhead-e {
    background-position: 0 -17em;
  }
  .k-button:active .km-pane-wrapper .k-i-arrowhead-e,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrowhead-e,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrowhead-e,
  .k-state-hover > * > .km-pane-wrapper .k-i-arrowhead-e,
  .k-state-hover > .km-pane-wrapper .k-i-arrowhead-e,
  .k-textbox:hover .km-pane-wrapper .k-i-arrowhead-e {
    background-position: 0 -17em;
  }
  .km-pane-wrapper .k-i-arrowhead-s {
    background-position: 0 -18em;
  }
  .k-button:active .km-pane-wrapper .k-i-arrowhead-s,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrowhead-s,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrowhead-s,
  .k-state-hover > * > .km-pane-wrapper .k-i-arrowhead-s,
  .k-state-hover > .km-pane-wrapper .k-i-arrowhead-s,
  .k-textbox:hover .km-pane-wrapper .k-i-arrowhead-s {
    background-position: 0 -18em;
  }
  .km-pane-wrapper .k-i-arrowhead-w {
    background-position: 0 -19em;
  }
  .k-button:active .km-pane-wrapper .k-i-arrowhead-w,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrowhead-w,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrowhead-w,
  .k-state-hover > * > .km-pane-wrapper .k-i-arrowhead-w,
  .k-state-hover > .km-pane-wrapper .k-i-arrowhead-w,
  .k-textbox:hover .km-pane-wrapper .k-i-arrowhead-w {
    background-position: 0 -19em;
  }
  .km-pane-wrapper .k-i-expand,
  .km-pane-wrapper .k-plus,
  .km-pane-wrapper .k-plus-disabled {
    background-position: 0 -12em;
  }
  .k-button:active .km-pane-wrapper .k-i-expand,
  .k-button:active .km-pane-wrapper .k-plus,
  .k-button:active .km-pane-wrapper .k-plus-disabled,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-expand,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-plus,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-plus-disabled,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-expand,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-plus,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-plus-disabled,
  .k-state-hover > * > .km-pane-wrapper .k-i-expand,
  .k-state-hover > * > .km-pane-wrapper .k-plus,
  .k-state-hover > * > .km-pane-wrapper .k-plus-disabled,
  .k-state-hover > .km-pane-wrapper .k-i-expand,
  .k-state-hover > .km-pane-wrapper .k-plus,
  .k-state-hover > .km-pane-wrapper .k-plus-disabled,
  .k-textbox:hover .km-pane-wrapper .k-i-expand,
  .k-textbox:hover .km-pane-wrapper .k-plus,
  .k-textbox:hover .km-pane-wrapper .k-plus-disabled {
    background-position: 0 -12em;
  }
  .k-rtl .km-pane-wrapper .k-i-expand,
  .k-rtl .km-pane-wrapper .k-plus,
  .k-rtl .km-pane-wrapper .k-plus-disabled,
  .km-pane-wrapper .k-i-expand-w {
    background-position: 0 -13em;
  }
  .k-button:active .k-rtl .km-pane-wrapper .k-i-expand,
  .k-button:active .k-rtl .km-pane-wrapper .k-plus,
  .k-button:active .k-rtl .km-pane-wrapper .k-plus-disabled,
  .k-button:active .km-pane-wrapper .k-i-expand-w,
  .k-button:not(.k-state-disabled):hover .k-rtl .km-pane-wrapper .k-i-expand,
  .k-button:not(.k-state-disabled):hover .k-rtl .km-pane-wrapper .k-plus,
  .k-button:not(.k-state-disabled):hover
    .k-rtl
    .km-pane-wrapper
    .k-plus-disabled,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-expand-w,
  .k-link:not(.k-state-disabled):hover > .k-rtl .km-pane-wrapper .k-i-expand,
  .k-link:not(.k-state-disabled):hover > .k-rtl .km-pane-wrapper .k-plus,
  .k-link:not(.k-state-disabled):hover
    > .k-rtl
    .km-pane-wrapper
    .k-plus-disabled,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-expand-w,
  .k-state-hover > * > .k-rtl .km-pane-wrapper .k-i-expand,
  .k-state-hover > * > .k-rtl .km-pane-wrapper .k-plus,
  .k-state-hover > * > .k-rtl .km-pane-wrapper .k-plus-disabled,
  .k-state-hover > * > .km-pane-wrapper .k-i-expand-w,
  .k-state-hover > .k-rtl .km-pane-wrapper .k-i-expand,
  .k-state-hover > .k-rtl .km-pane-wrapper .k-plus,
  .k-state-hover > .k-rtl .km-pane-wrapper .k-plus-disabled,
  .k-state-hover > .km-pane-wrapper .k-i-expand-w,
  .k-textbox:hover .k-rtl .km-pane-wrapper .k-i-expand,
  .k-textbox:hover .k-rtl .km-pane-wrapper .k-plus,
  .k-textbox:hover .k-rtl .km-pane-wrapper .k-plus-disabled,
  .k-textbox:hover .km-pane-wrapper .k-i-expand-w {
    background-position: 0 -13em;
  }
  .km-pane-wrapper .k-i-collapse,
  .km-pane-wrapper .k-minus,
  .km-pane-wrapper .k-minus-disabled {
    background-position: 0 -14em;
  }
  .k-button:active .km-pane-wrapper .k-i-collapse,
  .k-button:active .km-pane-wrapper .k-minus,
  .k-button:active .km-pane-wrapper .k-minus-disabled,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-collapse,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-minus,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-minus-disabled,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-collapse,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-minus,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-minus-disabled,
  .k-state-hover > * > .km-pane-wrapper .k-i-collapse,
  .k-state-hover > * > .km-pane-wrapper .k-minus,
  .k-state-hover > * > .km-pane-wrapper .k-minus-disabled,
  .k-state-hover > .km-pane-wrapper .k-i-collapse,
  .k-state-hover > .km-pane-wrapper .k-minus,
  .k-state-hover > .km-pane-wrapper .k-minus-disabled,
  .k-textbox:hover .km-pane-wrapper .k-i-collapse,
  .k-textbox:hover .km-pane-wrapper .k-minus,
  .k-textbox:hover .km-pane-wrapper .k-minus-disabled {
    background-position: 0 -14em;
  }
  .k-rtl .km-pane-wrapper .k-i-collapse,
  .k-rtl .km-pane-wrapper .k-minus,
  .k-rtl .km-pane-wrapper .k-minus-disabled,
  .km-pane-wrapper .k-i-collapse-w {
    background-position: 0 -15em;
  }
  .k-button:active .k-rtl .km-pane-wrapper .k-i-collapse,
  .k-button:active .k-rtl .km-pane-wrapper .k-minus,
  .k-button:active .k-rtl .km-pane-wrapper .k-minus-disabled,
  .k-button:active .km-pane-wrapper .k-i-collapse-w,
  .k-button:not(.k-state-disabled):hover .k-rtl .km-pane-wrapper .k-i-collapse,
  .k-button:not(.k-state-disabled):hover .k-rtl .km-pane-wrapper .k-minus,
  .k-button:not(.k-state-disabled):hover
    .k-rtl
    .km-pane-wrapper
    .k-minus-disabled,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-collapse-w,
  .k-link:not(.k-state-disabled):hover > .k-rtl .km-pane-wrapper .k-i-collapse,
  .k-link:not(.k-state-disabled):hover > .k-rtl .km-pane-wrapper .k-minus,
  .k-link:not(.k-state-disabled):hover
    > .k-rtl
    .km-pane-wrapper
    .k-minus-disabled,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-collapse-w,
  .k-state-hover > * > .k-rtl .km-pane-wrapper .k-i-collapse,
  .k-state-hover > * > .k-rtl .km-pane-wrapper .k-minus,
  .k-state-hover > * > .k-rtl .km-pane-wrapper .k-minus-disabled,
  .k-state-hover > * > .km-pane-wrapper .k-i-collapse-w,
  .k-state-hover > .k-rtl .km-pane-wrapper .k-i-collapse,
  .k-state-hover > .k-rtl .km-pane-wrapper .k-minus,
  .k-state-hover > .k-rtl .km-pane-wrapper .k-minus-disabled,
  .k-state-hover > .km-pane-wrapper .k-i-collapse-w,
  .k-textbox:hover .k-rtl .km-pane-wrapper .k-i-collapse,
  .k-textbox:hover .k-rtl .km-pane-wrapper .k-minus,
  .k-textbox:hover .k-rtl .km-pane-wrapper .k-minus-disabled,
  .k-textbox:hover .km-pane-wrapper .k-i-collapse-w {
    background-position: 0 -15em;
  }
  .km-pane-wrapper .k-edit,
  .km-pane-wrapper .k-i-pencil {
    background-position: -2em 0;
  }
  .k-button:active .km-pane-wrapper .k-edit,
  .k-button:active .km-pane-wrapper .k-i-pencil,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-edit,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-pencil,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-edit,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-pencil,
  .k-state-hover > * > .km-pane-wrapper .k-edit,
  .k-state-hover > * > .km-pane-wrapper .k-i-pencil,
  .k-state-hover > .km-pane-wrapper .k-edit,
  .k-state-hover > .km-pane-wrapper .k-i-pencil,
  .k-textbox:hover .km-pane-wrapper .k-edit,
  .k-textbox:hover .km-pane-wrapper .k-i-pencil {
    background-position: -2em 0;
  }
  .km-pane-wrapper .k-delete,
  .km-pane-wrapper .k-group-delete,
  .km-pane-wrapper .k-i-close {
    background-position: -2em -1em;
  }
  .k-button:active .km-pane-wrapper .k-delete,
  .k-button:active .km-pane-wrapper .k-group-delete,
  .k-button:active .km-pane-wrapper .k-i-close,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-delete,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-group-delete,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-close,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-delete,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-group-delete,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-close,
  .k-state-hover > * > .km-pane-wrapper .k-delete,
  .k-state-hover > * > .km-pane-wrapper .k-group-delete,
  .k-state-hover > * > .km-pane-wrapper .k-i-close,
  .k-state-hover > .km-pane-wrapper .k-delete,
  .k-state-hover > .km-pane-wrapper .k-group-delete,
  .k-state-hover > .km-pane-wrapper .k-i-close,
  .k-textbox:hover .km-pane-wrapper .k-delete,
  .k-textbox:hover .km-pane-wrapper .k-group-delete,
  .k-textbox:hover .km-pane-wrapper .k-i-close {
    background-position: -2em -1em;
  }
  .km-pane-wrapper .k-si-close {
    background-position: -10em -5em;
  }
  .k-button:active .km-pane-wrapper .k-si-close,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-si-close,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-si-close,
  .k-state-hover > * > .km-pane-wrapper .k-si-close,
  .k-state-hover > .km-pane-wrapper .k-si-close,
  .k-textbox:hover .km-pane-wrapper .k-si-close {
    background-position: -10em -5em;
  }
  .km-pane-wrapper .k-multiselect .k-delete {
    background-position: -10em -5em;
  }
  .km-pane-wrapper .k-multiselect .k-state-hover .k-delete {
    background-position: -11em -5em;
  }
  .km-pane-wrapper .k-i-tick,
  .km-pane-wrapper .k-insert,
  .km-pane-wrapper .k-update {
    background-position: -2em -2em;
  }
  .k-button:active .km-pane-wrapper .k-i-tick,
  .k-button:active .km-pane-wrapper .k-insert,
  .k-button:active .km-pane-wrapper .k-update,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-tick,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-insert,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-update,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-tick,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-insert,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-update,
  .k-state-hover > * > .km-pane-wrapper .k-i-tick,
  .k-state-hover > * > .km-pane-wrapper .k-insert,
  .k-state-hover > * > .km-pane-wrapper .k-update,
  .k-state-hover > .km-pane-wrapper .k-i-tick,
  .k-state-hover > .km-pane-wrapper .k-insert,
  .k-state-hover > .km-pane-wrapper .k-update,
  .k-textbox:hover .km-pane-wrapper .k-i-tick,
  .k-textbox:hover .km-pane-wrapper .k-insert,
  .k-textbox:hover .km-pane-wrapper .k-update {
    background-position: -2em -2em;
  }
  .km-pane-wrapper .k-check:checked,
  .km-pane-wrapper .k-mobile-list .k-edit-field [type="checkbox"],
  .km-pane-wrapper .k-mobile-list .k-edit-field [type="radio"] {
    background-position: -2em -2em;
  }
  .k-button:active .km-pane-wrapper .k-check:checked,
  .k-button:active
    .km-pane-wrapper
    .k-mobile-list
    .k-edit-field
    [type="checkbox"],
  .k-button:active .km-pane-wrapper .k-mobile-list .k-edit-field [type="radio"],
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-check:checked,
  .k-button:not(.k-state-disabled):hover
    .km-pane-wrapper
    .k-mobile-list
    .k-edit-field
    [type="checkbox"],
  .k-button:not(.k-state-disabled):hover
    .km-pane-wrapper
    .k-mobile-list
    .k-edit-field
    [type="radio"],
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-check:checked,
  .k-link:not(.k-state-disabled):hover
    > .km-pane-wrapper
    .k-mobile-list
    .k-edit-field
    [type="checkbox"],
  .k-link:not(.k-state-disabled):hover
    > .km-pane-wrapper
    .k-mobile-list
    .k-edit-field
    [type="radio"],
  .k-state-hover > * > .km-pane-wrapper .k-check:checked,
  .k-state-hover
    > *
    > .km-pane-wrapper
    .k-mobile-list
    .k-edit-field
    [type="checkbox"],
  .k-state-hover
    > *
    > .km-pane-wrapper
    .k-mobile-list
    .k-edit-field
    [type="radio"],
  .k-state-hover > .km-pane-wrapper .k-check:checked,
  .k-state-hover
    > .km-pane-wrapper
    .k-mobile-list
    .k-edit-field
    [type="checkbox"],
  .k-state-hover > .km-pane-wrapper .k-mobile-list .k-edit-field [type="radio"],
  .k-textbox:hover .km-pane-wrapper .k-check:checked,
  .k-textbox:hover
    .km-pane-wrapper
    .k-mobile-list
    .k-edit-field
    [type="checkbox"],
  .k-textbox:hover
    .km-pane-wrapper
    .k-mobile-list
    .k-edit-field
    [type="radio"] {
    background-position: -2em -2em;
  }
  .km-pane-wrapper .k-cancel,
  .km-pane-wrapper .k-denied,
  .km-pane-wrapper .k-i-cancel {
    background-position: -2em -3em;
  }
  .k-button:active .km-pane-wrapper .k-cancel,
  .k-button:active .km-pane-wrapper .k-denied,
  .k-button:active .km-pane-wrapper .k-i-cancel,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-cancel,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-denied,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-cancel,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-cancel,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-denied,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-cancel,
  .k-state-hover > * > .km-pane-wrapper .k-cancel,
  .k-state-hover > * > .km-pane-wrapper .k-denied,
  .k-state-hover > * > .km-pane-wrapper .k-i-cancel,
  .k-state-hover > .km-pane-wrapper .k-cancel,
  .k-state-hover > .km-pane-wrapper .k-denied,
  .k-state-hover > .km-pane-wrapper .k-i-cancel,
  .k-textbox:hover .km-pane-wrapper .k-cancel,
  .k-textbox:hover .km-pane-wrapper .k-denied,
  .k-textbox:hover .km-pane-wrapper .k-i-cancel {
    background-position: -2em -3em;
  }
  .km-pane-wrapper .k-add,
  .km-pane-wrapper .k-i-plus {
    background-position: -2em -4em;
  }
  .k-button:active .km-pane-wrapper .k-add,
  .k-button:active .km-pane-wrapper .k-i-plus,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-add,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-plus,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-add,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-plus,
  .k-state-hover > * > .km-pane-wrapper .k-add,
  .k-state-hover > * > .km-pane-wrapper .k-i-plus,
  .k-state-hover > .km-pane-wrapper .k-add,
  .k-state-hover > .km-pane-wrapper .k-i-plus,
  .k-textbox:hover .km-pane-wrapper .k-add,
  .k-textbox:hover .km-pane-wrapper .k-i-plus {
    background-position: -2em -4em;
  }
  .km-pane-wrapper .k-filter,
  .km-pane-wrapper .k-i-funnel {
    background-position: -2em -5em;
  }
  .k-button:active .km-pane-wrapper .k-filter,
  .k-button:active .km-pane-wrapper .k-i-funnel,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-filter,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-funnel,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-filter,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-funnel,
  .k-state-hover > * > .km-pane-wrapper .k-filter,
  .k-state-hover > * > .km-pane-wrapper .k-i-funnel,
  .k-state-hover > .km-pane-wrapper .k-filter,
  .k-state-hover > .km-pane-wrapper .k-i-funnel,
  .k-textbox:hover .km-pane-wrapper .k-filter,
  .k-textbox:hover .km-pane-wrapper .k-i-funnel {
    background-position: -2em -5em;
  }
  .km-pane-wrapper .k-clear-filter,
  .km-pane-wrapper .k-i-funnel-clear {
    background-position: -2em -6em;
  }
  .k-button:active .km-pane-wrapper .k-clear-filter,
  .k-button:active .km-pane-wrapper .k-i-funnel-clear,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-clear-filter,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-funnel-clear,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-clear-filter,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-funnel-clear,
  .k-state-hover > * > .km-pane-wrapper .k-clear-filter,
  .k-state-hover > * > .km-pane-wrapper .k-i-funnel-clear,
  .k-state-hover > .km-pane-wrapper .k-clear-filter,
  .k-state-hover > .km-pane-wrapper .k-i-funnel-clear,
  .k-textbox:hover .km-pane-wrapper .k-clear-filter,
  .k-textbox:hover .km-pane-wrapper .k-i-funnel-clear {
    background-position: -2em -6em;
  }
  .km-pane-wrapper .k-i-refresh {
    background-position: -2em -7em;
  }
  .k-button:active .km-pane-wrapper .k-i-refresh,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-refresh,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-refresh,
  .k-state-hover > * > .km-pane-wrapper .k-i-refresh,
  .k-state-hover > .km-pane-wrapper .k-i-refresh,
  .k-textbox:hover .km-pane-wrapper .k-i-refresh {
    background-position: -2em -7em;
  }
  .km-pane-wrapper .k-i-exception {
    background-position: -10em -19em;
  }
  .k-button:active .km-pane-wrapper .k-i-exception,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-exception,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-exception,
  .k-state-hover > * > .km-pane-wrapper .k-i-exception,
  .k-state-hover > .km-pane-wrapper .k-i-exception,
  .k-textbox:hover .km-pane-wrapper .k-i-exception {
    background-position: -10em -19em;
  }
  .km-pane-wrapper .k-i-restore {
    background-position: -2em -8em;
  }
  .k-button:active .km-pane-wrapper .k-i-restore,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-restore,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-restore,
  .k-state-hover > * > .km-pane-wrapper .k-i-restore,
  .k-state-hover > .km-pane-wrapper .k-i-restore,
  .k-textbox:hover .km-pane-wrapper .k-i-restore {
    background-position: -2em -8em;
  }
  .km-pane-wrapper .k-i-maximize {
    background-position: -2em -9em;
  }
  .k-button:active .km-pane-wrapper .k-i-maximize,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-maximize,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-maximize,
  .k-state-hover > * > .km-pane-wrapper .k-i-maximize,
  .k-state-hover > .km-pane-wrapper .k-i-maximize,
  .k-textbox:hover .km-pane-wrapper .k-i-maximize {
    background-position: -2em -9em;
  }
  .km-pane-wrapper .k-i-minimize {
    background-position: -4em -18em;
  }
  .k-button:active .km-pane-wrapper .k-i-minimize,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-minimize,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-minimize,
  .k-state-hover > * > .km-pane-wrapper .k-i-minimize,
  .k-state-hover > .km-pane-wrapper .k-i-minimize,
  .k-textbox:hover .km-pane-wrapper .k-i-minimize {
    background-position: -4em -18em;
  }
  .km-pane-wrapper .k-i-pin {
    background-position: -10em -16em;
  }
  .k-button:active .km-pane-wrapper .k-i-pin,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-pin,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-pin,
  .k-state-hover > * > .km-pane-wrapper .k-i-pin,
  .k-state-hover > .km-pane-wrapper .k-i-pin,
  .k-textbox:hover .km-pane-wrapper .k-i-pin {
    background-position: -10em -16em;
  }
  .km-pane-wrapper .k-i-unpin {
    background-position: -10em -17em;
  }
  .k-button:active .km-pane-wrapper .k-i-unpin,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-unpin,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-unpin,
  .k-state-hover > * > .km-pane-wrapper .k-i-unpin,
  .k-state-hover > .km-pane-wrapper .k-i-unpin,
  .k-textbox:hover .km-pane-wrapper .k-i-unpin {
    background-position: -10em -17em;
  }
  .km-pane-wrapper .k-resize-se {
    background-position: -2em -10em;
  }
  .k-button:active .km-pane-wrapper .k-resize-se,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-resize-se,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-resize-se,
  .k-state-hover > * > .km-pane-wrapper .k-resize-se,
  .k-state-hover > .km-pane-wrapper .k-resize-se,
  .k-textbox:hover .km-pane-wrapper .k-resize-se {
    background-position: -2em -10em;
  }
  .km-pane-wrapper .k-i-calendar {
    background-position: -2em -11em;
  }
  .k-button:active .km-pane-wrapper .k-i-calendar,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-calendar,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-calendar,
  .k-state-hover > * > .km-pane-wrapper .k-i-calendar,
  .k-state-hover > .km-pane-wrapper .k-i-calendar,
  .k-textbox:hover .km-pane-wrapper .k-i-calendar {
    background-position: -2em -11em;
  }
  .km-pane-wrapper .k-i-clock {
    background-position: -2em -12em;
  }
  .k-button:active .km-pane-wrapper .k-i-clock,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-clock,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-clock,
  .k-state-hover > * > .km-pane-wrapper .k-i-clock,
  .k-state-hover > .km-pane-wrapper .k-i-clock,
  .k-textbox:hover .km-pane-wrapper .k-i-clock {
    background-position: -2em -12em;
  }
  .km-pane-wrapper .k-si-plus {
    background-position: -2em -13em;
  }
  .k-button:active .km-pane-wrapper .k-si-plus,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-si-plus,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-si-plus,
  .k-state-hover > * > .km-pane-wrapper .k-si-plus,
  .k-state-hover > .km-pane-wrapper .k-si-plus,
  .k-textbox:hover .km-pane-wrapper .k-si-plus {
    background-position: -2em -13em;
  }
  .km-pane-wrapper .k-si-minus {
    background-position: -2em -14em;
  }
  .k-button:active .km-pane-wrapper .k-si-minus,
  .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-si-minus,
  .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-si-minus,
  .k-state-hover > * > .km-pane-wrapper .k-si-minus,
  .k-state-hover > .km-pane-wrapper .k-si-minus,
  .k-textbox:hover .km-pane-wrapper .k-si-minus {
    background-position: -2em -14em;
  }
}
.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: 0.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 0.86em;
  min-width: 0.7em;
}
.km-pane-wrapper .k-pager-wrap {
  line-height: 2.4em;
}
@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: 0.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-pager-nav + .k-pager-nav ~ .k-pager-nav {
    position: absolute;
    right: 0.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 {
    display: none;
  }
}
.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: 0.3em;
  width: 0.3em;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.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: 0.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 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, Roboto, 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, Roboto, sans-serif;
}
.k-spreadsheet .k-tabstrip-wrapper {
  position: relative;
  line-height: 1.7em;
}
.k-spreadsheet .k-tabstrip-wrapper .k-tabstrip-items {
  padding: 0 0 0;
}
.k-spreadsheet .k-spreadsheet-quick-access-toolbar {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  padding: 0 0 0;
}
.k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button {
  padding: 0.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: 0.15em 0;
  border-width: 1px;
  border-style: solid;
  height: 190px;
}
.k-spreadsheet-window .k-list .k-item {
  border-radius: 0;
  padding: 0.5em 0.6em 0.4em 0.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: 0.6em;
  border-width: 0;
  border-radius: 0;
}
.k-spreadsheet-popup .k-button.k-button-icontext {
  display: block;
  text-align: left;
  text-transform: initial;
  padding: 0.6em 1.2em 0.6em 1em;
  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;
}
.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 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: 0.2em;
  left: 0.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: 0.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");
}
.k-button,
.k-toolbar .k-button {
  line-height: 1.143em;
  padding: 9px 14px;
}
.k-widget.k-tabstrip {
  background-image: none;
  border-style: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-tabstrip .k-tabstrip-items {
  padding: 0;
}
.k-panelbar .k-tabstrip > div.k-content,
.k-tabstrip > div.k-content {
  margin: 0;
}
.k-panel > .k-item > .k-link,
.k-panelbar > .k-item > .k-link {
  line-height: 3.5em;
}
.k-panelbar .k-image {
  margin-top: 12px;
}
.k-panelbar .k-link > .k-sprite {
  margin-top: 16px;
}
.k-tabstrip > .k-tabstrip-items > .k-item {
  text-transform: uppercase;
  border-width: 0;
  border-style: solid;
  padding: 0;
}
.k-tabstrip-left > .k-tabstrip-items .k-loading,
.k-tabstrip-right > .k-tabstrip-items .k-loading {
  display: none;
}
.k-tabstrip-top > .k-tabstrip-items .k-state-active,
.k-tabstrip-top > .k-tabstrip-items .k-tab-on-top {
  margin-bottom: -1px;
}
.k-tabstrip-top > .k-tabstrip-items > .k-item {
  border-bottom-width: 2px;
}
.k-tabstrip-left > .k-tabstrip-items .k-state-active,
.k-tabstrip-left > .k-tabstrip-items .k-tab-on-top {
  margin-right: -2px;
}
.k-tabstrip-left > .k-tabstrip-items > .k-item {
  border-right-width: 2px;
}
.k-tabstrip-right > .k-tabstrip-items > .k-item {
  border-left-width: 2px;
}
.k-tabstrip-bottom > .k-tabstrip-items > .k-item {
  border-top-width: 2px;
}
.k-tabstrip .k-tabstrip-items .k-link {
  padding: 1.071em;
}
.k-slider-track {
  border-width: 1px;
  border-style: solid;
}
.k-grouping-dropclue {
  margin-top: 10px;
}
.k-filter-row th,
.k-grid-header th.k-header {
  padding: 0.786em 0.6em;
}
.k-grid-header th.k-header {
  padding-left: 1.286em;
}
.k-filtercell > span {
  padding-right: 5.714em;
}
.k-filtercell > span > .k-button {
  padding-left: 0.714em;
  padding-right: 0.714em;
  line-height: 1.286em;
  margin: 0;
}
.k-filter-row .k-dropdown-operator {
  width: 2.714em;
  right: 2.857em;
}
.k-filter-menu {
  padding: 0.5em 0.5em 0;
}
.k-filter-menu .k-button {
  margin: 0;
  width: 50%;
  border-radius: 0;
}
.k-filter-menu .k-primary {
  float: right;
}
.k-filter-menu > div > div:last-child {
  margin: 0.5em -0.5em 0;
  border-top-width: 1px;
  border-top-style: solid;
}
.k-filter-menu .k-primary {
  border-left-width: 1px;
  border-left-style: solid;
}
.k-grouping-header .k-group-indicator {
  padding: 0.5em 0.15em 0.429em 0.4em;
}
.k-grid .k-grouping-row td {
  padding: 0.6em 0.6em 0.643em;
}
.k-grouping-header .k-button,
.k-grouping-header a {
  vertical-align: baseline;
}
.k-grid td {
  padding: 0.929em 1.286em;
}
.k-grid-header th.k-header > .k-link {
  padding: 0;
  margin: 0;
  min-height: 16px;
  line-height: inherit;
}
.k-grouping-header {
  line-height: 2.6;
}
.k-grid-content tr:last-child > td {
  border-bottom-width: 0;
}
.k-grid tr td,
.k-pivot-layout .k-grid tr td {
  border-bottom-width: 1px;
  border-style: solid;
}
.k-grouping-row + tr td {
  border-top-width: 0;
}
.k-grid-content table tr:first-child td,
.k-grid-content-locked table tr:first-child td {
  border-top: 0;
}
.k-grid-content tr td {
  border-left-width: 0;
}
.k-pager-numbers .k-state-selected {
  line-height: 2.429em;
  cursor: pointer;
}
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
  border-width: 2px 0 0;
  padding-top: 0.7em;
}
.k-pager-wrap {
  line-height: 1.286em;
  padding: 0.429em 0 0.429em 0.25em;
}
.k-pager-numbers .k-link,
.k-pager-wrap > .k-link {
  height: 2.429em;
  line-height: 2.429em;
}
.k-pager-sizes,
.k-pager-wrap .k-link {
  padding: 0;
  min-width: 2.429em;
}
.k-pager-wrap .k-pager-numbers .k-state-selected {
  margin-top: -0.45em;
  padding-top: 0.45em;
  min-width: 2.429em;
}
.k-pager-wrap input.k-textbox {
  height: 2.571em;
}
.k-pager-info {
  padding: 0.714em 1.333em 0.643em 1.333em;
}
.k-pager-wrap .k-pager-refresh {
  margin-right: 1.214em;
}
.k-pager-wrap .k-dropdown {
  width: 5.2em;
}
.k-autocomplete .k-loading,
.k-multiselect .k-loading {
  bottom: 10px;
}
.k-dropdown-wrap,
.k-numeric-wrap,
.k-picker-wrap {
  padding: 0 2.571em 0 0;
}
.k-dropdown-wrap .k-select,
.k-numeric-wrap .k-select,
.k-picker-wrap .k-select {
  width: 2.571em;
}
.k-datetimepicker {
  width: 19.5em;
}
.k-datetimepicker .k-select {
  width: 5em;
}
.k-datetimepicker .k-picker-wrap {
  padding-right: 5em;
}
.k-datetimepicker .k-picker-wrap .k-icon {
  margin: 0 6px;
}
.k-calendar {
  width: 18.29em;
  padding: 0 5px;
}
.k-calendar .k-header {
  margin: 0 -5px;
}
.k-calendar td {
  padding: 0;
}
.k-calendar .k-content .k-link {
  min-height: 2.571em;
  line-height: 2.571em;
  padding: 0;
  text-align: center;
}
.k-calendar th {
  border-bottom-width: 0;
  padding: 0.714em 0.45em 0.714em 0;
}
.k-calendar .k-footer {
  border-top-width: 1px;
  border-top-style: solid;
  margin: 0 -5px;
}
.k-popup.k-list-container {
  padding: 0.286em 0;
}
.k-popup.k-calendar-containe {
  padding: 0;
}
.k-fieldselector .k-list .k-item,
.k-popup .k-list .k-item {
  min-height: 2.143em;
  line-height: 2.143em;
}
.k-popup .k-list .k-item {
  padding: 1px 11px;
}
.k-popup .k-list .k-state-focused,
.k-popup .k-list .k-state-hover,
.k-popup .k-list .k-state-selected {
  padding: 0 10px;
}
.k-button,
.k-calendar .k-footer,
.k-calendar .k-header .k-link {
  text-transform: uppercase;
}
.k-widget.k-calendar .k-nav-fast {
  width: 65%;
  height: 2.571em;
  line-height: 2.571em;
  margin: 0.429em -0.08333em 0.429em 0;
}
.k-calendar .k-header .k-icon {
  vertical-align: middle;
}
.k-widget.k-calendar .k-nav-next,
.k-widget.k-calendar .k-nav-prev {
  position: absolute;
  top: 0.429em;
  line-height: 2.571em;
  height: 2.571em;
}
.k-calendar .k-header .k-link.k-nav-next,
.k-calendar .k-header .k-link.k-nav-prev {
  height: 2.571em;
  width: 2.571em;
}
.k-widget.k-calendar .k-nav-prev {
  left: 0.429em;
}
.k-widget.k-calendar .k-nav-next {
  right: 0.429em;
}
.k-calendar .k-footer .k-nav-today,
.k-calendar .k-footer > .k-state-disabled {
  padding: 1.143em 0 1.071em;
}
.k-popup.k-calendar-container {
  padding: 0;
  border: 0;
}
.k-multiselect-wrap .k-input {
  height: 2.214em;
}
.k-multiselect-wrap li {
  border-radius: 1.071em;
  margin: 3px 0 3px 3px;
  padding: 0 1.6em 0 0.857em;
  line-height: 1.86em;
}
.k-multiselect-wrap li span {
  margin-right: 0.4em;
}
.k-multiselect-wrap .k-select {
  padding-top: 0;
}
.k-numeric-wrap .k-select {
  vertical-align: baseline;
}
.k-numerictextbox .k-link {
  height: 1.284em;
  line-height: 1.357em;
}
.k-numerictextbox .k-link .k-i-arrow-n {
  vertical-align: bottom;
}
.k-numerictextbox .k-link .k-i-arrow-s {
  vertical-align: top;
}
.k-menu .k-item,
.k-menu.k-header,
.k-widget.k-menu-horizontal > .k-item {
  border-width: 0;
}
.k-popup.k-context-menu {
  border-width: 1px;
  border-style: solid;
}
.k-context-menu.k-menu-vertical > .k-item > .k-link,
.k-menu .k-menu-group .k-item > .k-link {
  padding: 0.5em 4.929em 0.5em 1.714em;
}
.k-menu .k-item > .k-link > .k-i-arrow-e {
  right: 2.143rem;
}
.k-menu .k-animation-container .k-menu-group {
  padding: 1.143em 0;
}
.k-column-menu .k-menu .k-animation-container .k-menu-group {
  padding: 0;
}
.k-column-menu .k-menu-vertical .k-separator {
  height: 0;
}
table.k-editor {
  border-spacing: 0;
}
.k-editor .k-editable-area {
  border-width: 1px 0 0;
}
.k-editor .k-editor-toolbar-wrap {
  padding-left: 10px;
}
.k-toolbar {
  line-height: 3.42em;
}
.k-toolbar > div > label {
  line-height: 3.42em;
}
.k-toolbar .k-overflow-anchor > .k-icon {
  margin-top: -6px;
  margin-bottom: -6px;
}
.k-toolbar .k-dropdown {
  margin-top: -1px;
}
.k-toolbar .k-split-button .k-button {
  padding-top: 10px;
  padding-bottom: 10px;
}
.k-toolbar .k-button-group {
  line-height: 3.286em;
}
.k-toolbar .k-button-group .k-button {
  line-height: inherit;
  padding: 0 0.857em;
}
.k-toolbar .k-input {
  height: 2.214em;
  line-height: 2.214em;
  padding: 0.177em 0;
  text-indent: 0.8em;
  border: 0;
  margin: 0;
}
.k-toolbar .k-overflow-anchor {
  border-width: 0;
  line-height: 3.286em;
  width: 3.42em;
  height: 3.42em;
  padding: 0;
}
.k-overflow-container .k-overflow-button,
.k-split-container .k-button {
  font-size: 1.2em;
}
.k-button-group .k-tool {
  margin: 6px 0;
}
.k-toolbar .k-split-button-arrow {
  padding-left: 0.4em;
  padding-right: 0.4em;
}
.k-editor-toolbar .k-button-group .k-tool-icon,
.k-toolbar .k-button-group .k-tool-icon {
  width: 24px;
  height: 24px;
}
.k-editor-toolbar li.k-overflow-tools,
.k-editor-toolbar li.k-tool-group {
  padding: 0;
}
.k-editor-toolbar .k-button-group .k-tool {
  width: 48px;
  height: 48px;
  line-height: 48px;
  margin: 0;
}
.k-editor-toolbar .k-button-group .k-tool.k-group-end,
.k-editor-toolbar .k-tool {
  border-width: 0;
}
.k-editor-toolbar .k-state-selected {
  font-weight: 700;
}
.k-filebrowser .k-filebrowser-toolbar {
  line-height: 3.5em;
}
.k-filebrowser .k-filebrowser-toolbar .k-upload {
  margin-top: 3px;
}
.k-filebrowser .k-filebrowser-toolbar .k-button-icon {
  margin-top: -3px;
}
.k-filebrowser .k-upload .k-upload-button {
  vertical-align: bottom;
}
.k-filebrowser .k-search-wrap .k-search {
  top: 25%;
  right: 4px;
}
.k-filebrowser .k-search-wrap {
  padding: 2px 0.3em;
}
.k-filebrowser .k-tiles-arrange .k-dropdown {
  width: 80px;
}
.k-draghandle {
  border-width: 2px;
}
span.k-tooltip {
  padding: 9px 17px;
}
.k-block > .k-header,
.k-window-titlebar {
  padding: 0.5em 0 0.571em;
}
.k-window-titlebar .k-window-actions {
  right: 0.929em;
}
div.k-window {
  border-width: 0;
}
.k-window-title {
  right: 1.143em;
  left: 1.143em;
}
div.k-window-content {
  padding: 1.333em;
}
div.editorToolbarWindow.k-window-content {
  padding: 0;
}
.editorToolbarWindow .k-editortoolbar-dragHandle {
  line-height: 30px;
}
.k-file {
  padding: 0.357em 0.167em 0.357em 0.8em;
}
.k-scheduler-table td,
.k-scheduler-table th {
  height: 1.643em;
}
.k-gantt-treelist .k-grid-header tr {
  height: 5.714em;
}
.k-gantt-timeline .k-grid-header tr {
  height: 2.857em;
}
.k-gantt .k-task-summary-complete:after,
.k-gantt .k-task-summary-complete:before,
.k-gantt .k-task-summary:after,
.k-gantt .k-task-summary:before {
  border-width: 0;
}
.k-gantt .k-task {
  border-width: 0;
}
.k-gantt .k-task-actions {
  line-height: 2.429em;
}
.k-gantt .k-task-single {
  margin-top: -0.429em;
}
.k-gantt .k-task-template {
  padding: 0.643em 1.4em 0.643em 0.6em;
}
.k-gantt .k-task-milestone {
  width: 17px;
  height: 17px;
}
.k-gantt .k-task-draghandle {
  margin-left: 24px;
  border-width: 8px;
  border-radius: 0 50% 50% 50%;
  border-style: solid;
  bottom: -11px;
}
.k-gantt .k-gantt-timeline th {
  text-align: left;
}
.k-notification-wrap {
  padding: 1.786em;
}
.k-notification-wrap > .k-i-close {
  top: 21px;
}
.k-slider-track {
  border-width: 0;
}
.k-slider .k-button .k-icon {
  margin-top: 5px;
}
.k-slider-horizontal .k-slider-selection,
.k-slider-horizontal .k-slider-track {
  height: 2px;
  margin-top: -1px;
}
.k-slider-vertical .k-slider-selection,
.k-slider-vertical .k-slider-track {
  width: 2px;
  margin-left: -1px;
}
.k-flatcolorpicker .k-hue-slider .k-draghandle,
.k-flatcolorpicker .k-transparency-slider .k-draghandle,
.k-slider-horizontal .k-draghandle,
.k-slider-vertical .k-draghandle {
  width: 6px;
  height: 6px;
}
.k-flatcolorpicker .k-hue-slider .k-draghandle {
  margin-top: -1px;
}
.k-colorpicker .k-picker-wrap {
  line-height: 2.214em;
}
.k-colorpicker .k-selected-color {
  height: 2.214em;
  padding: 0.177em 0;
}
.k-draghandle.k-state-selected,
.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 {
  width: 10px;
  height: 10px;
}
.k-draghandle.k-state-focused.k-state-selected {
  margin-left: -2px;
}
.k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected,
.k-slider-horizontal .k-draghandle.k-state-selected {
  top: -6px;
}
.k-slider-vertical .k-draghandle.k-state-selected {
  left: -4px;
}
.k-panelbar-collapse,
.k-panelbar-expand {
  right: 16px;
}
.k-header.k-grid-toolbar {
  border-color: #3343a4;
}
.k-grid-toolbar,
.k-grouping-header {
  padding: 0.429em;
}
.k-grouping-header {
  padding-left: 1.286em;
}
.k-grid .k-icon {
  opacity: 0.45;
}
.k-gantt-toolbar,
.k-scheduler-footer .k-scheduler-fullday,
.k-scheduler-toolbar .k-nav-today,
.k-scheduler-toolbar .k-scheduler-views {
  text-transform: uppercase;
}
.k-scheduler-footer .k-icon.k-i-clock {
  display: none;
}
.k-gantt-toolbar > ul > li,
.k-scheduler-toolbar > ul > li {
  border-width: 0 0 2px 0;
}
.k-gantt-toggle,
.k-gantt-toolbar li .k-link,
.k-scheduler-toolbar li .k-link {
  vertical-align: middle;
  line-height: 46px;
}
.k-gantt-toggle {
  padding: 0;
}
.k-gantt-actions {
  vertical-align: middle;
  line-height: 48px;
}
.k-gantt-actions > .k-button {
  vertical-align: middle;
}
.k-gantt-toolbar,
.k-scheduler-footer,
.k-scheduler-toolbar {
  line-height: 44px;
  vertical-align: middle;
}
.k-scheduler-footer {
  padding: 0;
}
.k-popup-edit-form .k-primary {
  float: right;
}
.k-popup-edit-form:after {
  content: " ";
  display: block;
  clear: both;
}
.k-gantt-toolbar,
.k-scheduler-toolbar {
  padding: 0 1.286em;
}
.k-scheduler-navigation {
  margin-left: -0.786em;
}
.k-drag-clue {
  font-size: 1em;
  padding: 0.65em 1em;
}
.k-state-border-down .k-select .k-i-arrow-s {
  background-position: 0 0;
}
.k-grid-header .k-numerictextbox .k-select .k-link span.k-i-arrow-n,
.k-numerictextbox .k-select .k-link span.k-i-arrow-n {
  background-position: 0 -3px;
}
.k-grid-header .k-numerictextbox .k-select .k-link span.k-i-arrow-s,
.k-numerictextbox .k-select .k-link span.k-i-arrow-s {
  background-position: 0 -35px;
}
.k-delete,
.k-group-delete,
.k-i-close {
  background-position: -32px -16px;
}
.k-multiselect .k-delete {
  margin-top: -2px;
}
.k-multiselect .k-button:not(.k-state-disabled):hover .k-delete {
  background-position: -160px -80px;
}
.k-window-titlebar .k-i-maximize,
.k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-maximize {
  background-position: -48px -144px;
}
.k-window-titlebar .k-i-minimize,
.k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-minimize {
  background-position: -80px -288px;
}
.k-window-titlebar .k-i-pin,
.k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-pin {
  background-position: -176px -256px;
}
.k-window-titlebar .k-i-custom,
.k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-custom {
  background-position: -141px -113px;
}
.k-window-titlebar .k-i-refresh,
.k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-refresh {
  background-position: -48px -112px;
}
.k-window-titlebar .k-i-close,
.k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-close {
  background-position: -48px -16px;
}
.k-window-titlebar .k-i-restore,
.k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-restore {
  background-position: -48px -128px;
}
.k-calendar .k-icon.k-i-arrow-w,
.k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-w,
.k-calendar .k-state-hover .k-icon.k-i-arrow-w {
  background-position: -16px -48px;
  opacity: 1;
}
.k-calendar .k-icon.k-i-arrow-e,
.k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-e,
.k-calendar .k-state-hover .k-icon.k-i-arrow-e {
  background-position: -16px -16px;
  opacity: 1;
}
.k-treeview .k-minus {
  background-position: 0 -32px;
}
.k-treeview .k-plus {
  background-position: 0 -16px;
}
.k-treeview .k-loading {
  background-position: 50%;
}
.k-splitbar-horizontal-hover .k-resize-handle {
  background-position: -165px -6px;
}
.k-splitbar-horizontal-hover .k-collapse-next {
  background-position: -5px -142px;
}
.k-splitbar-horizontal-hover .k-collapse-prev {
  background-position: -6px -174px;
}
.k-splitbar-vertical-hover .k-resize-handle {
  background-position: -38px -309px;
}
.k-splitbar-vertical-hover .k-collapse-next {
  background-position: 2px -165px;
}
.k-splitbar-vertical-hover .k-collapse-prev {
  background-position: 2px -134px;
}
.k-splitbar-horizontal.k-state-focused .k-resize-handle {
  background-position: -181px -6px;
}
.k-splitbar-horizontal.k-state-focused .k-collapse-next {
  background-position: -21px -142px;
}
.k-splitbar-horizontal.k-state-focused .k-collapse-prev {
  background-position: -22px -174px;
}
.k-splitbar-vertical.k-state-focused .k-resize-handle {
  background-position: -70px -309px;
}
.k-splitbar-vertical.k-state-focused .k-collapse-next {
  background-position: -14px -165px;
}
.k-splitbar-vertical.k-state-focused .k-collapse-prev {
  background-position: -14px -134px;
}
.k-grid .k-delete {
  background-position: -32px -16px;
}
.k-grid-header .k-i-arrow-n,
.k-grid-header .k-link:not(.k-state-disabled):hover > .k-i-arrow-n {
  background-position: 0 -256px;
}
.k-grid-header .k-i-arrow-s,
.k-grid-header .k-link:not(.k-state-disabled):hover > .k-i-arrow-s {
  background-position: 0 -288px;
}
.k-grid-header .k-grid-filter,
.k-grid-header .k-header-column-menu {
  padding: 0.714em;
  margin: -0.786em -0.6em;
}
.k-grid-header .k-header-column-menu .k-i-arrowhead-s {
  background-position: -64px -32px;
}
.k-header .k-button:hover > .k-i-pdf,
.k-header .k-i-pdf {
  background-position: -80px -80px;
}
.k-header .k-button:hover > .k-i-excel,
.k-header .k-i-excel {
  background-position: -80px -96px;
}
.k-grid-toolbar .k-add,
.k-grid-toolbar .k-button:hover .k-add {
  background-position: -48px -64px;
}
.k-grid-toolbar .k-button:hover .k-update,
.k-grid-toolbar .k-update {
  background-position: -48px -32px;
}
.k-grid-toolbar .k-button:hover .k-cancel,
.k-grid-toolbar .k-cancel {
  background-position: -48px -48px;
}
.k-grouping-header .k-button-icon:hover > .k-icon.k-group-delete,
.k-grouping-header .k-group-delete {
  background-position: -176px -80px;
}
.k-grouping-header .k-link:hover > .k-icon.k-si-arrow-n,
.k-grouping-header .k-si-arrow-n {
  background-position: -16px -288px;
}
.k-grouping-header .k-link:hover > .k-icon.k-si-arrow-s,
.k-grouping-header .k-si-arrow-s {
  background-position: -16px -256px;
}
.k-scheduler .k-state-default .k-link .k-icon.k-i-calendar,
.k-scheduler .k-state-default.k-state-hover .k-link .k-i-calendar {
  background-position: -48px -176px;
}
.k-scheduler .k-i-arrow-e,
.k-scheduler .k-state-hover .k-link .k-i-arrow-e {
  background-position: -16px -16px;
}
.k-scheduler .k-i-arrow-w,
.k-scheduler .k-state-hover .k-link .k-i-arrow-w {
  background-position: -16px -48px;
}
.k-scheduler .k-i-clock,
.k-scheduler .k-state-hover .k-link .k-i-clock {
  opacity: 1;
  background-position: -48px -192px;
}
.k-scheduler .k-link:not(.k-state-disabled):hover > .k-si-close,
.k-scheduler .k-si-close {
  background-position: -176px -80px;
}
.k-scheduler .k-i-refresh {
  background-position: -48px -112px;
}
.k-gantt .k-button:hover .k-i-plus,
.k-gantt .k-i-plus,
.k-gantt .k-link:hover > .k-icon.k-si-arrow-n {
  background-position: -48px -64px;
}
.k-gantt .k-i-collapse {
  background-position: 0 -32px;
}
.k-gantt .k-i-expand {
  background-position: 0 0;
}
.k-gantt .k-button:not(.k-state-disabled):hover .k-i-gantt-toggle,
.k-gantt .k-i-gantt-toggle {
  background-position: -80px -240px;
}
.k-i-arrowhead-s {
  background-position: 0 -288px;
}
.k-button:hover .k-i-arrowhead-s,
.k-item.k-state-hover .k-i-arrowhead-s {
  background-position: -16px -288px;
}
.k-button:hover .k-si-close,
.k-item.k-state-hover .k-si-close,
.k-si-close {
  background-position: -176px -80px;
}
.k-panelbar .k-link.k-state-selected .k-i-arrow-n,
.k-panelbar .k-link:not(.k-state-disabled):hover > .k-i-arrow-n,
.k-pivot .k-link.k-state-selected .k-i-arrow-n,
.k-pivot .k-link:not(.k-state-disabled):hover > .k-i-arrow-n {
  background-position: 0 -192px;
}
.k-panelbar .k-link.k-state-selected .k-i-arrow-s,
.k-panelbar .k-link:not(.k-state-disabled):hover > .k-i-arrow-s,
.k-pivot .k-link.k-state-selected .k-i-arrow-s,
.k-pivot .k-link:not(.k-state-disabled):hover > .k-i-arrow-s {
  background-position: 0 -224px;
}
.k-panelbar .k-link.k-state-selected .k-i-arrow-e,
.k-panelbar .k-link:not(.k-state-disabled):hover > .k-i-arrow-e,
.k-pivot .k-link.k-state-selected .k-i-arrow-e,
.k-pivot .k-link:not(.k-state-disabled):hover > .k-i-arrow-e {
  background-position: 0 -190px;
}
.k-pivot .k-i-arrow-n {
  background-position: 0 -192px;
}
.k-pivot .k-i-arrow-s {
  background-position: 0 -224px;
}
.k-pivot .k-i-arrow-e {
  background-position: 0 -190px;
}
.k-panelbar .k-link > .k-i-arrow-n {
  background-position: 0 -192px;
}
.k-panelbar .k-link > .k-i-arrow-s {
  background-position: 0 -224px;
}
.k-panelbar .k-link > .k-i-arrow-e {
  background-position: 0 -190px;
}
.k-pivot-configurator-settings .k-button:hover .k-si-close,
.k-pivot-configurator-settings .k-item.k-state-hover .k-si-close,
.k-pivot-configurator-settings .k-si-close {
  background-position: -160px -80px;
}
.k-pivot .k-button:not(.k-state-disabled):hover .k-i-arrowhead-s,
.k-pivot .k-header .k-i-arrowhead-s {
  background-position: -16px -288px;
}
.k-pivot .k-button:not(.k-state-disabled):hover .k-si-close,
.k-pivot .k-header .k-si-close {
  background-position: -176px -80px;
}
.k-notification .k-i-note {
  background-position: -176px -240px;
}
.k-checkbox:indeterminate + .k-checkbox-label:before {
  border-width: 2px;
}
.k-checkbox + .k-checkbox-label:before {
  z-index: 1;
}
.k-checkbox:indeterminate + .k-checkbox-label:after {
  width: 10px;
  height: 10px;
  border-width: 0;
  margin-left: 0;
  top: 4px;
  left: 4px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  z-index: 2;
}
.k-radio:checked + .k-radio-label:after {
  top: 4px;
  left: 4px;
}
.k-rtl .k-widget .k-dropdown-wrap,
.k-rtl .k-widget .k-numeric-wrap,
.k-rtl .k-widget .k-picker-wrap {
  padding-left: 2.5em;
}
.k-rtl .k-widget.k-datetimepicker .k-picker-wrap {
  padding-left: 5em;
}
.k-rtl .k-widget.k-datetimepicker .k-picker-wrap .k-icon {
  margin: 0 6px;
}
.k-webkit .k-rtl .k-widget .k-dropdown-wrap .k-input,
.k-webkit .k-rtl .k-widget .k-numeric-wrap .k-input {
  margin-right: 0;
}
.k-rtl .k-calendar .k-icon.k-i-arrow-w,
.k-rtl .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-w,
.k-rtl .k-scheduler .k-i-arrow-w,
.k-rtl .k-scheduler .k-link:not(.k-state-disabled):hover > .k-i-arrow-w,
.k-rtl .k-scheduler .k-state-hover .k-link .k-i-arrow-w {
  background-position: -16px -16px;
}
.k-rtl .k-calendar .k-icon.k-i-arrow-e,
.k-rtl .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-e,
.k-rtl .k-scheduler .k-i-arrow-e,
.k-rtl .k-scheduler .k-link:not(.k-state-disabled):hover > .k-i-arrow-e,
.k-rtl .k-scheduler .k-state-hover .k-link .k-i-arrow-e {
  background-position: -16px -48px;
}
.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 {
  border-radius: 0;
}
.km-pane-wrapper .k-pager-numbers .k-link,
.km-pane-wrapper .k-pager-wrap > .k-link,
.km-pane-wrapper .k-pager-wrap > .k-pager-info {
  padding: 0.571em 0.86em;
}
.km-pane-wrapper .k-pager-numbers .k-state-selected {
  padding: 0.971em 0.86em 0.571em;
}
.km-pane-wrapper .k-pager-numbers .k-link {
  min-width: 2.429em;
}
.km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-bottom: 0;
}
.km-pane-wrapper
  .k-mobile-list
  .k-edit-field.k-scheduler-toolbar
  .k-scheduler-navigation {
  margin-bottom: -0.6em;
}
/*# sourceMappingURL=kendo.common-material.min.css.map */

/* Kendo skin */
.k-theme-test-class,
.ktb-theme-id-material {
  opacity: 0;
}
.ktb-var-accent {
  color: var(--primary-light);
}
.ktb-var-base {
  color: #ffffff;
}
.ktb-var-background {
  color: #ffffff;
}
.ktb-var-border-radius {
  border-radius: 2px;
}
.ktb-var-normal-background {
  color: #ffffff;
}
.ktb-var-normal-gradient {
  background-image: none;
}
.ktb-var-normal-text-color {
  color: #444444;
}
.ktb-var-hover-background {
  color: #ebebeb;
}
.ktb-var-hover-gradient {
  background-image: none;
}
.ktb-var-hover-text-color {
  color: #444444;
}
.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: #ffffff;
  border: 1px solid #e6e6e6;
}
.k-in,
.k-item,
.k-window-action {
  border-color: transparent;
}
/* main colors */
.k-block,
.k-widget {
  background-color: #ffffff;
}
.k-block,
.k-widget,
.k-input,
.k-textbox,
.k-group,
.k-content,
.k-header,
.k-filter-row > th,
.k-editable-area,
.k-separator,
.k-colorpicker .k-i-arrow-s,
.k-textbox > input,
.k-autocomplete,
.k-dropdown-wrap,
.k-toolbar,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-grid-header,
.k-grid-header-wrap,
.k-grid-header-locked,
.k-grid-footer-locked,
.k-grid-content-locked,
.k-grid td,
.k-grid td.k-state-selected,
.k-grid-footer-wrap,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-refresh,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-treemap-tile,
.k-calendar th,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-tiles,
.k-toolbar,
.k-tooltip,
.k-button-group .k-tool,
.k-upload-files {
  border-color: #e6e6e6;
}
.k-group,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-widget .k-status,
.k-calendar th,
.k-dropzone-hovered,
.k-widget.k-popup {
  background-color: var(--primary-light);
}
.k-grouping-row td,
td.k-group-cell,
.k-resize-handle-inner {
  background-color: var(--primary-light);
}
.k-list-container {
  border-color: rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}
.k-content,
.k-editable-area,
.k-panelbar > li.k-item,
.k-panel > li.k-item,
.k-tiles {
  background-color: #ffffff;
}
.k-alt,
.k-separator,
.k-resource.k-alt,
.k-pivot-layout > tbody > tr:first-child > td:first-child {
  background-color: #fafafa;
}
.k-pivot-rowheaders .k-alt .k-alt,
.k-header.k-alt {
  background-color: #e6e6e6;
}
.k-textbox,
.k-autocomplete.k-header,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active {
  border-color: #e6e6e6;
  background-color: #ffffff;
}
.k-textbox > input,
.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-autocomplete.k-state-focused .k-input,
.k-dropdown-wrap.k-state-focused .k-input,
.k-picker-wrap.k-state-focused .k-input,
.k-numeric-wrap.k-state-focused .k-input {
  border-color: #e6e6e6;
}
input.k-textbox,
textarea.k-textbox,
input.k-textbox:hover,
textarea.k-textbox:hover,
.k-textbox > input {
  background: none;
}
.k-input,
input.k-textbox,
textarea.k-textbox,
input.k-textbox:hover,
textarea.k-textbox:hover,
.k-textbox > input,
.k-multiselect-wrap {
  background-color: #ffffff;
  color: #444444;
}
.k-input[readonly] {
  background-color: #ffffff;
  color: #444444;
}
.k-block,
.k-widget,
.k-popup,
.k-content,
.k-toolbar,
.k-dropdown .k-input {
  color: #444444;
}
.k-inverse {
  color: #ffffff;
}
.k-block {
  color: #ffffff;
}
.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover .k-link {
  color: #428bca;
}
.k-tabstrip-items .k-link,
.k-panelbar > li > .k-link {
  color: #444444;
}
.k-header,
.k-treemap-title,
.k-grid-header .k-header > .k-link {
  color: #ffffff;
}
.k-header,
.k-grid-header,
.k-toolbar,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-grouping-header,
.k-pager-wrap,
.k-textbox,
.k-button,
.k-progressbar,
.k-draghandle,
.k-autocomplete,
.k-state-highlight,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.km-pane-wrapper > .km-pane > .km-view > .km-content {
  background-image: none;
  background-position: 50% 50%;
  background-color: var(--primary-light);
}
.k-widget.k-tooltip {
  background-image: none;
}
.k-block,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-button,
.k-draghandle,
.k-treemap-tile,
html .km-pane-wrapper .k-header {
  background-color: var(--primary-light);
}
/* icons */
.k-icon:hover,
.k-state-hover .k-icon,
.k-state-selected .k-icon,
.k-state-focused .k-icon,
.k-column-menu .k-state-hover .k-sprite,
.k-column-menu .k-state-active .k-sprite,
.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 {
  opacity: 1;
}
.k-icon,
.k-state-disabled .k-icon,
.k-column-menu .k-sprite,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar
  > ul.k-scheduler-views
  > li.k-current-view
  > .k-link:after {
  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-icon,
.k-tool-icon,
.k-grouping-dropclue,
.k-drop-hint,
.k-column-menu .k-sprite,
.k-grid-mobile .k-resize-handle-inner:before,
.k-grid-mobile .k-resize-handle-inner:after,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-gantt-views > .k-current-view > .k-link:after {
  background-image: url("/scripts/kendo/styles/Material/sprite.png");
  border-color: transparent;
}
/* IE will ignore the above selectors if these are added too */
.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("/scripts/kendo/styles/Material/sprite.png");
  border-color: transparent;
}
.k-loading,
.k-state-hover .k-loading {
  background-image: url("/scripts/kendo/styles/Material/loading.gif");
  background-position: 50% 50%;
}
.k-loading-image {
  background-image: url("/scripts/kendo/styles/Material/loading-image.gif");
}
.k-loading-color {
  background-color: #ffffff;
}
.k-button {
  color: #444444;
  border-color: #fafafa;
  background-color: #fafafa;
}
.k-draghandle {
  border-color: var(--primary-light);
  background-color: var(--primary-light);
  box-shadow: none;
}
.k-draghandle:hover {
  border-color: var(--primary-light);
  background-color: var(--primary-light);
  box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3);
}
/* Scheduler */
.k-scheduler {
  color: #ffffff;
  background-color: #ffffff;
}
.k-scheduler-layout {
  color: #444444;
}
.k-scheduler-datecolumn,
.k-scheduler-groupcolumn {
  background-color: #ffffff;
  color: #444444;
}
.k-scheduler-times tr,
.k-scheduler-times th,
.k-scheduler-table td,
.k-scheduler-header th,
.k-scheduler-header-wrap,
.k-scheduler-times {
  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: #46b6e9;
  background: #46b6e9 0 -257px none repeat-x;
  color: #ffffff;
}
.k-event-inverse {
  color: #444444;
}
.k-event.k-state-selected {
  background-position: 0 0;
  box-shadow: 0 0 0 2px #444444;
}
.k-event .k-resize-handle:after,
.k-task-single .k-resize-handle:after {
  background-color: #ffffff;
}
.k-scheduler-marquee:before,
.k-scheduler-marquee:after {
  border-color: #ffffff;
}
.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar .k-item {
  background-color: #ffffff;
  color: #444444;
  border-color: #cccccc;
}
.k-panelbar > li > .k-link {
  color: #444444;
}
.k-panelbar > .k-item > .k-link {
  border-color: #cccccc;
}
.k-panel > li.k-item {
  background-color: #ffffff;
}
/* states */
.k-state-active,
.k-state-active:hover,
.k-active-filter,
.k-tabstrip .k-state-active {
  background-color: #ffffff;
  border-color: #cccccc;
  color: #444444;
}
.k-fieldselector .k-list-container {
  background-color: #ffffff;
}
.k-button:focus,
.k-button.k-state-focused {
  border-color: #dbdbdb;
}
.k-button:hover,
.k-button.k-state-hover {
  color: #444444;
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.k-button:active,
.k-button.k-state-active {
  color: #3f51b5;
  background-color: #dbdbdb;
  border-color: #dbdbdb;
}
.k-button:active:hover,
.k-button.k-state-active:hover {
  color: #ffffff;
  border-color: #5c6bc0;
  background-color: #5c6bc0;
}
.k-button:focus:not(.k-state-disabled):not([disabled]) {
  box-shadow: 0 6px 17px 0 #c4c4c4;
}
.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
  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: #ffffff;
  color: #444444;
}
.k-state-focused,
.k-grouping-row .k-state-focused {
  border-color: #67afe9;
}
.k-calendar .k-link {
  color: #444444;
}
.k-calendar .k-footer {
  padding: 0;
}
.k-calendar .k-footer .k-nav-today {
  color: #444444;
  text-decoration: none;
  background-color: #ffffff;
}
.k-calendar .k-footer .k-nav-today:hover,
.k-calendar .k-footer .k-nav-today.k-state-hover {
  background-color: #ffffff;
  text-decoration: underline;
}
.k-calendar .k-footer .k-nav-today:active {
  background-color: #ffffff;
}
.k-calendar .k-link.k-nav-fast {
  color: #444444;
}
.k-calendar .k-nav-fast.k-state-hover {
  text-decoration: none;
  background-color: #ebebeb;
  color: #444444;
}
.k-calendar .k-link.k-state-hover {
  border-radius: 50%;
}
.k-calendar .k-footer .k-link {
  border-radius: 0;
}
.k-calendar th {
  background-color: var(--primary-light);
}
.k-window-titlebar .k-link {
  border-radius: 50%;
}
.k-calendar-container.k-group {
  border-color: rgba(0, 0, 0, 0.2);
}
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-list > .k-state-selected,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color {
  color: #3f51b5;
  background-color: #ffffff;
  border-color: #ffffff;
}
.k-virtual-item.k-first,
.k-group-header + .k-list > .k-item.k-first,
.k-static-header + .k-list > .k-item.k-first {
  border-top-color: #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-state-focused,
.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-listview > .k-state-focused.k-state-selected,
td.k-state-focused,
.k-button.k-state-focused {
  box-shadow: inset 0 0 0 1px #808080;
}
.k-state-focused.k-state-selected,
.k-list > .k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected {
  box-shadow: none;
}
.k-ie8 .k-panelbar span.k-state-focused,
.k-ie8 .k-menu li.k-state-focused,
.k-ie8 .k-listview > .k-state-focused,
.k-ie8 .k-grid-header th.k-state-focused,
.k-ie8 td.k-state-focused,
.k-ie8 .k-tool.k-state-hover,
.k-ie8 .k-button:focus,
.k-ie8 .k-button.k-state-focused,
.k-list > .k-state-selected.k-state-focused,
.k-list-optionlabel.k-state-selected.k-state-focused {
  box-shadow: none;
}
.k-state-selected > .k-link,
.k-panelbar > li > .k-state-selected,
.k-panelbar > li.k-state-default > .k-link.k-state-selected {
  color: #3f51b5;
}
.k-state-hover,
.k-state-hover:hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-list > .k-state-hover,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-pager-wrap .k-link:hover,
.k-dropdown .k-state-focused,
.k-filebrowser-dropzone,
.k-mobile-list .k-item > .k-link:active,
.k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-recur-view .k-check:active {
  color: #444444;
  background-color: #ebebeb;
  border-color: #ebebeb;
}
/* this selector should be used separately, otherwise old IEs ignore the whole rule */
.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
  color: #444444;
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.k-ie8 .k-window-titlebar .k-state-hover {
  border-color: #ebebeb;
}
.k-state-hover > .k-select,
.k-state-focused > .k-select {
  border-color: #ebebeb;
}
.k-button:hover,
.k-button.k-state-hover,
.k-button:focus,
.k-button.k-state-focused,
.k-textbox:hover,
.k-state-hover,
.k-state-hover:hover,
.k-pager-wrap .k-link:hover,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em,
.k-draghandle:hover {
  background-image: none;
}
.k-pager-wrap {
  background-color: var(--primary-light);
  color: #ffffff;
}
.k-autocomplete.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-state-active,
.k-state-active:hover,
.k-state-active > .k-link,
.k-button:active,
.k-panelbar > .k-item > .k-state-focused {
  background-image: none;
}
.k-state-selected,
.k-button:active,
.k-button.k-state-active,
.k-draghandle.k-state-selected:hover {
  background-image: none;
}
.k-button:active,
.k-button.k-state-active,
.k-draghandle.k-state-selected:hover {
  background-position: 50% 50%;
}
.k-tool-icon {
  background-image: url("/scripts/kendo/styles/Material/sprite.png");
}
.k-state-hover > .k-link,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em {
  color: #444444;
}
.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-focused {
  background-color: #ffffff;
  background-image: none;
  background-position: 50% 50%;
  border-color: #ebebeb;
}
.km-pane-wrapper
  .k-mobile-list
  input:not([type="checkbox"]):not([type="radio"]),
.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),
.km-pane-wrapper .k-mobile-list textarea,
.k-dropdown .k-state-focused .k-input {
  color: #444444;
}
.k-dropdown .k-state-hover .k-input {
  color: #444444;
}
.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-tile-empty.k-state-selected,
.k-loading-mask.k-state-selected {
  border-width: 0;
  background-image: none;
  background-color: transparent;
}
.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-button,
.k-other-month,
.k-other-month .k-link,
.k-dropzone em,
.k-dropzone .k-upload-status,
.k-tile-empty strong,
.k-slider .k-draghandle {
  color: #999999;
}
/* Progressbar */
.k-progressbar-indeterminate {
  background: url("/scripts/kendo/styles/Material/indeterminate.gif");
}
.k-progressbar-indeterminate .k-progress-status-wrap,
.k-progressbar-indeterminate .k-state-selected {
  display: none;
}
/* Slider */
.k-slider-track {
  background-color: #e6e6e6;
}
.k-slider-selection {
  background-color: #ffffff;
}
.k-slider-horizontal .k-tick {
  background-image: url("/scripts/kendo/styles/Material/slider-h.gif");
}
.k-slider-vertical .k-tick {
  background-image: url("/scripts/kendo/styles/Material/slider-v.gif");
}
/* Tooltip */
.k-widget.k-tooltip {
  border-color: rgba(100, 100, 100, 0.9);
  background-color: rgba(100, 100, 100, 0.9);
  color: #ffffff;
}
.k-widget.k-tooltip-validation {
  border-color: #fdefba;
  background-color: #fdefba;
  color: #816704;
}
/* Bootstrap theme fix */
.input-prepend .k-tooltip-validation,
.input-append .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;
}
/* Splitter */
.k-splitbar {
  background-color: #fafafa;
}
.k-restricted-size-vertical,
.k-restricted-size-horizontal {
  background-color: #b94a48;
}
/* Upload */
.k-file {
  background-color: #ffffff;
  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;
}
/* ImageBrowser */
.k-tile {
  border-color: #ffffff;
}
.k-textbox:hover,
.k-tiles li.k-state-hover {
  border-color: #ebebeb;
}
.k-tiles li.k-state-selected {
  border-color: #ffffff;
}
.k-filebrowser .k-tile .k-folder,
.k-filebrowser .k-tile .k-file {
  background-image: url("/scripts/kendo/styles/Material/imagebrowser.png");
  background-size: auto auto;
}
/* TreeMap */
.k-leaf,
.k-leaf.k-state-hover:hover {
  color: #fff;
}
.k-leaf.k-inverse,
.k-leaf.k-inverse.k-state-hover:hover {
  color: #000;
}
/* Shadows */
.k-widget,
.k-button {
  box-shadow: none;
}
.k-slider,
.k-treeview,
.k-upload {
  box-shadow: none;
}
.k-state-hover {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
.k-textbox:focus,
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}
.k-state-selected {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.k-state-active {
  box-shadow: none;
}
.k-grid td.k-state-selected.k-state-focused {
  background-color: #ffffff;
}
.k-popup,
.k-menu .k-menu-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-multiselect.k-state-focused,
.k-filebrowser .k-image,
.k-tooltip {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.k-calendar-container.k-popup {
  box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.2);
}
.k-treemap-tile.k-state-hover {
  box-shadow: inset 0 0 0 3px #e6e6e6;
}
/* Window */
.k-window {
  border-color: rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
  background-color: #ffffff;
}
.k-window.k-state-focused {
  border-color: rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
}
.k-window.k-window-maximized,
.k-window-maximized .k-window-titlebar,
.k-window-maximized .k-window-content {
  border-radius: 0;
}
.k-shadow {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.k-inset {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}
/* Selection */
.k-editor-inline ::selection {
  background-color: var(--primary-light);
  text-shadow: none;
  color: #fff;
}
.k-editor-inline ::-moz-selection {
  background-color: var(--primary-light);
  text-shadow: none;
  color: #fff;
}
/* Notification */
.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;
}
/* Gantt */
.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-state-selected,
.k-gantt .k-treelist .k-state-selected td,
.k-gantt .k-treelist .k-alt.k-state-selected,
.k-gantt .k-treelist .k-alt.k-state-selected > td {
  background-color: #ffffff;
}
.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: #444444;
  border-color: #444444;
}
.k-task-dot:hover:after {
  background-color: #ffffff;
}
.k-task-summary {
  border-color: #8ad1f1;
  background: #8ad1f1;
}
.k-task-milestone,
.k-task-summary-complete {
  border-color: #444444;
  background: #444444;
}
.k-state-selected.k-task-summary {
  border-color: #8ad1f1;
  background: #8ad1f1;
}
.k-state-selected.k-task-milestone,
.k-state-selected .k-task-summary-complete {
  border-color: #ffffff;
  background: #ffffff;
}
.k-task-single {
  background-color: #66c3ed;
  border-color: #46b6e9;
  color: #ffffff;
}
.k-state-selected.k-task-single {
  border-color: #ffffff;
}
.k-line {
  background-color: #444444;
  color: #444444;
}
.k-state-selected.k-line {
  background-color: #ffffff;
  color: #ffffff;
}
.k-resource {
  background-color: #ffffff;
}
/* PivotGrid */
.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("/scripts/kendo/styles/Material/sprite_kpi.png");
}
/* Border radius */
.k-block,
.k-button,
.k-textbox,
.k-drag-clue,
.k-touch-scrollbar,
.k-window,
.k-window-titleless .k-window-content,
.k-window-action,
.k-inline-block,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-autocomplete,
.k-multiselect,
.k-combobox,
.k-dropdown,
.k-dropdown-wrap,
.k-datepicker,
.k-timepicker,
.k-colorpicker,
.k-datetimepicker,
.k-notification,
.k-numerictextbox,
.k-picker-wrap,
.k-numeric-wrap,
.k-colorpicker,
.k-list-container,
.k-calendar-container,
.k-calendar td,
.k-calendar .k-link,
.k-treeview .k-in,
.k-editor-inline,
.k-tooltip,
.k-tile,
.k-slider-track,
.k-slider-selection,
.k-upload {
  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-split-button .k-button,
.k-rtl .k-toolbar .k-button-group .k-group-start {
  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-calendar-container.k-state-border-up,
.k-list-container.k-state-border-up,
.k-autocomplete.k-state-border-up,
.k-multiselect.k-state-border-up,
.k-dropdown-wrap.k-state-border-up,
.k-picker-wrap.k-state-border-up,
.k-numeric-wrap.k-state-border-up,
.k-window-content,
.k-filter-menu {
  border-radius: 0 0 2px 2px;
}
.k-autocomplete.k-state-border-up .k-input,
.k-dropdown-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,
.k-numeric-wrap.k-state-border-up .k-input {
  border-radius: 0 0 0 2px;
}
.k-multiselect.k-state-border-up .k-multiselect-wrap {
  border-radius: 0 0 2px 2px;
}
.k-window-titlebar,
.k-block > .k-header,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.k-tabstrip-items .k-link,
.k-calendar-container.k-state-border-down,
.k-list-container.k-state-border-down,
.k-autocomplete.k-state-border-down,
.k-multiselect.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down,
.k-numeric-wrap.k-state-border-down {
  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-picker-wrap .k-input,
.k-numeric-wrap .k-input {
  border-radius: 1px 0 0 1px;
}
.k-rtl .k-dropdown-wrap .k-input,
.k-rtl .k-picker-wrap .k-input,
.k-rtl .k-numeric-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-picker-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-selected-color,
.k-numeric-wrap.k-state-border-down .k-input {
  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-dropdown-wrap .k-select,
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-datetimepicker .k-select + .k-select,
.k-list-container.k-state-border-right {
  border-radius: 0 2px 2px 0;
}
.k-rtl .k-dropdown-wrap .k-select,
.k-rtl .k-picker-wrap .k-select,
.k-rtl .k-numeric-wrap .k-select,
.k-rtl .k-datetimepicker .k-select + .k-select,
.k-rtl .k-list-container.k-state-border-right {
  border-radius: 2px 0 0 2px;
}
.k-numeric-wrap.k-expand-padding .k-input {
  border-radius: 2px;
}
.k-textbox > input,
.k-autocomplete .k-input,
.k-multiselect-wrap {
  border-radius: 1px;
}
.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-selected,
.k-fieldselector .k-list .k-item,
.k-list-optionlabel,
.k-dropzone {
  border-radius: 1px;
}
.k-slider .k-button,
.k-grid .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-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today,
.k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link,
.k-edit-field > .k-scheduler-navigation {
  border-radius: 2px;
}
.k-scheduler-toolbar .k-nav-next,
.k-scheduler-toolbar ul + ul li:last-child,
.k-scheduler-toolbar .k-nav-next .k-link,
.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 ul + ul li:last-child,
.k-rtl .k-scheduler-toolbar .k-nav-next .k-link,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
  border-radius: 2px 0 0 2px;
}
.k-scheduler div.k-scheduler-footer ul li,
.k-scheduler div.k-scheduler-footer .k-link {
  border-radius: 2px;
}
.k-more-events,
.k-event,
.k-task-single,
.k-task-complete,
.k-event .k-link {
  border-radius: 1px;
}
.k-scheduler-mobile .k-event {
  border-radius: 0px;
}
/* Adaptive Grid */
.k-grid-mobile .k-column-active + th.k-header {
  border-left-color: #444444;
}
html .km-pane-wrapper .km-widget,
.k-ie .km-pane-wrapper .k-widget,
.k-ie .km-pane-wrapper .k-group,
.k-ie .km-pane-wrapper .k-content,
.k-ie .km-pane-wrapper .k-header,
.k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button,
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-label,
.km-pane-wrapper .k-mobile-list .k-edit-field {
  color: #444444;
}
@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
  div.km-pane-wrapper a {
    color: #444444;
  }
}
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
  background-color: #ffffff;
  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: #ffffff;
  border-top-color: #ffffff;
}
.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 {
  box-shadow: inset 0 -1px 0 #e7e7e7;
}
.km-pane-wrapper .k-mobile-list > ul > li > .k-link,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3),
.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child {
  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 {
  box-shadow: 0 1px 1px #e7e7e7;
}
.km-actionsheet .k-grid-delete,
.km-actionsheet .k-scheduler-delete,
.km-pane-wrapper .k-scheduler-delete,
.km-pane-wrapper .k-filter-menu .k-button[type="reset"] {
  color: #fff;
  border-color: #eed3d7;
  background-color: red;
  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-scheduler-delete:active,
.km-pane-wrapper .k-filter-menu .k-button[type="reset"]:active {
  background-color: #990000;
}
/* /Column Menu */
.k-autocomplete.k-state-default,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default {
  background-image: none;
  background-position: 50% 50%;
  background-color: #fafafa;
  border-color: #f0f0f0;
}
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
  background-color: #ffffff;
  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-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused {
  background-color: #ffffff;
  background-image: none;
  background-position: 50% 50%;
  border-color: #f5f5f5;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}
.k-list-container {
  color: #444444;
}
.k-dropdown .k-input,
.k-dropdown .k-state-focused .k-input,
.k-menu .k-popup {
  color: #444444;
}
.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 {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}
.k-tabstrip-items .k-state-default .k-link,
.k-panelbar > li.k-state-default > .k-link {
  color: #ffffff;
}
.k-tabstrip-items .k-state-hover .k-link,
.k-panelbar > li.k-state-hover > .k-link,
.k-panelbar > li.k-state-default > .k-link.k-state-hover {
  color: #444444;
}
.k-panelbar > li > .k-state-focused.k-state-hover {
  background: #ebebeb;
  box-shadow: none;
}
.k-tabstrip-items .k-state-default,
.k-panelbar .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: #ffffff;
  color: #444444;
}
.k-menu.k-header,
.k-menu .k-item {
  border-color: #e6e6e6;
}
.k-column-menu,
.k-column-menu .k-item,
.k-overflow-container .k-overflow-group {
  border-color: #cccccc;
}
.k-overflow-container .k-overflow-group {
  box-shadow: inset 0 1px 0 #ffffff, 0 1px 0 #ffffff;
}
.k-toolbar-first-visible.k-overflow-group,
.k-overflow-container .k-overflow-group + .k-overflow-group {
  box-shadow: 0 1px 0 #ffffff;
}
.k-toolbar-last-visible.k-overflow-group {
  box-shadow: inset 0 1px 0 #ffffff;
}
.k-column-menu .k-separator {
  border-color: #cccccc;
  background-color: transparent;
}
.k-menu .k-group {
  border-color: rgba(0, 0, 0, 0.2);
}
.k-grid-filter.k-state-active {
  background-color: #ffffff;
}
.k-grouping-row td,
.k-group-footer td,
.k-grid-footer td {
  color: #ffffff;
  border-color: #cccccc;
  font-weight: bold;
}
.k-grouping-header {
  color: #ffffff;
}
.k-header,
.k-grid-header-wrap,
.k-grid .k-grouping-header,
.k-grid-header,
.k-pager-wrap,
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-link,
.k-grouping-header .k-group-indicator,
.k-gantt-toolbar .k-state-default {
  border-color: #cccccc;
}
.k-primary,
.k-overflow-container .k-primary {
  color: #ffffff;
  border-color: var(--primary-light);
  background-image: none;
  background-position: 50% 50%;
  background-color: var(--primary-light);
  box-shadow: none;
}
.k-primary:focus,
.k-primary.k-state-focused {
  color: #ffffff;
  border-color: #eff8ff;
  background-image: none;
  box-shadow: 0 0 8px 0 #cfe6f8;
}
.k-primary:hover {
  color: #ffffff;
  border-color: #5c6bc0;
  background-image: none;
  background-color: #5c6bc0;
  box-shadow: none;
}
.k-primary:focus:active:not(.k-state-disabled):not([disabled]),
.k-primary:focus:not(.k-state-disabled):not([disabled]) {
  box-shadow: 0 0 8px 0 #cfe6f8;
}
.k-primary:active {
  color: #ffffff;
  border-color: #283593;
  background-image: none;
  background-color: #283593;
  box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
}
.k-primary.k-state-disabled,
.k-state-disabled .k-primary,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary:hover,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary:active,
.k-primary.k-state-disabled:active {
  color: #a8a8a8;
  border-color: #eaeaea;
  background-color: #eaeaea;
  background-image: none;
  box-shadow: none;
}
.k-pager-numbers .k-link,
.k-treeview .k-in {
  border-color: transparent;
}
.k-treeview .k-icon,
.k-scheduler-table .k-icon,
.k-grid .k-hierarchy-cell .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: none;
}
.k-split-button:focus {
  background-color: #dbdbdb;
}
.k-split-button:focus > .k-button {
  background: transparent;
  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;
  box-shadow: 0 6px 17px 0 #c4c4c4;
}
.k-checkbox-label:before {
  border-color: #7f7f7f;
  background: #ffffff;
  border-radius: 1px;
}
.k-checkbox-label:hover:before,
.k-checkbox:checked + .k-checkbox-label:hover:before {
  border-color: #7f7f7f;
  box-shadow: none;
}
.k-checkbox:checked + .k-checkbox-label:before {
  background-color: var(--primary-light);
  border-color: var(--primary-light);
  color: #ffffff;
}
.k-checkbox-label:active:before {
  box-shadow: none;
  border-color: #7f7f7f;
}
.k-checkbox:checked + .k-checkbox-label:active:before {
  box-shadow: none;
  border-color: #7f7f7f;
}
.k-checkbox:disabled + .k-checkbox-label {
  color: #c0c0c0;
}
.k-checkbox:disabled + .k-checkbox-label:hover:before {
  box-shadow: none;
}
.k-checkbox:disabled + .k-checkbox-label:before,
.k-checkbox:checked:disabled + .k-checkbox-label:before,
.k-checkbox:checked:disabled + .k-checkbox-label:active:before,
.k-checkbox:checked:disabled + .k-checkbox-label:hover:before {
  color: #c0c0c0;
  background: #f5f5f5;
  border-color: #bfbfbf;
  border-radius: 1px;
}
.k-checkbox:focus + .k-checkbox-label:before {
  border-color: #7f7f7f;
  box-shadow: none;
}
.k-checkbox:indeterminate + .k-checkbox-label:after {
  background-color: var(--primary-light);
  background-image: none;
  border-color: var(--primary-light);
  border-radius: 0px;
}
.k-checkbox:indeterminate:hover + .k-checkbox-label:after {
  border-color: var(--primary-light);
  background-color: var(--primary-light);
}
.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 {
  box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
}
.k-checkbox + .k-checkbox-label:active:after {
  box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
}
.k-checkbox:checked + .k-checkbox-label:active:after {
  box-shadow: 0 0 0 12px rgba(27, 163, 225, 0.3);
}
.k-checkbox:indeterminate + .k-checkbox-label:before {
  border-color: var(--primary-light);
}
.k-radio-label:before {
  border-color: #7f7f7f;
  border-radius: 50%;
  background-color: #ffffff;
  border-width: 2px;
}
.k-radio-label:hover:before,
.k-radio:checked + .k-radio-label:hover:before {
  border-color: #7f7f7f;
  box-shadow: none;
}
.k-radio:checked + .k-radio-label:after {
  background-color: var(--primary-light);
  border-radius: 50%;
}
.k-radio-label:active:before {
  border-color: #54bbea;
  box-shadow: 0 0 2px 0 #54bbea;
}
.k-radio:checked + .k-radio-label:active:before {
  box-shadow: 0 0 2px 0 #54bbea;
  border-color: #54bbea;
}
.k-radio:disabled + .k-radio-label {
  color: #bfbfbf;
}
.k-radio:disabled + .k-radio-label:before,
.k-radio:disabled + .k-radio-label:active:before,
.k-radio:disabled + .k-radio-label:hover:after,
.k-radio:disabled + .k-radio-label:hover:before {
  background: #ffffff;
  border-color: #bfbfbf;
  box-shadow: none;
}
.k-radio:focus + .k-radio-label:before {
  border-color: #54bbea;
  box-shadow: 0 0 2px 0 #54bbea;
}
.k-radio:checked + .k-radio-label:before,
.k-radio:checked + .k-radio-label:hover:before {
  border-color: var(--primary-light);
}
.k-radio + .k-radio-label:active:before {
  border-color: #7f7f7f;
  box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
}
.k-radio:checked + .k-radio-label:active:before {
  box-shadow: 0 0 0 12px rgba(27, 163, 225, 0.3);
}
.k-radio:focus + .k-radio-label:before {
  border-color: #7f7f7f;
  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-icon:not(.k-loading),
  .k-grouping-dropclue,
  .k-drop-hint,
  .k-callout,
  .k-tool-icon,
  .k-state-hover .k-tool-icon,
  .k-state-active .k-tool-icon,
  .k-state-active.k-state-hover .k-tool-icon,
  .k-state-selected .k-tool-icon,
  .k-state-selected.k-state-hover .k-tool-icon,
  .k-column-menu .k-sprite,
  .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("/scripts/kendo/styles/Material/sprite_2x.png");
    background-size: 340px 336px;
  }
  .k-dropdown-wrap .k-input,
  .k-picker-wrap .k-input,
  .k-numeric-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("/scripts/kendo/styles/Material/sprite_kpi_2x.png");
    background-size: 96px 16px;
  }
}
@media screen and (-ms-high-contrast: active) {
  .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused,
  .k-editor-toolbar-wrap .k-button-group .k-tool:focus {
    border-color: #fff;
  }
}
/* Responsive styles */
@media only screen and (max-width: 1024px) {
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .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-pager-numbers .k-current-page .k-link,
  .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 {
    background-image: none;
    background-position: 50% 50%;
    background-color: #fafafa;
    border-color: #e6e6e6;
  }
  .k-webkit .k-pager-numbers .k-current-page .k-link,
  .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 {
    border-color: #cccccc;
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .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 {
    border-radius: 2px;
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .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 {
    border-radius: 0;
  }
  .k-webkit
    .k-scheduler-toolbar
    > ul.k-scheduler-views.k-state-expanded
    > li.k-current-view,
  .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 {
    border-radius: 1px 1px 0 0;
  }
  .k-webkit .k-scheduler-toolbar > ul li:first-child,
  .k-ff .k-scheduler-toolbar > ul li:first-child,
  .k-ie11 .k-scheduler-toolbar > ul li:first-child,
  .k-safari .k-scheduler-toolbar > ul li:first-child,
  .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-ff .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-safari .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
    border-radius: 0;
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
  .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-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link {
    border-radius: 0 0 1px 1px;
  }
  .k-webkit .k-pager-numbers .k-current-page .k-link:hover,
  .k-ff .k-pager-numbers .k-current-page .k-link:hover,
  .k-ie11 .k-pager-numbers .k-current-page .k-link:hover,
  .k-safari .k-pager-numbers .k-current-page .k-link:hover,
  .k-webkit
    .k-scheduler-toolbar
    > ul.k-scheduler-views
    > li.k-current-view:hover,
  .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 {
    border-color: #ebebeb;
    background-image: none;
    background-color: #ebebeb;
  }
  .k-webkit
    .k-scheduler-toolbar
    > ul.k-scheduler-views
    > li.k-current-view
    > .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
    > .k-link,
  .k-safari
    .k-scheduler-toolbar
    > ul.k-scheduler-views
    > li.k-current-view
    > .k-link {
    color: #444444;
    min-width: 75px;
  }
  .k-webkit
    .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: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 {
    color: #444444;
  }
  .k-webkit .k-pager-numbers .k-current-page .k-link:after,
  .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-scheduler-views > li.k-state-selected > .k-link:after,
  .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 {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    right: 0.333em;
    width: 1.333em;
    height: 1.333em;
  }
  .k-webkit .k-pager-numbers.k-state-expanded,
  .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-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .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 {
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #cccccc;
    background-color: var(--primary-light);
    border-radius: 2px 2px 0 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .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 {
    border-width: 1px;
    background-image: none;
    border-radius: 2px;
  }
  .k-webkit .k-pager-numbers .k-state-selected,
  .k-ff .k-pager-numbers .k-state-selected,
  .k-ie11 .k-pager-numbers .k-state-selected,
  .k-safari .k-pager-numbers .k-state-selected,
  .k-webkit .k-pager-numbers .k-link,
  .k-ff .k-pager-numbers .k-link,
  .k-ie11 .k-pager-numbers .k-link,
  .k-safari .k-pager-numbers .k-link {
    border-radius: 1px;
  }
  .k-webkit .k-gantt-toolbar > ul.k-gantt-views,
  .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 {
    top: 0;
  }
}
.k-button:hover .k-icon,
.k-tool-icon:hover,
.k-state-hover .k-tool-icon,
.k-state-selected .k-tool-icon,
.k-state-focused .k-tool-icon,
.k-button:hover .k-tool-icon,
.k-splitbar.k-splitbar-horizontal-hover .k-icon,
.k-splitbar.k-splitbar-vertical-hover .k-icon,
div.k-splitbar.k-state-focused .k-icon,
.k-textbox:hover > .k-icon,
.k-grouping-header .k-group-delete,
.k-grouping-header .k-button-icon:hover > .k-icon.k-group-delete,
.k-grouping-header .k-si-arrow-n,
.k-grouping-header .k-link:hover > .k-icon.k-si-arrow-n,
.k-grouping-header .k-si-arrow-s,
.k-grouping-header .k-link:hover > .k-icon.k-si-arrow-s,
.k-grid-toolbar .k-i-pdf,
.k-grid-toolbar .k-button:hover > .k-i-pdf,
.k-grid-toolbar .k-i-excel,
.k-grid-toolbar .k-button:hover > .k-i-excel,
.k-grid-toolbar .k-icon,
.k-scheduler-toolbar .k-icon,
.k-scheduler-footer .k-icon,
.k-scheduler-content .k-icon,
.k-gantt-toolbar .k-icon,
.k-field-actions .k-icon,
.k-notification .k-icon,
.k-pivot-configurator-settings .k-icon:hover,
.k-window-titlebar .k-icon {
  opacity: 1;
}
.k-tool-icon,
.k-splitbar .k-icon,
.k-pivot-configurator-settings .k-icon {
  opacity: 0.7;
}
.k-pager-wrap .k-link.k-state-disabled .k-icon {
  opacity: 0.25;
}
.k-button,
.k-button:hover,
.k-button.k-state-hover,
.k-button.k-state-focused,
.k-button:focus,
.k-button:focus:not(.k-state-disabled):not([disabled]) {
  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:active,
.k-button.k-state-active,
.k-button:focus,
.k-button.k-state-focused {
  color: #444444;
  background-color: #dbdbdb;
  border-color: #dbdbdb;
}
.k-button:active:hover,
.k-button.k-state-active:hover {
  color: #444444;
  border-color: #dbdbdb;
  background-color: #dbdbdb;
  box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.3);
}
.k-button:hover,
.k-button.k-state-hover,
.k-button:active:hover,
.k-button.k-state-active:hover {
  color: #444444;
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.k-primary:active,
.k-primary.k-state-active,
.k-primary:focus,
.k-primary.k-state-focused {
  color: #ffffff;
  border-color: #283593;
  background-image: none;
  background-color: #283593;
  box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
}
.k-primary:hover,
.k-primary.k-state-hover,
.k-primary:active:hover,
.k-primary.k-state-active:hover {
  color: #ffffff;
  border-color: #5c6bc0;
  background-color: #5c6bc0;
}
.k-primary:focus:not(.k-state-disabled):not([disabled]),
.k-primary:focus:active:not(.k-state-disabled):not([disabled]) {
  box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
}
.k-primary.k-state-disabled,
.k-state-disabled .k-primary,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary:hover,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary:active,
.k-primary.k-state-disabled:active {
  color: #a8a8a8;
  border-color: #eaeaea;
  background-color: #eaeaea;
  background-image: none;
  box-shadow: none;
}
.k-widget .k-button:active,
.k-widget .k-button.k-state-active {
  color: #444444;
  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: #ffffff;
}
.k-widget .k-button:active:hover,
.k-widget .k-button.k-state-active:hover {
  color: #444444;
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.k-button[disabled],
.k-button.k-state-disabled,
.k-state-disabled .k-button,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:active,
.k-button.k-state-disabled:active,
.k-button.k-state-disabled:active:hover {
  color: #999999;
  border-color: #fafafa;
  background-color: #fafafa;
  background-image: 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-timepicker,
.k-datetimepicker {
  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-picker-wrap.k-state-active .k-input,
.k-numeric-wrap.k-state-active .k-input {
  background-color: #ffffff;
}
.k-picker-wrap.k-state-hover > .k-select,
.k-picker-wrap.k-state-focused > .k-select {
  border-color: #ffffff;
}
.k-picker-wrap.k-state-hover .k-input,
.k-picker-wrap.k-state-focused .k-input {
  background-color: #ffffff;
}
.k-textbox:hover,
.k-overflow-anchor:hover,
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
  background-color: #ffffff;
  border-color: #f5f5f5;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}
.k-textbox:focus,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused {
  background-color: #ebebeb;
  background-image: none;
  background-position: 50% 50%;
  border-color: #ebebeb;
  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-textbox:focus,
.k-autocomplete.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-multiselect.k-header.k-state-active {
  background-color: #ffffff;
  background-image: none;
  background-position: 50% 50%;
  border-color: #f5f5f5;
  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-picker-wrap.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-dropdown-wrap.k-state-disabled,
.k-multiselect.k-header.k-state-disabled {
  background-color: #fafafa;
}
.k-numeric-wrap.k-state-disabled .k-select {
  border-color: #fafafa;
}
.k-numerictextbox .k-select {
  background-color: #ffffff;
  border-color: #ffffff;
}
.k-list > .k-state-selected.k-state-focused {
  box-shadow: none;
  color: #3f51b5;
}
.k-list > .k-state-selected {
  box-shadow: none;
}
.k-list > .k-state-focused {
  border-color: transparent;
  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 {
  box-shadow: inset 0 0 0 1px #808080;
}
.k-calendar td.k-state-focused,
.k-calendar td.k-state-selected.k-state-focused {
  box-shadow: inset 0 0 0 1px #808080;
}
.k-calendar td.k-state-selected {
  background-color: #00b0ff;
  box-shadow: none;
}
.k-calendar td.k-state-selected.k-state-hover {
  background-color: #00a2eb;
}
.k-calendar .k-state-selected > .k-link {
  color: #ffffff;
}
/* Calendar */
.k-calendar .k-header .k-link {
  color: #ffffff;
}
.k-calendar .k-footer {
  border-color: #e6e6e6;
}
.k-calendar td {
  border-radius: 50%;
}
.k-calendar .k-content th {
  background-color: #ffffff;
}
.k-calendar .k-header .k-state-hover {
  background-color: #1682b3;
}
.k-calendar .k-footer .k-nav-today {
  color: var(--primary-light);
}
.k-calendar .k-nav-fast.k-state-hover {
  border-radius: 0;
}
.k-calendar .k-today {
  background-color: var(--primary-light);
}
.k-calendar .k-today .k-link {
  color: #ffffff;
}
.k-calendar .k-today.k-state-hover {
  background-color: #1682b3;
}
.k-calendar .k-today:active {
  box-shadow: inset 0 0 0 1px #13729d;
}
.k-calendar .k-link.k-state-hover,
.k-window-titlebar .k-link {
  box-shadow: none;
}
.k-window-titlebar .k-state-hover {
  background-color: #5c6bc0;
  border-color: #5c6bc0;
}
/* TabStrip */
.k-tabstrip > .k-tabstrip-items > .k-item {
  border-radius: 0;
}
.k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-items .k-state-active {
  background-color: var(--primary-light);
  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: #ffffff;
}
/* Menu */
.k-group,
.k-flatcolorpicker.k-group,
.k-menu,
.k-menu .k-group,
.k-popup.k-widget.k-context-menu {
  color: #444444;
  background-color: #ffffff;
}
.k-menu .k-group,
.k-popup.k-context-menu.k-group {
  border-color: #e6e6e6;
}
.k-menu.k-header,
.k-menu .k-item,
.k-widget.k-menu-horizontal > .k-item {
  box-shadow: none;
}
.k-menu .k-state-active,
.k-popup.k-context-menu.k-group .k-state-hover {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
/* Toolbar */
.k-toolbar {
  background-color: #fafafa;
  border-color: #e6e6e6;
}
.k-toolbar .k-button {
  box-shadow: none;
}
.k-grid .k-header .k-button,
.k-scheduler .k-header .k-button,
.k-scheduler .k-header li,
.k-scheduler .k-header .k-link,
.k-gantt > .k-header li,
.k-gantt > .k-header .k-link,
.k-gantt-toolbar .k-button,
.km-pane-wrapper .k-header .k-button {
  color: #ffffff;
  background-color: var(--primary-light);
  border-color: var(--primary-light);
  box-shadow: none;
}
.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,
.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-gantt .k-gantt-toolbar .k-button:hover,
.km-pane-wrapper .k-header .k-button:hover {
  background-color: #5c6bc0;
  border-color: #5c6bc0;
}
.km-pane-wrapper .k-header .k-button:active:hover {
  color: #ffffff;
}
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-gantt-toolbar .k-button {
  background-color: var(--primary-light);
  border-color: var(--primary-light);
}
.k-gantt .k-gantt-toolbar .k-button:active {
  background: #ffffff;
  box-shadow: none;
}
.k-gantt-toolbar > .k-gantt-views > li.k-state-selected,
.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-selected.k-state-hover,
.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%;
}
/* Grid */
.k-grid .k-alt {
  background-color: #ffffff;
}
.k-grouping-row td,
td.k-group-cell,
.k-resize-handle-inner {
  color: #444444;
  background-color: #fafafa;
}
.k-grouping-header .k-group-indicator,
.k-pivot-toolbar .k-button {
  color: #ffffff;
  background-color: #1682b3;
  border-color: #1682b3;
  box-shadow: none;
}
.k-grid-header,
.k-grid-header .k-header,
.k-pager-wrap,
.k-pager-numbers .k-state-selected,
.k-grid-footer,
.k-grid-footer td,
.k-scheduler-header,
.km-pane-wrapper .k-grid-header .k-header {
  color: #444444;
  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-header,
.k-grid-header-wrap,
.k-grid .k-grouping-header,
.k-grid-header,
.k-pager-wrap,
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-link,
.k-gantt-toolbar .k-state-default,
.k-grouping-row td,
.k-group-footer td,
.k-grid-footer td {
  border-color: #e6e6e6;
}
.k-group-footer td,
.k-footer-template td,
.k-fieldselector .k-item.k-header {
  color: #444444;
  background-color: #fafafa;
}
.k-grid .k-grouping-header {
  color: rgba(255, 255, 255, 1);
}
.k-pager-wrap,
.k-editor-toolbar {
  color: #444444;
}
.k-grouping-header .k-link,
.k-grouping-header .k-link:link {
  color: #ffffff;
}
.k-scheduler-layout .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-grid tr.k-state-selected,
.k-grid td.k-state-selected,
.k-grid td.k-state-selected.k-state-focused,
.k-marquee-color,
.k-gantt .k-treelist .k-state-selected,
.k-gantt .k-treelist .k-state-selected td,
.k-gantt .k-treelist .k-alt.k-state-selected,
.k-gantt .k-treelist .k-alt.k-state-selected > td,
.k-listview > .k-state-selected,
.k-state-selected.k-line {
  background-color: #00b0ff;
}
.k-state-selected.k-line {
  color: #00b0ff;
}
.k-grid tr.k-state-selected,
.k-grid td.k-state-selected,
.k-listview > .k-state-selected,
.k-state-selected .k-progress-status {
  color: #ffffff;
}
.k-grid tr:hover {
  background-color: #ebebeb;
}
.k-pivot-rowheaders .k-grid tr:hover {
  background: none;
}
.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-link,
.k-grid-header .k-header,
.k-grid-header .k-link,
.k-grid-header .k-link:link,
.k-pager-info,
.k-scheduler-header,
.k-scheduler-agendaview .k-scheduler-datecolumn {
  color: #a8a8a8;
}
.k-gantt .k-task-draghandle {
  border-color: #00b0ff;
}
.k-grid-pager .k-link,
.k-grid-pager .k-link:link {
  color: #444444;
}
.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;
  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-scheduler-toolbar > ul li:first-child,
.k-scheduler-toolbar > ul li:first-child .k-link,
.k-scheduler-toolbar .k-nav-next,
.k-scheduler-toolbar ul + ul li:last-child,
.k-scheduler-toolbar .k-nav-next .k-link,
.k-scheduler-toolbar ul + ul li:last-child .k-link,
.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 {
  border-radius: 0;
}
.k-grid,
.k-panelbar,
.k-notification,
.k-popup .k-textbox:focus,
.k-popup .k-autocomplete.k-state-focused,
.k-popup .k-picker-wrap.k-state-focused,
.k-popup .k-numeric-wrap.k-state-focused,
.k-popup .k-dropdown-wrap.k-state-focused,
.k-popup .k-multiselect.k-header.k-state-focused,
.k-popup .k-textbox:hover,
.k-popup .k-autocomplete.k-state-hover,
.k-popup .k-picker-wrap.k-state-hover,
.k-popup .k-numeric-wrap.k-state-hover,
.k-popup .k-dropdown-wrap.k-state-hover {
  box-shadow: none;
}
/* PanelBar */
.k-panelbar,
.k-panelbar .k-header,
.k-panelbar .k-content,
.k-panel > li.k-item,
.k-panelbar .k-state-selected {
  background-color: #fafafa;
}
.k-panelbar .k-grid-toolbar {
  background-color: var(--primary-light);
}
.k-panelbar > li.k-state-default > .k-link {
  color: #444444;
}
.k-panelbar > li > .k-state-hover {
  background-color: #ebebeb;
}
.k-panelbar > .k-item > .k-link,
.k-panelbar.k-header,
.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar .k-item {
  border-color: #e6e6e6;
}
/* Splitter */
.k-splitbar {
  border-color: #fafafa;
}
.k-splitbar.k-state-focused {
  background-color: var(--primary-light);
  border-color: var(--primary-light);
  box-shadow: none;
}
/* Upload */
.k-upload {
  color: #444444;
  background-color: #ffffff;
}
.k-upload-files .k-button,
.k-upload-files .k-button:focus,
.k-upload-files .k-button:focus:not(.k-state-disabled):not([disabled]) {
  box-shadow: none;
}
/* Gantt */
.k-task-milestone,
.k-task-summary-complete,
.k-state-selected.k-task-milestone,
.k-state-selected .k-task-summary-complete {
  background-color: var(--primary-light);
  border-color: var(--primary-light);
}
.k-task-single {
  background-color: #66d0ff;
}
.k-task-complete {
  background: #00b0ff 0 -257px none repeat-x;
}
.k-treelist .k-state-selected,
.k-treelist .k-state-selected td,
.k-treelist .k-alt.k-state-selected,
.k-treelist .k-alt.k-state-selected > td {
  background-color: #00b0ff;
  border-color: #00b0ff;
}
.k-multiselect .k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-toolbar .k-button:focus:active: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-gantt-toolbar .k-button:focus:not(.k-state-disabled):not([disabled]),
.k-gantt-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-toolbar .k-button:focus:not(.k-state-disabled):not([disabled]),
.k-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-toolbar .k-button:active:hover,
.k-toolbar .k-button.k-state-active:hover {
  box-shadow: none;
}
.k-multiselect .k-button:active:hover {
  color: #444444;
  background-color: #dbdbdb;
  border-color: #dbdbdb;
}
.k-multiselect-wrap > ul > .k-button {
  box-shadow: none;
}
/* Editor */
table.k-editor {
  border-color: #e6e6e6;
}
.k-editor.k-header,
.editorToolbarWindow.k-header,
.k-filebrowser .k-header {
  background-color: #fafafa;
  box-shadow: none;
}
.k-filebrowser .k-header {
  color: #444444;
}
.k-editor-toolbar .k-tool,
.k-group-start.k-group-end.k-tool {
  border-color: #fafafa;
}
.k-treeview .k-state-selected,
.k-treeview .k-state-focused,
.k-editor-toolbar .k-dropdown,
.k-panelbar > li > .k-state-focused {
  box-shadow: none;
}
.k-treeview .k-state-focused,
.k-panelbar > li > .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-tool.k-state-hover,
.k-editor-toolbar .k-dropdown-wrap.k-state-hover,
.k-toolbar .k-tool.k-state-hover,
.k-toolbar .k-dropdown-wrap.k-state-hover {
  color: #444444;
  border-color: #ebebeb;
  box-shadow: none;
}
.k-editor-toolbar .k-tool.k-state-selected,
.k-toolbar .k-button-group .k-button.k-state-active {
  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;
}
/* Progressbar */
.k-progressbar {
  background-color: #fafafa;
  border-color: #fafafa;
}
.k-progressbar .k-item,
.k-progressbar .k-item.k-state-selected {
  border-color: #ffffff;
}
.k-progressbar .k-state-selected {
  background-color: var(--primary-light);
  border-color: var(--primary-light);
}
.k-widget.k-tooltip-validation {
  box-shadow: none;
}
/* Pivot Grid */
.k-grid.k-alt {
  background-color: #fafafa;
}
.k-gantt .k-treelist .k-alt,
.k-gantt .k-header.k-nonwork-hour {
  background-color: #fafafa;
}
.k-list > .k-state-hover,
.k-list > .k-state-focused {
  color: #444444;
  background-color: #ebebeb;
  border-color: #ebebeb;
}
/* Slider */
.k-slider-track {
  background-color: #cccccc;
  box-shadow: none;
}
.k-slider-selection {
  background-color: var(--primary-light);
  border-color: var(--primary-light);
}
.k-slider .k-button,
.k-slider .k-button.k-state-hover,
.k-slider .k-button:active:hover,
.k-slider .k-button:focus,
.k-slider .k-button:active {
  background: none;
  border: none;
  box-shadow: none;
}
.k-draghandle,
.k-flatcolorpicker .k-slider-horizontal .k-slider-track {
  box-shadow: none;
}
.k-flatcolorpicker .k-hue-slider .k-draghandle,
.k-flatcolorpicker .k-transparency-slider .k-draghandle {
  border-color: var(--primary-light);
  background-color: var(--primary-light);
  box-shadow: none;
}
.k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
.k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
  border-color: var(--primary-light);
  background-color: var(--primary-light);
  box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3);
}
.k-draghandle.k-state-selected,
.k-draghandle.k-state-selected:link,
.k-draghandle.k-state-selected:hover,
.k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected,
.k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-selected {
  background-color: #cccccc;
  border-color: #cccccc;
}
.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 {
  box-shadow: none;
  border-color: var(--primary-light);
  background-color: var(--primary-light);
}
.k-edit-form-container .k-edit-buttons {
  background-color: #fafafa;
}
.k-popup .k-button,
.k-popup .k-button:active:hover {
  box-shadow: none;
}
.k-edit-form-container .k-button,
.k-popup .k-button,
.k-popup .k-primary:active,
.k-popup .k-primary:active:hover,
.k-edit-form-container .k-primary:active {
  color: #444444;
  background-color: #fafafa;
  border-color: #fafafa;
  box-shadow: none;
}
.k-popup .k-primary,
.k-edit-form-container .k-primary {
  color: #00b0ff;
  background-color: #fafafa;
  border-color: #fafafa;
}
.k-split-wrapper .k-button,
.k-overflow-container .k-button,
.k-filter-menu .k-button {
  background: transparent;
  border-color: transparent;
}
.k-split-wrapper .k-button,
.k-overflow-container .k-button {
  text-transform: none;
}
.k-split-wrapper .k-button:hover,
.k-overflow-container .k-button:hover {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.k-split-wrapper .k-button:focus,
.k-overflow-container .k-button:focus,
.k-split-wrapper .k-button:focus:not(.k-state-disabled):not([disabled]),
.k-overflow-container .k-button:focus:not(.k-state-disabled):not([disabled]) {
  color: var(--primary-light);
  box-shadow: none;
}
.k-filter-menu .k-button {
  background: transparent;
  border-color: transparent;
}
.k-filter-menu .k-primary {
  border-left-color: #f0f0f0;
}
.k-filter-menu > div > div:last-child {
  border-color: #f0f0f0;
}
.k-popup .k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-edit-form-container
  .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
  box-shadow: none;
}
.k-edit-form-container .k-scheduler-delete {
  color: #00b0ff;
}
div.k-scheduler-marquee:before,
div.k-scheduler-marquee:after {
  border-color: #00b0ff;
}
.km-pane-wrapper > .km-pane > .km-view > .km-content {
  color: var(--primary-light);
  background-color: #ffffff;
}
.km-pane-wrapper > .km-pane .km-content .k-mobile-list > ul > li > .k-link {
  color: var(--primary-light);
}
.k-popup.k-context-menu {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.k-drag-clue {
  color: #444444;
  background-color: #ebebeb;
  border-color: #ebebeb;
  box-shadow: inset 0 0 0 1px #808080;
}
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
  color: #444444;
}
.k-popup .k-item > .k-group {
  color: #444444;
}
/* Responsive styles */
@media only screen and (max-width: 370px) {
  .k-webkit .k-pager-refresh,
  .k-ff .k-pager-refresh,
  .k-ie11 .k-pager-refresh,
  .k-safari .k-pager-refresh {
    display: none;
  }
}
@media only screen and (max-width: 590px) {
  .k-webkit .k-pager-refresh,
  .k-ff .k-pager-refresh,
  .k-ie11 .k-pager-refresh,
  .k-safari .k-pager-refresh {
    margin-right: 0;
  }
}
@media only screen and (max-width: 530px) {
  .k-webkit .k-pager-sizes,
  .k-ff .k-pager-sizes,
  .k-ie11 .k-pager-sizes,
  .k-safari .k-pager-sizes {
    display: none;
  }
}
@media only screen and (max-width: 687px) {
  .k-webkit .k-pager-info,
  .k-ff .k-pager-info,
  .k-ie11 .k-pager-info,
  .k-safari .k-pager-info {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .k-webkit,
  .k-ff,
  .k-ie11,
  .k-safari {
    /* Responsive Scheduler */
    /* Responsive Pager */
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views,
  .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 {
    right: 13px;
    top: 0;
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
  .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:hover,
  .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 {
    background-image: none;
    background-position: 50% 50%;
    background-color: transparent;
    border-color: transparent;
    border-radius: 2px;
    text-align: right;
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
  .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 {
    border-radius: 0;
  }
  .k-webkit
    .k-scheduler-toolbar
    > ul.k-scheduler-views.k-state-expanded
    > li.k-current-view,
  .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 {
    border-radius: 1px 1px 0 0;
  }
  .k-webkit .k-scheduler-toolbar > ul li:first-child,
  .k-ff .k-scheduler-toolbar > ul li:first-child,
  .k-ie11 .k-scheduler-toolbar > ul li:first-child,
  .k-safari .k-scheduler-toolbar > ul li:first-child,
  .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-ff .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-safari .k-scheduler-toolbar > ul li:first-child .k-link,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
    border-radius: 0;
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
  .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-link,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link {
    border-radius: 0 0 1px 1px;
  }
  .k-webkit
    .k-scheduler-toolbar
    > ul.k-scheduler-views
    > li.k-current-view:hover,
  .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 {
    border-color: transparent;
    background-image: none;
    background-color: transparent;
  }
  .k-webkit
    .k-scheduler-toolbar
    > ul.k-scheduler-views
    > li.k-current-view
    > .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
    > .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-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 {
    color: #ffffff;
    min-width: 20px;
  }
  .k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after,
  .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 {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    right: 0.333em;
    width: 1.333em;
    height: 1.333em;
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .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 {
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: transparent;
    /*@secondary-border-color*/
    background-color: var(--primary-light);
    border-radius: 2px 2px 0 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
  .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 {
    border-width: 1px;
    background-image: none;
    border-radius: 2px;
  }
  .k-webkit .k-pager-wrap .k-pager-nav,
  .k-ff .k-pager-wrap .k-pager-nav,
  .k-ie11 .k-pager-wrap .k-pager-nav,
  .k-safari .k-pager-wrap .k-pager-nav,
  .k-webkit .k-pager-input,
  .k-ff .k-pager-input,
  .k-ie11 .k-pager-input,
  .k-safari .k-pager-input {
    display: inline-block;
    vertical-align: top;
  }
  .k-webkit .k-pager-numbers,
  .k-ff .k-pager-numbers,
  .k-ie11 .k-pager-numbers,
  .k-safari .k-pager-numbers,
  .k-webkit .k-grid .k-pager-numbers,
  .k-ff .k-grid .k-pager-numbers,
  .k-ie11 .k-grid .k-pager-numbers,
  .k-safari .k-grid .k-pager-numbers {
    position: absolute;
    left: 5.6em;
    display: inline-flex;
    flex-direction: column-reverse;
    overflow: visible;
    height: auto;
  }
  .k-webkit .k-pager-numbers.k-state-expanded,
  .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-grid .k-pager-numbers.k-state-expanded,
  .k-ff .k-grid .k-pager-numbers.k-state-expanded,
  .k-ie11 .k-grid .k-pager-numbers.k-state-expanded,
  .k-safari .k-grid .k-pager-numbers.k-state-expanded {
    transform: translatey(-100%);
  }
  .k-webkit .km-pane-wrapper .k-pager-numbers,
  .k-ff .km-pane-wrapper .k-pager-numbers,
  .k-ie11 .km-pane-wrapper .k-pager-numbers,
  .k-safari .km-pane-wrapper .k-pager-numbers,
  .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-ff .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers,
  .k-safari .km-pane-wrapper .k-grid .k-pager-numbers {
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
  }
  .k-webkit .km-pane-wrapper .k-pager-numbers.k-state-expanded,
  .k-ff .km-pane-wrapper .k-pager-numbers.k-state-expanded,
  .k-ie11 .km-pane-wrapper .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-ff .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
  .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
  .k-safari .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded {
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
  .k-webkit .km-pane-wrapper .k-pager-numbers .k-link,
  .k-ff .km-pane-wrapper .k-pager-numbers .k-link,
  .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link,
  .k-safari .km-pane-wrapper .k-pager-numbers .k-link,
  .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected,
  .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected,
  .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected,
  .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected,
  .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link,
  .k-ff .km-pane-wrapper .k-pager-wrap > .k-link,
  .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link,
  .k-safari .km-pane-wrapper .k-pager-wrap > .k-link,
  .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info,
  .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info,
  .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info,
  .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info {
    padding-top: 0;
    padding-bottom: 0;
  }
  .k-webkit .k-rtl .k-pager-numbers,
  .k-ff .k-rtl .k-pager-numbers,
  .k-ie11 .k-rtl .k-pager-numbers,
  .k-safari .k-rtl .k-pager-numbers,
  .k-webkit .k-rtl .k-grid .k-pager-numbers,
  .k-ff .k-rtl .k-grid .k-pager-numbers,
  .k-ie11 .k-rtl .k-grid .k-pager-numbers,
  .k-safari .k-rtl .k-grid .k-pager-numbers {
    right: 5.6em;
    width: 5.15em;
  }
  .k-webkit .k-pager-numbers .k-current-page,
  .k-ff .k-pager-numbers .k-current-page,
  .k-ie11 .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-ff .k-grid .k-pager-numbers .k-current-page,
  .k-ie11 .k-grid .k-pager-numbers .k-current-page,
  .k-safari .k-grid .k-pager-numbers .k-current-page {
    display: block;
    border-left: 0;
  }
  .k-webkit .k-pager-numbers li:not(.k-current-page),
  .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) {
    display: none;
  }
  .k-webkit .k-pager-numbers .k-current-page .k-link,
  .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 {
    width: 3.8em;
    line-height: 2.564em;
    padding: 0 0.429em 0 0.8em;
    border-radius: 2px;
    background-image: none;
    background-position: 50% 50%;
    background-color: #fafafa;
    border: 1px solid transparent;
    border-top: 0;
    box-shadow: 0 2px 2px 0 #fafafa;
  }
  .k-webkit .k-pager-numbers .k-current-page:hover .k-link,
  .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 {
    border-radius: 2px;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    border-top: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
  }
  .k-webkit .k-pager-numbers .k-current-page .k-link:after,
  .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 {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -0.6em;
    right: 0.6em;
    width: 1.333em;
    height: 1.333em;
    background-position: 0 -30px;
  }
  .k-webkit .k-pager-numbers + .k-link,
  .k-ff .k-pager-numbers + .k-link,
  .k-ie11 .k-pager-numbers + .k-link,
  .k-safari .k-pager-numbers + .k-link {
    margin-left: 5.4em;
  }
  .k-webkit .k-rtl .k-pager-numbers + .k-link,
  .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 {
    margin-right: 5.4em;
    margin-left: 0;
  }
  .k-webkit .k-pager-wrap .k-pager-numbers .k-state-selected,
  .k-ff .k-pager-wrap .k-pager-numbers .k-state-selected,
  .k-ie11 .k-pager-wrap .k-pager-numbers .k-state-selected,
  .k-safari .k-pager-wrap .k-pager-numbers .k-state-selected,
  .k-webkit .k-pager-wrap .k-pager-numbers .k-link,
  .k-ff .k-pager-wrap .k-pager-numbers .k-link,
  .k-ie11 .k-pager-wrap .k-pager-numbers .k-link,
  .k-safari .k-pager-wrap .k-pager-numbers .k-link {
    display: block;
    margin-top: 0;
    margin-right: 0;
    padding: 1px 5px 1px 0.8em;
    text-align: left;
    border-top: 0;
  }
  .k-webkit
    .k-pager-wrap
    .k-pager-numbers
    li:not(.k-current-page)
    .k-link:hover,
  .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 {
    background-color: #ebebeb;
  }
  .k-webkit .k-pager-numbers.k-state-expanded,
  .k-ff .k-pager-numbers.k-state-expanded,
  .k-ie11 .k-pager-numbers.k-state-expanded,
  .k-safari .k-pager-numbers.k-state-expanded {
    box-sizing: border-box;
    padding: 2px 0 0;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #ebebeb;
    /*@secondary-border-color*/
    background-color: #ffffff;
    border-radius: 2px 2px 0 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .k-webkit .k-pager-numbers.k-state-expanded .k-current-page,
  .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 {
    margin: -2.2em -1px 0;
    padding: 0;
  }
  .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link,
  .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 {
    border-radius: 0 0 2px 2px;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    border-top: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .k-webkit .k-pager-numbers.k-state-expanded li,
  .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 {
    display: inline-block;
  }
}
@media only screen and (max-width: 755px) {
  .k-webkit .k-pager-info,
  .k-ff .k-pager-info,
  .k-ie11 .k-pager-info,
  .k-safari .k-pager-info {
    display: none;
  }
}
@media only screen and (max-width: 572px) {
  .k-webkit .k-pager-sizes,
  .k-ff .k-pager-sizes,
  .k-ie11 .k-pager-sizes,
  .k-safari .k-pager-sizes {
    display: none;
  }
}
/* Default Theme */
.k-chart .k-mask {
  background-color: #ffffff;
  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 #ffffff;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
  background: #ffffff;
  color: #242424;
}
.k-chart .k-navigator-hint .k-scroll {
  background: var(--primary-light);
  height: 4px;
}
.k-chart-tooltip {
  background-image: none;
}
/* Map */
.k-map .k-marker {
  background-image: url("/scripts/kendo/styles/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("/scripts/kendo/styles/Material/markers_2x.png");
  }
}
.k-map .k-attribution {
  color: #666666;
}
.k-map .k-shadow {
  background-color: #f9f9f9;
  border-color: #f9f9f9;
}
.k-map .k-zoom-control {
  border-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.k-map .k-map-controls .k-button {
  box-shadow: none;
}
.k-map .k-map-controls .k-button:focus,
.k-map .k-map-controls .k-button:active,
.k-map .k-map-controls .k-button:focus:active {
  background-color: #d6d6d6;
  border-color: #d6d6d6;
  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-row-header,
.k-spreadsheet-column-header {
  background-color: #ffffff;
}
.k-spreadsheet-top-corner,
.k-spreadsheet-row-header,
.k-spreadsheet-column-header {
  background-color: #ffffff;
  background-image: none;
  color: #000000;
  border-color: #cccccc;
}
.k-spreadsheet-top-corner {
  border-color: #cccccc;
}
.k-spreadsheet-top-corner:after {
  border-color: transparent #cccccc #cccccc transparent;
}
.k-spreadsheet-pane {
  border-color: #cccccc;
}
.k-spreadsheet-pane .k-spreadsheet-vaxis,
.k-spreadsheet-pane .k-spreadsheet-haxis {
  border-color: #e6e6e6;
}
.k-spreadsheet-pane .k-spreadsheet-column-header,
.k-spreadsheet-pane .k-spreadsheet-row-header {
  border-color: #cccccc;
}
.k-spreadsheet-pane .k-spreadsheet-merged-cell {
  background-color: #ffffff;
}
.k-spreadsheet-pane .k-selection-partial,
.k-spreadsheet-pane .k-selection-full {
  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-partial,
.k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full {
  border-bottom-color: #00b0ff;
}
.k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial,
.k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full {
  border-right-color: #00b0ff;
}
.k-auto-fill,
.k-spreadsheet-selection {
  border-color: #00b0ff;
  box-shadow: inset 0 0 0 1px #ffffff, 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: #ffffff;
}
.k-spreadsheet-active-cell.k-single {
  background-color: #fff;
}
.k-spreadsheet > .k-spreadsheet-formula-bar {
  background-color: #ffffff;
  border-color: #ffffff #ffffff #cccccc;
}
.k-spreadsheet > .k-spreadsheet-formula-bar:before {
  border-color: #cccccc;
}
.k-spreadsheet > .k-spreadsheet-formula-bar:after {
  border-color: #ffffff;
}
.k-spreadsheet .k-spreadsheet-formula-input {
  background-color: #ffffff;
  color: #444444;
}
.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: #ffffff;
}
.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: #ffffff;
  box-shadow: inset 0 0 0 1px #e6e6e6;
}
.k-spreadsheet-filter.k-state-active {
  color: #3f51b5;
  background-color: #00b0ff;
}
.k-spreadsheet-filter:hover {
  color: #444444;
  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-wrapper,
.k-spreadsheet-window .k-list {
  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: var(--primary-light);
  color: #6776ca;
}
.k-spreadsheet-window .k-page-orientation {
  border-color: #e6e6e6;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}
.k-spreadsheet-window .k-page-orientation:before {
  background: #ffffff;
  border-color: transparent;
  border-bottom-color: #e6e6e6;
  border-left-color: #e6e6e6;
}
.k-spreadsheet-window .k-margins-horizontal,
.k-spreadsheet-window .k-margins-vertical {
  background: transparent;
  border-color: #e6e6e6;
}
.k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button {
  border-radius: 2px;
}
.k-spreadsheet-toolbar > .k-widget,
.k-spreadsheet-toolbar > .k-button,
.k-spreadsheet-toolbar > .k-button-group {
  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: #ffffff;
}
.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: #ffffff;
}
.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
  background-color: #ffffff;
  border-color: #e6e6e6;
  border-radius: 2px 0 0 2px;
}
.k-syntax-ref {
  color: #ff8822;
}
.k-syntax-num {
  color: #0099ff;
}
.k-syntax-func {
  font-weight: bold;
}
.k-syntax-str {
  color: #38b714;
}
.k-syntax-error {
  color: red;
}
.k-syntax-bool {
  color: #a9169c;
}
.k-syntax-startexp {
  font-weight: bold;
}
.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: #cc2222;
}
.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 {
  box-shadow: none;
  color: #ffffff;
  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: #1682b4;
  border-color: #1682b4;
}
.k-spreadsheet .k-spreadsheet-sheets-bar .k-button {
  left: 0;
  bottom: 0;
  padding-top: 0.5em;
  padding-bottom: 0.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: #8dd1f0;
}
.k-spreadsheet-sheets-items .k-item.k-state-hover,
.k-spreadsheet-tabstrip .k-item.k-state-hover,
.k-spreadsheet-sheets-items .k-item.k-state-active,
.k-spreadsheet-tabstrip .k-item.k-state-active,
.k-spreadsheet-sheets-items .k-item.k-state-focused,
.k-spreadsheet-tabstrip .k-item.k-state-focused {
  background-color: transparent;
}
.k-spreadsheet-sheets-items .k-item.k-state-hover .k-link,
.k-spreadsheet-tabstrip .k-item.k-state-hover .k-link,
.k-spreadsheet-sheets-items .k-item.k-state-active .k-link,
.k-spreadsheet-tabstrip .k-item.k-state-active .k-link,
.k-spreadsheet-sheets-items .k-item.k-state-focused .k-link,
.k-spreadsheet-tabstrip .k-item.k-state-focused .k-link {
  color: #ffffff;
}
.k-spreadsheet-sheets-items .k-state-active .k-link,
.k-spreadsheet-tabstrip .k-state-active .k-link {
  color: #ffffff;
}
.k-spreadsheet-toolbar > .k-button:not(.k-overflow-anchor) {
  line-height: 2em;
}