/* vendors Vendors
================================================== */
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/**
     * 1. Change the default font family in all browsers (opinionated).
     * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
     */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
     * Remove the margin in all browsers (opinionated).
     */
body {
  margin: 0;
}

/* HTML5 display definitions
       ========================================================================== */
/**
     * Add the correct display in IE <10.
     * Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
     * Add the correct display in IE for `main`.
     */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
     * Add the correct display in IE <10.
     */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
     * Add the correct display and remove excess height in iOS 4-7.
     */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
     * Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
  vertical-align: baseline;
}

/**
     * Add the correct display in IE <11, Safari <8, and Firefox <22.
     * 1. Add the correct display in IE.
     */
template,
[hidden] {
  display: none;
}

/* Links
       ========================================================================== */
/**
     * 1. Remove the gray background on active links in IE 10.
     * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
     */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
     * Remove the outline on focused links when they are also active or hovered
     * in all browsers (opinionated).
     */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
       ========================================================================== */
/**
     * 1. Remove the bottom border in Firefox <40.
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
     * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
     */
b,
strong {
  font-weight: inherit;
}

/**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
b,
strong {
  font-weight: bolder;
}

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
     * Add the correct font style in Android <4.4.
     */
dfn {
  font-style: italic;
}

/**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
h1 {
  font-size: 2em;
  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
  margin: 0.75em 0;
}

/**
     * Add the correct background and color in IE <10.
     */
mark {
  background-color: #ff0;
  color: #000;
}

/**
     * Add the correct font size in all browsers.
     */
small {
  font-size: 80%;
}

/**
     * Prevent `sub` and `sup` elements from affecting the line height in
     * all browsers.
     */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
       ========================================================================== */
/**
     * Remove the border on images inside links in IE <11.
     */
img {
  border-style: none;
}

/**
     * Hide the overflow in IE.
     */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
       ========================================================================== */
/**
     * Add the correct margin in IE 8.
     */
figure {
  margin: 1.5em 40px;
}

/**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
       ========================================================================== */
/**
     * Known issues:
     * - By default, Chrome on OS X and Safari on OS X allow very limited styling of
     *   select, unless a border property is set. The default font weight on
     *   optgroup elements cannot safely be changed in Chrome on OSX and Safari on
     *   OS X.
     * - It is recommended that you do not style checkbox and radio inputs as
     *   Firefox's implementation does not respect box-sizing, padding, or width.
     * - Certain font size values applied to number inputs cause the cursor style of
     *   the decrement button to change from default to text.
     * - The search input is not fully stylable by default. In Chrome and Safari on
     *   OSX/iOS you can't control font, padding, border, or background. In Chrome
     *   and Safari on Windows you can't control border properly. It will apply
     *   border-width but will only show a border color (which cannot be controlled)
     *   for the outer 1px of that border. Applying -webkit-appearance: textfield
     *   addresses these issues without removing the benefits of search inputs (e.g.
     *   showing past searches). Safari (but not Chrome) will clip the cancel button
     *   on when it has padding (and textfield appearance).
     */
/**
     * 1. Change font properties to `inherit` in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7
     * 4. Improve appearance and consistency with IE 6/7.
     */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
     * Show the overflow in IE.
     */
button {
  overflow: visible;
}

/**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
     * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
     *    controls in Android 4.
     * 2. Correct the inability to style clickable types in iOS and Safari.
     */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  /**
       * Remove the inner border and padding in Firefox.
       */
  /**
       * Restore the focus styles unset by the previous rule.
       */
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
     * Show the overflow in Edge.
     */
input {
  overflow: visible;
}

/**
     * 1. Add the correct box sizing in IE <11.
     * 2. Remove the padding in IE <11.
     * 3. Remove excess padding in IE 7.
     *    Known issue: excess padding remains in IE 6.
     */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
  /**
       * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
       */
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
     * Correct the text style of placeholders in Chrome, Edge, and Safari.
     */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
     * Change the border, margin, and padding in all browsers (opinionated).
     */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     * 4. Correct alignment displayed oddly in IE 6/7.
     */
legend {
  box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  white-space: normal;
  /* 1 */
  color: inherit;
  /* 2 */
  padding: 0;
  /* 3 */
}

/**
     * Restore the font weight unset by a previous rule.
     */
optgroup {
  font-weight: bold;
}

/**
     * Remove the default vertical scrollbar in IE.
     */
textarea {
  overflow: auto;
}

/* Shared UI Imports
================================================== */
/* Helpers
    ================================================== */
.clear, .clear10, .clear20, .clear30, .clear40, .clear50 {
  clear: both;
}

.clear10 {
  height: 10px;
}

.clear20 {
  height: 20px;
}

.clear30 {
  height: 30px;
}

.clear40 {
  height: 40px;
}

.clear50 {
  height: 50px;
}

.hide {
  display: none;
}

.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.enabled {
  opacity: 1.0;
}

.left {
  float: left;
}

.right {
  float: right;
}

/* Susy Variables
    ================================================== */
/*$fonts_path: "../../../../../Shared.UI.V2/Dev/Dev/SharedUI/assets/fonts";
    $images_path: "../../../../../Shared.UI.V2/Dev/Dev/SharedUI/assets/images";*/
/* Mixins
    ================================================== */
/* Transitions (cross-browser)
    @mixin transition($property) {
        -webkit-transition: $property;
        -moz-transition: $property;
        -ms-transition: $property;
        -o-transition: $property;
        transition: $property;
    }*/
/* Button Mixins
    ================================================== */
/* Primary Buttons
    ================================================== */
/* Default/Secondary Buttons
    ================================================== */
/* Button Sizes
    ================================================== */
/* Form Mixins
    ================================================== */
/* Line Clam (with ellipsis)
    ================================================== */
/* mixin for multiline */
/*.block-with-text {
      @include multiLineEllipsis($lineHeight: 18px, $lineCount: 3, $bgColor: $white);  
    }*/
/* Tiles
    ================================================== */
/* New mixins in v 2.0.0 added February 2017 by Rob Berrones */
/*Taken from ionic badges*/
/* Switch Toggle Colors
    ================================================== */
/* CSS gradients mixins! 
    ================================================== */
/* Tables mixins
    ================================================== */
/* Content Table*/
/* Scrollable Table */
/* Row Tables */
/* Fonts
	================================================== */
@font-face {
  font-family: "Noto Sans";
  src: url("/SharedUI/fonts/notosans-regular.woff2") format("woff2"), url("/SharedUI/fonts/notosans-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AmaticSC-Bold";
  src: url("/SharedUI/fonts/AmaticSC-Bold.eot");
  src: url("/SharedUI/fonts/AmaticSC-Bold.eot?#iefix") format("embedded-opentype"), url("/SharedUI/fonts/AmaticSC-Bold.woff") format("woff"), url("/SharedUI/fonts/AmaticSC-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'myherbalife';
  src: url("/SharedUI/fonts/myherbalife.eot");
  src: url("/SharedUI/fonts/myherbalife.eot?#iefix") format("embedded-opentype"), url("/SharedUI/fonts/myherbalife.woff") format("woff"), url("/SharedUI/fonts/myherbalife.ttf") format("truetype"), url("/SharedUI/fonts/myherbalife.svg#herbalife") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "slick";
  src: url("/SharedUI/fonts/slick.eot");
  src: url("/SharedUI/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/SharedUI/fonts/slick.woff") format("woff"), url("/SharedUI/fonts/slick.ttf") format("truetype"), url("/SharedUI/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Typography
	================================================== */
body {
  height: 100%;
  color: #4d4d4d;
  font-family: "Noto Sans", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  margin: 0;
  overflow: auto;
}

h1, h2, h3, h4, h5, h6 {
  color: #515151;
  font-weight: bold;
  font-style: normal;
  text-rendering: optimizeLegibility;
  line-height: 1.1;
  margin-top: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 70%;
  font-weight: normal;
}

h1 {
  font-size: 36px;
  margin-bottom: 20px;
}

@media (min-width: 660px) {
  h1 {
    font-size: 40px;
  }
}

h2 {
  font-size: 30px;
  margin-bottom: 20px;
}

@media (min-width: 660px) {
  h2 {
    font-size: 36px;
  }
}

h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

@media (min-width: 660px) {
  h3 {
    font-size: 28px;
  }
}

h4 {
  font-size: 16px;
  margin-bottom: 10px;
}

@media (min-width: 660px) {
  h4 {
    font-size: 20px;
  }
}

h5 {
  font-size: 14px;
  margin-bottom: 5px;
}

h6 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0 0 7px;
}

p {
  margin: 0 0 20px 0;
  line-height: 20px;
}

p img {
  margin: 0;
}

p.viewing-mode {
  text-align: right;
  font-weight: bold;
}

p.note {
  font-size: 11px;
  line-height: 13px;
  margin: 0 0 10px 0;
}

p.desc {
  max-width: 700px;
}

span.note {
  display: block;
  font-size: 11px;
  line-height: 13px;
}

em {
  font-style: italic;
}

i {
  font-style: italic;
}

strong {
  font-weight: bold;
}

b {
  font-weight: bold;
}

small {
  font-size: 80%;
}

blockquote, blockquote p {
  font-size: 18px;
  line-height: 20px;
  color: #515151;
  font-style: italic;
}

blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 5px solid #f3f3f3;
}

blockquote p {
  margin: 0;
}

blockquote cite {
  display: block;
  font-size: 14px;
  color: #515151;
  font-style: normal;
  margin-top: 5px;
}

blockquote cite:before {
  content: "\2014 \0020";
}

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
  color: #ccc;
}

code, pre {
  font-family: "Noto Sans", "Arial", sans-serif;
  font-size: 13px;
  color: #515151;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

code {
  padding: 3px 4px;
  color: #f65d8c;
  background-color: #f5f5f5;
  border: 1px solid #e8e8e8;
  font-weight: bold;
  line-height: 24px;
}

pre {
  display: block;
  padding: 10px;
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 20px;
  text-align: left !important;
  background-color: #e8e8e8;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

address {
  display: block;
  margin-bottom: 20px;
  line-height: 20px;
  font-style: normal;
}

/* Links
	================================================== */
a, a:visited {
  color: #0080ff;
  cursor: pointer;
  text-decoration: none;
  outline: 0;
  line-height: 16px;
}

a i, a:visited i {
  font-size: 18px;
}

a span, a:visited span {
  margin-left: 7px;
}

a:hover, a:focus {
  color: #0080ff;
}

a.disabled, a[disabled] {
  cursor: default;
  pointer-events: none;
}

p a, p a:visited {
  line-height: inherit;
}

/* Text Highlighting
	================================================== */
::-moz-selection {
  background: #7ac143;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #7ac143;
  color: #fff;
  text-shadow: none;
}

/* Lists
	================================================== */
ul, ol {
  padding: 0;
  margin: 0 0 10px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

ul {
  list-style: none;
}

ul.disc {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li {
  line-height: 20px;
}

dl {
  margin-bottom: 20px;
}

dt, dd {
  line-height: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 10px;
}

/* Line break
	================================================== */
hr {
  border: solid #ccc;
  border-width: 1px 0 0;
  clear: both;
  margin: 0;
  height: 0;
}

hr.small {
  margin: 10px 0;
}

hr.medium {
  margin: 20px 0;
}

hr.large {
  margin: 30px 0;
}

/* Susy Grid Setup
    ================================================== */
/* Global Border-Box
    ================================================== */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* White Block with Drop Shadow
	================================================== */
/* Primary Buttons
    ================================================== */
input[type="submit"] {
  cursor: pointer;
  outline: 0;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  padding: 0.5em 1.5em;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  background-color: #0080ff;
  background-color: #0080ff;
  border: 0;
  color: #fff;
  filter: none;
}

input[type="submit"]:disabled, input[type="submit"].disabled {
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  opacity: 0.5;
}

input[type="submit"] i.icon {
  margin-right: 7px;
}

input[type="submit"]:hover {
  text-decoration: none;
}

input[type="submit"]:hover {
  background-color: #0073e6;
}

input[type="submit"]:active {
  background-color: #006cd6;
}

input[type="submit"].disabled, input[type="submit"][disabled] {
  opacity: 0.6;
  background: false;
  cursor: default;
  box-shadow: none;
}

input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"].active {
  background-color: lighten #0080ff, 4;
  color: #fff;
}

/* Default/Secondary Buttons
    ================================================== */
button, input[type="button"], input[type="reset"] {
  cursor: pointer;
  outline: 0;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  padding: 0.5em 1.5em;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  background-color: #d7d7d7;
  background-color: #d7d7d7;
  border: 0;
  color: #515151;
  filter: none;
}

button:disabled, button.disabled, input[type="button"]:disabled, input[type="button"].disabled, input[type="reset"]:disabled, input[type="reset"].disabled {
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  opacity: 0.5;
}

button i.icon, input[type="button"] i.icon, input[type="reset"] i.icon {
  margin-right: 7px;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover {
  text-decoration: none;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover {
  background-color: #cacaca;
}

button:active, input[type="button"]:active, input[type="reset"]:active {
  background-color: #c3c3c3;
}

button.disabled, button[disabled], input[type="button"].disabled, input[type="button"][disabled], input[type="reset"].disabled, input[type="reset"][disabled] {
  opacity: 0.6;
  background: false;
  cursor: default;
  box-shadow: none;
}

button:hover, button:active, button.active, input[type="button"]:hover, input[type="button"]:active, input[type="button"].active, input[type="reset"]:hover, input[type="reset"]:active, input[type="reset"].active {
  background-color: darken #d7d7d7, 4;
  color: #515151;
}

/* Button Set for Forms
    ================================================== */
.button-set {
  width: 100%;
  display: block;
  margin-top: 10px;
}

.button-set:after {
  content: "";
  display: table;
  clear: both;
}

.button-set button, .button-set a, .button-set input[type="submit"], .button-set input[type="button"], .button-set input[type="reset"] {
  width: 100%;
  margin-bottom: 15px;
  margin-left: 0;
  display: block;
  text-align: center;
}

@media (min-width: 660px) {
  .button-set button, .button-set a, .button-set input[type="submit"], .button-set input[type="button"], .button-set input[type="reset"] {
    margin-left: 10px;
    margin-bottom: 0;
    width: auto;
    float: right;
  }
  .button-set button.opp-side, .button-set a.opp-side, .button-set input[type="submit"].opp-side, .button-set input[type="button"].opp-side, .button-set input[type="reset"].opp-side {
    float: left;
    margin-left: 0;
    margin-right: 10px;
  }
}

.button-set button:last-child, .button-set a:last-child, .button-set input[type="submit"]:last-child, .button-set input[type="button"]:last-child, .button-set input[type="reset"]:last-child {
  margin-bottom: 0;
}

/* Menus
    ================================================== */
.contacts-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.contacts-menu li {
  transition: background-color 0.2s ease;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
}

.contacts-menu li:nth-child(2n + 1) {
  background-color: #f3f3f3;
}

.contacts-menu li:hover {
  background-color: #dBf5c8;
}

.contacts-menu li a {
  padding: 15px 10px;
  display: block;
}

.contacts-menu li:active, .contacts-menu li.active {
  font-weight: bold;
  background-color: #7ac143;
}

.contacts-menu li:active a, .contacts-menu li.active a {
  color: #fff;
  cursor: default;
}

.vert-tabs-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.vert-tabs-menu li {
  background-color: #e8e8e8;
  border-bottom: 1px solid #fff;
  transition: background-color 0.2s ease;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
}

.vert-tabs-menu li a {
  color: #515151;
  display: block;
  cursor: pointer;
}

.vert-tabs-menu li:hover, .vert-tabs-menu li:active, .vert-tabs-menu li.active {
  background-color: #7ac143;
}

.vert-tabs-menu li:hover a, .vert-tabs-menu li:active a, .vert-tabs-menu li.active a {
  color: #fff;
}

.horz-tabs-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

@media (min-width: 660px) {
  .horz-tabs-menu {
    display: table;
  }
}

.horz-tabs-menu li {
  display: block;
  width: 100%;
  vertical-align: middle;
  margin-right: 0;
  background-color: #e8e8e8;
  border-bottom: 1px solid #ccc;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.horz-tabs-menu li:last-child {
  border-bottom: none;
}

@media (min-width: 660px) {
  .horz-tabs-menu li {
    display: table-cell;
    width: auto;
    border-right: 1px solid #ccc;
    border-bottom: none;
  }
  .horz-tabs-menu li:last-child {
    border-right: none;
  }
}

.horz-tabs-menu li:hover, .horz-tabs-menu li:active, .horz-tabs-menu li.active {
  background-color: #7ac143;
}

.horz-tabs-menu li:hover a, .horz-tabs-menu li:active a, .horz-tabs-menu li.active a {
  color: #fff;
}

.horz-tabs-menu li a {
  display: block;
  color: #515151;
  padding: 10px;
  text-align: center;
  cursor: pointer;
}

.horz-highlight-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #ccc;
}

.horz-highlight-menu li {
  display: inline-block;
  vertical-align: top;
  margin-right: 0;
}

.horz-highlight-menu li a {
  display: block;
  color: #515151;
  padding: 5px 10px;
  text-align: center;
}

.horz-highlight-menu li:hover, .horz-highlight-menu li:active, .horz-highlight-menu li.active {
  border-bottom: 5px solid #7ac143;
  font-weight: bold;
}

/* Badge Counter
	================================================== */
.badge-counter {
  display: none;
  background-color: #ff0000;
  width: 15px;
  height: 15px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  line-height: 16px;
  padding-top: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

/* Forms
    ================================================== */
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="file"],
textarea,
select {
  width: 100%;
  margin: 0;
  padding: 6px 7px;
  outline: none;
  color: #515151;
  background: #e8e8e8;
  border: 1px solid #e8e8e8;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  line-height: inherit;
}

input[type="text"].no-label,
input[type="password"].no-label,
input[type="email"].no-label,
input[type="tel"].no-label,
input[type="number"].no-label,
input[type="file"].no-label,
textarea.no-label,
select.no-label {
  margin-top: 0;
}

select {
  padding: 4px 20px 4px 7px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

select .default {
  display: none;
}

.k-ie9 select, .k-ie8 select {
  background-image: none;
  padding: 4px 7px;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
textarea:hover,
select:hover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

input[type="text"][disabled],
input[type="password"][disabled],
input[type="email"][disabled],
input[type="tel"][disabled],
input[type="number"][disabled],
textarea[disabled] {
  opacity: 0.3;
  pointer-events: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #ededed;
  color: #515151;
  background: #ededed;
}

select:focus {
  background: #e8e8e8 url(/SharedUI/images/dropdown-arrow.png) no-repeat right -31px;
}

textarea {
  min-height: 90px;
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

label,
legend {
  color: #2e2e2e;
  font-size: 14px;
}

label.side-label {
  float: left;
  margin-top: 10px;
}

legend {
  margin-bottom: 3px;
}

select {
  background: #e8e8e8 url(/SharedUI/images/dropdown-arrow.png) no-repeat right 9px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select:hover {
  background: #e8e8e8 url(/SharedUI/images/dropdown-arrow.png) no-repeat right -31px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

input[type="radio"], input[type="checkbox"] {
  margin: 0 5px 0 0;
}

fieldset {
  margin-top: 5px;
}

fieldset > div {
  margin-bottom: 10px;
  line-height: 14px;
}

fieldset > div:after {
  content: "";
  display: table;
  clear: both;
}

fieldset > div input[type="checkbox"], fieldset > div input[type="radio"] {
  float: left;
  margin: 0;
}

fieldset > div input[type="checkbox"].other, fieldset > div input[type="radio"].other {
  margin-top: 8px;
}

fieldset > div label {
  display: block;
  margin-left: 20px;
}

label span,
legend span {
  font-weight: normal;
  font-size: 14px;
  color: #515151;
}

label.requiredField:before {
  content: "*";
  color: red;
}

input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #515151;
}

input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #515151;
}

input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #515151;
}

input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #515151;
}

input.error {
  border: 1px solid #ffd8d8 !important;
  background: #ffd8d8 !important;
  margin-bottom: 2px !important;
}

input.error::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #515151;
}

input.error:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #515151;
}

input.error::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #515151;
}

input.error:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #515151;
}

span.error, div.error, p.error {
  color: #ff0000 !important;
  font-size: 11px !important;
  margin-top: 5px !important;
  line-height: 14px !important;
}

span.success, p.success {
  font-weight: bold;
  color: #7ac143 !important;
  font-size: 11px !important;
  margin-top: 5px !important;
  line-height: 14px !important;
}

.hl-form > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hl-form > ul:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
  font-size: 0;
}

.hl-form > ul > div.search, .hl-form > ul > li.search {
  position: relative;
}

.hl-form > ul > div.search > input[type="text"], .hl-form > ul > li.search > input[type="text"] {
  padding-left: 30px;
  padding-right: 30px;
}

.hl-form > ul > div.search > input[type="text"]:hover + i.icon-delete-fl-3, .hl-form > ul > div.search > input[type="text"]:focus + i.icon-delete-fl-3, .hl-form > ul > li.search > input[type="text"]:hover + i.icon-delete-fl-3, .hl-form > ul > li.search > input[type="text"]:focus + i.icon-delete-fl-3 {
  opacity: 1;
}

.hl-form > ul > div.search > i, .hl-form > ul > li.search > i {
  display: block;
  position: absolute;
}

.hl-form > ul > div.search > i.icon-magnifier-fl-1, .hl-form > ul > li.search > i.icon-magnifier-fl-1 {
  bottom: 4px;
  left: 8px;
  font-size: 16px;
  color: #999999;
}

.hl-form > ul > div.search > i.icon-delete-fl-3, .hl-form > ul > li.search > i.icon-delete-fl-3 {
  opacity: 0;
  bottom: 5px;
  right: 7px;
  font-size: 12px;
  color: #515151;
  cursor: pointer;
}

.hl-form > ul > div.search > i.icon-delete-fl-3:hover, .hl-form > ul > li.search > i.icon-delete-fl-3:hover {
  opacity: 1;
}

.hl-form > ul > div.verify, .hl-form > ul > li.verify {
  position: relative;
}

.hl-form > ul > div.verify.success:before, .hl-form > ul > li.verify.success:before {
  display: block;
  content: "\e5b4";
  color: #7ac143;
  font-size: 14px;
}

.hl-form > ul > div.verify.success > input[type="text"],
.hl-form > ul > div.verify.success input[type="password"],
.hl-form > ul > div.verify.success input[type="email"],
.hl-form > ul > div.verify.success input[type="tel"],
.hl-form > ul > div.verify.success input[type="number"], .hl-form > ul > li.verify.success > input[type="text"],
.hl-form > ul > li.verify.success input[type="password"],
.hl-form > ul > li.verify.success input[type="email"],
.hl-form > ul > li.verify.success input[type="tel"],
.hl-form > ul > li.verify.success input[type="number"] {
  background-color: #dBf5c8;
  border-color: #7ac143;
}

.hl-form > ul > div.verify.error:before, .hl-form > ul > li.verify.error:before {
  display: block;
  content: "\e3da";
  color: #ff3d3d;
  font-size: 10px;
  right: 10px;
}

.hl-form > ul > div.verify.error > input[type="text"],
.hl-form > ul > div.verify.error input[type="password"],
.hl-form > ul > div.verify.error input[type="email"],
.hl-form > ul > div.verify.error input[type="tel"],
.hl-form > ul > div.verify.error input[type="number"], .hl-form > ul > li.verify.error > input[type="text"],
.hl-form > ul > li.verify.error input[type="password"],
.hl-form > ul > li.verify.error input[type="email"],
.hl-form > ul > li.verify.error input[type="tel"],
.hl-form > ul > li.verify.error input[type="number"] {
  background-color: #ffd8d8;
  border-color: #ff9b9b;
}

.hl-form > ul > div.verify:before, .hl-form > ul > li.verify:before {
  display: none;
  font-family: "myherbalife";
  position: absolute;
  bottom: 4px;
  right: 7px;
}

.hl-form > ul > div.verify > input[type="password"],
.hl-form > ul > div.verify input[type="email"],
.hl-form > ul > div.verify input[type="tel"],
.hl-form > ul > div.verify input[type="number"], .hl-form > ul > li.verify > input[type="password"],
.hl-form > ul > li.verify input[type="email"],
.hl-form > ul > li.verify input[type="tel"],
.hl-form > ul > li.verify input[type="number"] {
  padding-right: 24px;
}

.hl-form > ul > div {
  width: 100%;
  vertical-align: top;
  margin-bottom: 15px;
  margin-right: 0;
}

.hl-form > ul > li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px;
  margin-right: 16px;
}

.hl-form > ul > li .read-only {
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
}

.hl-form > ul > li .read-only a {
  font-weight: normal;
  font-size: 14px;
}

.hl-form > ul > li.hidden {
  visibility: hidden;
  display: none;
}

@media (min-width: 660px) {
  .hl-form > ul > li.hidden {
    display: inline-block;
  }
}

.hl-form > ul > li.full {
  width: 100% !important;
  margin-right: 0;
}

.hl-form > ul > li > span.note {
  margin-top: 7px;
}

.hl-form > ul > li.with-button {
  width: 100%;
}

.hl-form > ul > li.with-button > span {
  display: block;
  overflow: hidden;
  padding-right: 10px;
}

.hl-form > ul > li.with-button a, .hl-form > ul > li.with-button button {
  float: right;
}

.hl-form > ul > li.with-button.small a, .hl-form > ul > li.with-button.small button {
  margin-top: 5px;
}

.hl-form > ul > li.dob select {
  display: inline-block;
  margin-right: 10px;
}

.hl-form > ul > li.dob select:first-child {
  width: 140px;
}

.hl-form > ul > li.dob select:nth-child(2) {
  width: 60px;
}

.hl-form > ul > li.dob select:last-child {
  width: 60px;
  margin-right: 0;
}

.hl-form > ul > li input[type="text"] {
  padding: 4px 7px;
}

.hl-form > ul > li input.increment, .hl-form > ul > li select.increment {
  width: 75%;
  margin-right: 0;
  margin-top: 6px !important;
  text-align: center;
  display: inline-block;
  vertical-align: bottom;
  padding: 6px;
}

.hl-form > ul > li input.with-icon, .hl-form > ul > li select.with-icon {
  width: calc(100% - 30px);
  margin-right: 6px;
}

.hl-form > ul > li input.with-button, .hl-form > ul > li select.with-button {
  width: auto;
  padding-right: 30px;
  margin-right: 8px;
}

.hl-form > ul > li input.one, .hl-form > ul > li input.two, .hl-form > ul > li input.three, .hl-form > ul > li select.one, .hl-form > ul > li select.two, .hl-form > ul > li select.three {
  display: inline-block;
  margin-right: 8px;
}

.hl-form > ul > li input.one, .hl-form > ul > li select.one {
  width: 60px;
}

.hl-form > ul > li input.two, .hl-form > ul > li select.two {
  width: 140px;
}

.hl-form > ul > li input.three, .hl-form > ul > li select.three {
  width: 220px;
}

.hl-form > ul > li input.last, .hl-form > ul > li select.last {
  margin-right: 0 !important;
}

.hl-form > ul > li a {
  vertical-align: middle;
}

.hl-form > ul > li a.plus, .hl-form > ul > li a.minus, .hl-form > ul > li a.go {
  padding: 7px 10px !important;
  margin: 0;
  border-radius: 2px;
}

.hl-form > ul > li a.plus i, .hl-form > ul > li a.minus i, .hl-form > ul > li a.go i {
  font-size: 13px;
}

.hl-form > ul > li .agree input[type="checkbox"], .hl-form > ul > li .agree input[type="radio"] {
  float: left;
  margin: 0;
}

.hl-form > ul > li .agree label {
  display: block;
  margin-left: 20px;
}

.hl-form > ul > li > ul {
  margin: 0;
  padding: 0;
}

.hl-form > ul > li > ul > li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
  margin-right: 10px;
}

.hl-form > ul > li > ul > li.half {
  width: 140px !important;
}

.hl-form > ul > li > ul > li.half:nth-child(2n) {
  margin-right: 0 !important;
}

.hl-form > ul > li > ul > li.one {
  width: 60px !important;
}

.hl-form > ul > li > ul > li.three {
  width: 220px !important;
}

.hl-form > ul > li > ul > li.last {
  margin-right: 0;
}

.hl-form > ul > li > ul > li input[type="radio"], .hl-form > ul > li > ul > li input[type="checkbox"] {
  margin: 0 10px 8px 0;
}

.hl-form > ul > li ul.toggles {
  margin: 5px 0;
  padding: 0;
  list-style: none;
}

.hl-form > ul > li ul.toggles li {
  margin-bottom: 20px;
  background-color: #e8e8e8;
  border: 1px solid #ccc;
  padding: 10px 0;
  text-align: center;
  cursor: pointer;
}

.hl-form > ul > li ul.toggles li.icon {
  padding: 10px 0 0 0;
}

.hl-form > ul > li ul.toggles li.icon span {
  font-size: 12px;
}

.hl-form > ul > li ul.toggles li.icon i {
  font-size: 24px;
}

.hl-form > ul > li ul.toggles li.half {
  width: 140px;
  float: left;
}

.hl-form > ul > li ul.toggles li.half:nth-child(2n + 1) {
  margin-left: 0;
  margin-right: -100%;
  clear: both;
  margin-left: 0;
}

.hl-form > ul > li ul.toggles li.half:nth-child(2n + 2) {
  margin-left: 160px;
  margin-right: -100%;
  clear: none;
}

.hl-form > ul > li ul.toggles li.full {
  width: 300px;
  float: right;
  margin-right: 0;
  margin-right: 0;
}

.hl-form > ul > li ul.toggles li:hover {
  background-color: #f3f3f3;
}

.hl-form > ul > li ul.toggles li:active, .hl-form > ul > li ul.toggles li.active {
  background-color: #c6eaff;
  border: 1px solid #0080ff;
  color: #0080ff;
  font-weight: bold;
}

.hl-form h4 {
  margin: 10px 0;
}

@media (min-width: 660px) {
  .hl-form h4 {
    display: block;
  }
}

.hl-form button.counter {
  margin: 5px 10px 0 0;
  float: none;
}

.hl-form button.counter i {
  font-size: 16px;
}

/* Tags
	================================================== */
/* Breadcrumb
    ================================================== */
.breadcrumbs {
  width: 100%;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 1040px) {
  .breadcrumbs {
    margin: 15px 0;
  }
}

.breadcrumbs li {
  color: #999999;
  display: inline;
  list-style: none outside none;
  padding-right: 4px;
  text-transform: uppercase;
  vertical-align: top;
}

/* Notifications
    ================================================== */
.alert-success {
  border-top: 1px solid #a3e572;
  border-bottom: 1px solid #a3e572;
  background-color: #dBf5c8;
  color: #515151;
  padding: 6px 30px 5px 20px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  text-align: left;
  height: auto;
  width: 100%;
  position: relative;
  text-shadow: none;
}

.alert-success i {
  font-size: 18px;
  margin-right: 2px;
}

.alert-success label {
  text-decoration: underline;
  cursor: pointer;
  color: #515151;
  font-weight: normal;
}

.alert-success.close:after {
  content: "\e3d8";
  font-family: "myherbalife";
  position: absolute;
  top: 6px;
  right: 10px;
  color: #515151;
  opacity: 0.8;
}

.alert-warning {
  border-top: 1px solid #ffca78;
  border-bottom: 1px solid #ffca78;
  background-color: #fff2de;
  color: #515151;
  padding: 6px 30px 5px 20px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  text-align: left;
  height: auto;
  width: 100%;
  position: relative;
  text-shadow: none;
}

.alert-warning i {
  font-size: 18px;
  margin-right: 2px;
}

.alert-warning label {
  text-decoration: underline;
  cursor: pointer;
  color: #515151;
  font-weight: normal;
}

.alert-warning.close:after {
  content: "\e3d8";
  font-family: "myherbalife";
  position: absolute;
  top: 6px;
  right: 10px;
  color: #515151;
  opacity: 0.8;
}

.alert-error {
  border-top: 1px solid #ff7272;
  border-bottom: 1px solid #ff7272;
  background-color: #ffd8d8;
  color: #515151;
  padding: 6px 30px 5px 20px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  text-align: left;
  height: auto;
  width: 100%;
  position: relative;
  text-shadow: none;
}

.alert-error i {
  font-size: 18px;
  margin-right: 2px;
}

.alert-error label {
  text-decoration: underline;
  cursor: pointer;
  color: #515151;
  font-weight: normal;
}

.alert-error.close:after {
  content: "\e3d8";
  font-family: "myherbalife";
  position: absolute;
  top: 6px;
  right: 10px;
  color: #515151;
  opacity: 0.8;
}

.alert-info {
  border-top: 1px solid #60c4ff;
  border-bottom: 1px solid #60c4ff;
  background-color: #c6eaff;
  color: #515151;
  padding: 6px 30px 5px 20px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  text-align: left;
  height: auto;
  width: 100%;
  position: relative;
  text-shadow: none;
}

.alert-info i {
  font-size: 18px;
  margin-right: 2px;
}

.alert-info label {
  text-decoration: underline;
  cursor: pointer;
  color: #515151;
  font-weight: normal;
}

.alert-info.close:after {
  content: "\e3d8";
  font-family: "myherbalife";
  position: absolute;
  top: 6px;
  right: 10px;
  color: #515151;
  opacity: 0.8;
}

.alert-maintenance {
  border-top: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
  background-color: #ff0000;
  color: #fff;
  padding: 6px 30px 5px 20px;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-align: left;
  height: auto;
  width: 100%;
  position: relative;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.alert-maintenance i {
  font-size: 18px;
  margin-right: 2px;
}

.alert-maintenance label {
  text-decoration: underline;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
}

.alert-maintenance.close:after {
  content: "\e3d8";
  font-family: "myherbalife";
  position: absolute;
  top: 6px;
  right: 10px;
  color: #fff;
  opacity: 0.8;
}

.alert-eom {
  border-top: 1px solid #faa634;
  border-bottom: 1px solid #faa634;
  background-color: #faa634;
  color: #fff;
  padding: 6px 30px 5px 20px;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-align: left;
  height: auto;
  width: 100%;
  position: relative;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.alert-eom i {
  font-size: 18px;
  margin-right: 2px;
}

.alert-eom label {
  text-decoration: underline;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
}

.alert-eom.close:after {
  content: "\e3d8";
  font-family: "myherbalife";
  position: absolute;
  top: 6px;
  right: 10px;
  color: #fff;
  opacity: 0.8;
}

.alert-promotion {
  border-top: 1px solid #7ac143;
  border-bottom: 1px solid #7ac143;
  background-color: #7ac143;
  color: #fff;
  padding: 6px 30px 5px 20px;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-align: left;
  height: auto;
  width: 100%;
  position: relative;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center;
}

.alert-promotion i {
  font-size: 18px;
  margin-right: 2px;
}

.alert-promotion label {
  text-decoration: underline;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
}

.alert-promotion.close:after {
  content: "\e3d8";
  font-family: "myherbalife";
  position: absolute;
  top: 6px;
  right: 10px;
  color: #fff;
  opacity: 0.8;
}

.alert-promotion a {
  display: block;
  color: #fff;
}

.notification-success {
  background-color: #dBf5c8;
  border: 1px solid #a3e572;
  color: #515151;
  padding: 5px 7px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  font-size: 14px;
  margin-bottom: 5px;
  position: relative;
}

.notification-success i {
  font-size: 18px;
  margin-right: 2px;
}

.notification-success.close:after {
  content: "\e3da";
  font-family: "myherbalife";
  position: absolute;
  top: 6px;
  right: 10px;
  color: #a3e572;
}

.notification-warning {
  background-color: #fff2de;
  border: 1px solid #ffca78;
  color: #515151;
  padding: 5px 7px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  font-size: 14px;
  margin-bottom: 5px;
  position: relative;
}

.notification-warning i {
  font-size: 18px;
  margin-right: 2px;
}

.notification-warning.close:after {
  content: "\e3da";
  font-family: "myherbalife";
  position: absolute;
  top: 6px;
  right: 10px;
  color: #ffca78;
}

.notification-error {
  background-color: #ffd8d8;
  border: 1px solid #ff7272;
  color: #515151;
  padding: 5px 7px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  font-size: 14px;
  margin-bottom: 5px;
  position: relative;
}

.notification-error i {
  font-size: 18px;
  margin-right: 2px;
}

.notification-error.close:after {
  content: "\e3da";
  font-family: "myherbalife";
  position: absolute;
  top: 6px;
  right: 10px;
  color: #ff7272;
}

.notification-info {
  background-color: #c6eaff;
  border: 1px solid #60c4ff;
  color: #515151;
  padding: 5px 7px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  font-size: 14px;
  margin-bottom: 5px;
  position: relative;
}

.notification-info i {
  font-size: 18px;
  margin-right: 2px;
}

.notification-info.close:after {
  content: "\e3da";
  font-family: "myherbalife";
  position: absolute;
  top: 6px;
  right: 10px;
  color: #60c4ff;
}

.notification-set {
  margin-bottom: 20px;
}

.notification-set > div:last-child {
  margin-bottom: 0;
}

/* Modals (mixins)
    ================================================== */
/* Modals (Style, Positioning, Size)
    ================================================== */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
}

.reveal-modal {
  visibility: hidden;
  position: fixed;
  overflow: scroll;
  width: 100%;
  height: 100%;
  padding: 40px 10px 15px;
  background: #fff;
  z-index: 101;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

@media (min-width: 320px) and (max-width: 660px) {
  .reveal-modal {
    top: 0 !important;
    left: 0;
  }
}

@media (min-width: 660px) {
  .reveal-modal {
    top: 60px !important;
    left: 50%;
    height: auto;
    width: 620px;
    margin-left: -310px;
    padding: 40px 40px 30px;
    overflow: hidden;
  }
}

.reveal-modal img.main {
  width: 100%;
  margin-bottom: 20px;
}

@media (min-width: 660px) {
  .reveal-modal.large {
    width: 620px;
    margin-left: -310px;
  }
}

@media (min-width: 1040px) {
  .reveal-modal.large {
    width: 780px;
    margin-left: -390px;
  }
}

@media (min-width: 1560px) {
  .reveal-modal.large {
    width: 1100px;
    margin-left: -550px;
  }
}

@media (min-width: 660px) {
  .reveal-modal.notify, .reveal-modal.small {
    top: 60px !important;
    left: 50%;
    height: auto;
    width: 380px;
    margin-left: -190px;
  }
}

.reveal-modal.notify {
  text-align: center;
}

.reveal-modal.notify a {
  margin-bottom: 0 !important;
}

.reveal-modal h4 {
  margin-bottom: 5px;
}

.reveal-modal .close-icon {
  font-size: 22px;
  line-height: .5;
  position: absolute;
  top: 12px;
  right: 12px;
  color: #ccc;
  text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6);
  font-weight: bold;
  cursor: pointer;
}

/* International Agreement Modal
    ================================================== */
.international-agreement .modal-content {
  height: 200px;
  overflow: scroll;
  overflow-x: hidden;
  padding: 10px;
  border: 1px solid #ccc;
}

.international-agreement .modal-content ul {
  list-style-type: disc;
}

.international-agreement .bottomActBtns a {
  width: 100%;
  margin: 0 0 5px 0;
}

@media (min-width: 660px) {
  .international-agreement .bottomActBtns a {
    width: auto;
    margin: 4px;
  }
}

/* MyHL Font Icons
  ================================================== */
[data-icon]:before {
  content: attr(data-icon);
}

[class^="icon-"]:before, [data-icon]:before,
[class*=" icon-"]:before {
  font-family: "myherbalife";
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-contacts-ln-3:before {
  content: "\e03c";
}

.icon-cart-ln-4:before {
  content: "\e066";
}

.icon-alert-ln-1:before {
  content: "\e111";
}

.icon-arrow-circle-fl-4:before, .k-panelbar .k-i-arrow-s:before {
  content: "\e511";
}

.icon-arrow-circle-fl-9:before, .k-panelbar .k-i-arrow-n:before {
  content: "\e516";
}

.icon-arrow-left-ln-2:before {
  content: "\e54b";
}

.icon-arrow-right-ln-2:before {
  content: "\e54c";
}

.icon-award-ln-1:before {
  content: "T";
}

.icon-signal-full-ln-1:before {
  content: "\e00f";
}

.icon-beauty-products-fl-1:before {
  content: "\e558";
}

.icon-bubble-conversation-ln-5:before {
  content: "]";
}

.icon-calendar-ln-1:before {
  content: "\e107";
}

.icon-card-ln-1:before {
  content: "\e239";
}

.icon-cart-ln-6:before {
  content: "\e5ba";
}

.icon-book-ln-7:before {
  content: "\e178";
}

.icon-chat-ln-2:before {
  content: "\e0f5";
}

.icon-pie-chart-ln-1:before {
  content: "\e131";
}

.icon-arrow-down-1:before {
  content: "\e551";
}

.icon-arrow-up-1:before {
  content: "\e552";
}

.icon-clipboard-ln-3:before {
  content: "\e0ab";
}

.icon-setting-gear-ln-1:before {
  content: "\e0fe";
}

.icon-file-text-ln-1:before {
  content: "\e548";
}

.icon-file-sync-ln-1:before {
  content: "\e0d1";
}

.icon-file-ln-1:before {
  content: "\e0b4";
}

.icon-bank-notes-ln-1:before {
  content: "\e11d";
}

.icon-arrow-circle-ln-29:before {
  content: "\e296";
}

.icon-hierarchy-ln-5:before {
  content: "\e18d";
}

.icon-mail-ln-2:before {
  content: "\e021";
}

.icon-preview-fl-1:before {
  content: "\e2b4";
}

.icon-globe-ln-1:before {
  content: "\e13f";
}

.icon-globe-ln-2:before {
  content: "\e14f";
}

.icon-house-ln-2:before {
  content: "\e14e";
}

.icon-logo-hl-stacked-fl-1:before {
  content: "\e534";
}

.icon-list-fl-1:before {
  content: "\e466";
}

.icon-lock-ln-1:before {
  content: "o";
}

.icon-microphone-ln-2:before {
  content: "\e084";
}

.icon-minus-ln-3:before {
  content: "\e0e9";
}

.icon-loading-ln-1:before {
  content: "\e0e3";
}

.icon-file-time-ln-1:before {
  content: "\e0d4";
}

.icon-contacts-ln-1:before {
  content: "\e03b";
}

.icon-add-ln-3:before {
  content: "\e0dd";
}

.icon-receipt-ln-3:before {
  content: "\e06b";
}

.icon-printer-ln-1:before {
  content: "\e16d";
}

.icon-power-ln-3:before {
  content: "\e0eb";
}

.icon-shopping-ln-1:before {
  content: "\e06d";
}

.icon-hierarchy-ln-7:before {
  content: "\e18f";
}

.icon-sku-ln-1:before {
  content: "\e549";
}

.icon-clipboard-ln-1:before {
  content: "\e0aa";
}

.icon-target-ln-1:before {
  content: "\e19f";
}

.icon-ticket-ln-1:before {
  content: "\e235";
}

.icon-academic-cap-ln-1:before {
  content: "\e1a6";
}

.icon-academic-cap-ln-2:before {
  content: "\e5af";
}

.icon-traffic-light-ln-1:before {
  content: "\e1a1";
}

.icon-trophy-ln-1:before {
  content: ".";
}

.icon-shirt-ln-1:before {
  content: "\e1aa";
}

.icon-user-ln-2:before {
  content: "\e046";
}

.icon-delete-ln-4:before {
  content: "\e0df";
}

.icon-delete-ln-5:before {
  content: "\e0e0";
}

.icon-id-ln-3:before {
  content: "\e03f";
}

.icon-suitcase-ln-1:before {
  content: "\e237";
}

.icon-question-mark-ln-1:before {
  content: "\e117";
}

.icon-direction-sign-ln-1:before {
  content: "\e150";
}

.icon-apple-fl-1-1:before {
  content: "\e58b";
}

.icon-drawer-ln-2:before {
  content: "\e180";
}

.icon-award-ln-2:before {
  content: "U";
}

.icon-book-ln-1:before {
  content: "\e172";
}

.icon-antenna-ln-2:before {
  content: "\e017";
}

.icon-chat-ln-6:before {
  content: "\e000";
}

.icon-clock-ln-3:before {
  content: "\e10a";
}

.icon-imac-ln-1:before {
  content: "\e162";
}

.icon-connection-ln-2:before {
  content: "\e039";
}

.icon-return-ln-1:before {
  content: "\e0ec";
}

.icon-inbox-ln-4:before {
  content: "\e0a5";
}

.icon-book-ln-4:before {
  content: "\e175";
}

.icon-key-ln-1:before {
  content: "k";
}

.icon-beaker-ln-2:before {
  content: "\e223";
}

.icon-network-ln-1:before {
  content: "\e190";
}

.icon-outbox-ln-1:before {
  content: "\e035";
}

.icon-envelope-ln-1:before {
  content: "\e54a";
}

.icon-people-fl-1:before {
  content: "\e59d";
}

.icon-setting-wrenches-ln-1:before {
  content: "\e0ff";
}

.icon-stationery-ln-1:before {
  content: "R";
}

.icon-link-ln-2:before {
  content: "\e018";
}

.icon-star-ln-2:before {
  content: "'";
}

.icon-ticket-ln-3:before {
  content: "\e233";
}

.icon-necktie-ln-1:before {
  content: "\e1a9";
}

.icon-upload-ln-1:before {
  content: "\e0a7";
}

.icon-contacts-ln-2:before {
  content: "\e03d";
}

.icon-video-camera-ln-2:before {
  content: "\e08a";
}

.icon-arrow-circle-fl-29:before {
  content: "\e51c";
}

.icon-arrow-circle-fl-30:before {
  content: "\e51d";
}

.icon-delete-fl-5:before {
  content: "\e3da";
}

/* MyHL Loading Icon
    ================================================== */
.loading-icon {
  background: url(/SharedUI/images/ajax-loader.gif) no-repeat center center;
  display: inline-block;
  min-width: 40px;
  min-height: 40px;
  width: 100%;
  height: 100%;
  font-size: 0;
}

/* Loader (Loading Animation)
    ================================================== */
.loader {
  margin: 20px auto;
  position: relative;
  text-indent: -9999em;
  font-size: 6px;
  border-top: 1.1em solid rgba(204, 204, 204, 0.4);
  border-right: 1.1em solid rgba(204, 204, 204, 0.4);
  border-bottom: 1.1em solid rgba(204, 204, 204, 0.4);
  border-left: 1.1em solid #ccc;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

.loader.large {
  font-size: 10px;
}

.loader.small {
  font-size: 2px;
}

.loader.hl {
  border-left-color: #7ac143;
}

.loader.button-light {
  display: inline-block;
  margin: 0 5px 0 0;
  font-size: 1.9px;
  border-left-color: #fff;
  border-top: 1.5em solid rgba(255, 255, 255, 0.4);
  border-right: 1.5em solid rgba(255, 255, 255, 0.4);
  border-bottom: 1.5em solid rgba(255, 255, 255, 0.4);
  vertical-align: bottom;
}

.loader.button-dark {
  display: inline-block;
  margin: 0 5px 0 0;
  font-size: 1.9px;
  border-left-color: #515151;
  border-top: 1.5em solid rgba(0, 0, 0, 0.3);
  border-right: 1.5em solid rgba(0, 0, 0, 0.3);
  border-bottom: 1.5em solid rgba(0, 0, 0, 0.3);
  vertical-align: bottom;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.section-outdated_message {
  background: #dBf5c8;
  padding: 20px;
  position: fixed;
  width: 100%;
  z-index: 20000;
  top: 0;
  -webkit-box-shadow: rgba(232, 232, 232, 0.3) 0 0 40px inset, rgba(0, 0, 0, 0.3) 0px 4px 3px;
  -moz-box-shadow: rgba(232, 232, 232, 0.3) 0 0 40px inset, rgba(0, 0, 0, 0.3) 0px 4px 3px;
  box-shadow: rgba(232, 232, 232, 0.3) 0 0 40px inset, rgba(0, 0, 0, 0.3) 0px 4px 3px;
}

.section-outdated_message div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.section-outdated_message div:after {
  content: " ";
  display: block;
  clear: both;
}

@media (min-width: 660px) {
  .section-outdated_message div {
    width: 620px;
    margin-left: auto;
    margin-right: auto;
  }
  .section-outdated_message div:after {
    content: " ";
    display: block;
    clear: both;
  }
}

@media (min-width: 1040px) {
  .section-outdated_message div {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
  }
  .section-outdated_message div:after {
    content: " ";
    display: block;
    clear: both;
  }
}

.section-outdated_message div .close-icon {
  font-size: 22px;
  line-height: .5;
  float: right;
  color: #000;
  cursor: pointer;
}

.section-outdated_message div h1 {
  font-size: 18px;
}

.section-outdated_message div ul {
  margin: 0;
}

.section-outdated_message div ul li {
  width: 300px;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
}

.section-outdated_message div ul li a {
  position: relative;
}

.section-outdated_message div ul li a img {
  height: 64px;
  width: 64px;
}

.section-outdated_message div ul li a span {
  cursor: pointer;
  outline: 0;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  padding: 0.5em 1.5em;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  background-color: #d7d7d7;
  background-color: #d7d7d7;
  border: 0;
  color: #515151;
  filter: none;
  vertical-align: top;
  margin-top: 16px;
  max-width: 70%;
}

.section-outdated_message div ul li a span:disabled, .section-outdated_message div ul li a span.disabled {
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  opacity: 0.5;
}

.section-outdated_message div ul li a span i.icon {
  margin-right: 7px;
}

.section-outdated_message div ul li a span:hover {
  text-decoration: none;
}

.section-outdated_message div ul li a span:hover {
  background-color: #cacaca;
}

.section-outdated_message div ul li a span:active {
  background-color: #c3c3c3;
}

.section-outdated_message div ul li a span.disabled, .section-outdated_message div ul li a span[disabled] {
  opacity: 0.6;
  background: false;
  cursor: default;
  box-shadow: none;
}

.section-outdated_message div ul li a span:hover, .section-outdated_message div ul li a span:active, .section-outdated_message div ul li a span.active {
  background-color: darken #d7d7d7, 4;
  color: #515151;
}

@media (min-width: 660px) {
  .section-outdated_message div h1 {
    font-size: 28px;
  }
  .section-outdated_message div ul li {
    width: 300px;
    float: left;
    margin-right: 20px;
    margin-right: 0;
  }
}

@media (min-width: 1040px) {
  .section-outdated_message div ul li {
    width: 460px;
    float: left;
    margin-right: 20px;
    margin-right: 0;
  }
}

/** 
 * Kendo UI v2016.2.714 (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-list-filter ::-ms-clear, .k-widget ::-ms-clear {
  width: 0;
  height: 0;
}

.k-block {
  padding: 2px;
}

.k-button {
  display: inline-block;
  margin: 0;
  padding: 2px 7px 2px;
  font-family: inherit;
  line-height: 1.72em;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}

.k-button.k-state-disabled, .k-button.k-state-disabled:active, .k-button.k-state-disabled:hover, .k-button[disabled], .k-state-disabled .k-button, .k-state-disabled .k-button:active, .k-state-disabled .k-button:hover {
  cursor: default;
}

a.k-button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
}

.k-ff input.k-button {
  padding-bottom: .37em;
  padding-top: .37em;
}

button.k-button::-moz-focus-inner, input.k-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a.k-button-expand {
  display: block;
}

button.k-button-expand, input[type=submit].k-button-expand, input[type=button].k-button-expand, input[type=reset].k-button-expand {
  width: 100%;
}

body .k-button-icon, body .k-split-button-arrow {
  padding-left: .4em;
  padding-right: .4em;
}

.k-button-icontext {
  overflow: visible;
}

.k-toolbar .k-button-icontext {
  padding-right: .8em;
}

.k-button-icontext .k-icon, .k-button-icontext .k-image, .k-button-icontext .k-sprite {
  margin-right: 3px;
  margin-right: .3rem;
  margin-left: -3px;
  margin-left: -.3rem;
}

.k-button.k-button-icontext .k-icon, .k-button.k-button-icontext .k-image {
  vertical-align: text-top;
}

html body .k-button-bare {
  background: 0 0 !important;
  color: inherit;
  border-width: 0;
}

html body .k-button-bare.k-upload-button:hover {
  color: inherit;
}

.k-link {
  cursor: pointer;
  outline: 0;
  text-decoration: none;
}

.k-grid-header span.k-link {
  cursor: default;
}

.k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-draghandle, .k-state-disabled .k-icon, .k-state-disabled .k-link, .k-state-disabled .k-upload-button input {
  cursor: default !important;
  outline: 0;
}

@media print {
  .k-state-disabled, .k-state-disabled .k-input {
    opacity: 1 !important;
  }
}

.k-state-error {
  border-style: ridge;
}

.k-state-empty {
  font-style: italic;
}

.k-button-group .k-tool-icon, .k-icon, .k-sprite {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
  text-align: center;
  -ms-high-contrast-adjust: none;
}

.k-icon.k-i-none {
  background-image: none !important;
}

.k-ie8 .k-button-group .k-tool-icon, .k-ie8 .k-icon, .k-ie8 .k-sprite {
  vertical-align: middle;
}

:root * > .k-button-group .k-tool-icon, :root * > .k-icon, :root * > .k-sprite {
  vertical-align: middle;
}

.k-icon, .k-sprite {
  background-color: transparent;
}

.k-numerictextbox .k-select .k-link span.k-i-arrow-n {
  background-position: 0 -3px;
}

.k-numerictextbox .k-select .k-link span.k-i-arrow-s {
  background-position: 0 -35px;
}

.k-state-selected .k-i-arrow-n {
  background-position: -16px 0;
}

.k-button:active .k-state-selected .k-i-arrow-n, .k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-n, .k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-n, .k-state-hover > * > .k-state-selected .k-i-arrow-n, .k-state-hover > .k-state-selected .k-i-arrow-n, .k-textbox:hover .k-state-selected .k-i-arrow-n {
  background-position: -32px 0;
}

.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
  background-position: -16px -3px;
}

.k-state-selected .k-i-arrow-s {
  background-position: -16px -32px;
}

.k-button:active .k-state-selected .k-i-arrow-s, .k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-s, .k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-s, .k-state-hover > * > .k-state-selected .k-i-arrow-s, .k-state-hover > .k-state-selected .k-i-arrow-s, .k-textbox:hover .k-state-selected .k-i-arrow-s {
  background-position: -32px -32px;
}

.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
  background-position: -16px -35px;
}

.k-grid-header th > .k-link:hover span.k-i-arrow-n {
  background-position: 0 0;
}

.k-grid-header th > .k-link:hover span.k-i-arrow-s {
  background-position: 0 -32px;
}

.k-group-indicator .k-link:hover span.k-si-arrow-n {
  background-position: 0 -129px;
}

.k-group-indicator .k-link:hover span.k-si-arrow-s {
  background-position: 0 -159px;
}

.k-group-indicator .k-button:hover span.k-group-delete {
  background-position: -32px -16px;
}

.k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar {
  background-position: -32px -176px;
}

.k-i-arrow-n {
  background-position: 0 0;
}

.k-button:active .k-i-arrow-n, .k-button:not(.k-state-disabled):hover .k-i-arrow-n, .k-link:not(.k-state-disabled):hover > .k-i-arrow-n, .k-state-hover > * > .k-i-arrow-n, .k-state-hover > .k-i-arrow-n, .k-textbox:hover .k-i-arrow-n {
  background-position: -16px 0;
}

.k-i-arrow-e {
  background-position: 0 -16px;
}

.k-button:active .k-i-arrow-e, .k-button:not(.k-state-disabled):hover .k-i-arrow-e, .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-state-hover > * > .k-i-arrow-e, .k-state-hover > .k-i-arrow-e, .k-textbox:hover .k-i-arrow-e {
  background-position: -16px -16px;
}

.k-rtl .k-i-arrow-w {
  background-position: 0 -16px;
}

.k-rtl .k-button:active .k-i-arrow-w, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-w, .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, .k-rtl .k-state-hover > * > .k-i-arrow-w, .k-rtl .k-state-hover > .k-i-arrow-w, .k-rtl .k-textbox:hover .k-i-arrow-w {
  background-position: -16px -16px;
}

.k-i-arrow-s {
  background-position: 0 -32px;
}

.k-button:active .k-i-arrow-s, .k-button:not(.k-state-disabled):hover .k-i-arrow-s, .k-link:not(.k-state-disabled):hover > .k-i-arrow-s, .k-state-hover > * > .k-i-arrow-s, .k-state-hover > .k-i-arrow-s, .k-textbox:hover .k-i-arrow-s {
  background-position: -16px -32px;
}

.k-i-arrow-w {
  background-position: 0 -48px;
}

.k-button:active .k-i-arrow-w, .k-button:not(.k-state-disabled):hover .k-i-arrow-w, .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, .k-state-hover > * > .k-i-arrow-w, .k-state-hover > .k-i-arrow-w, .k-textbox:hover .k-i-arrow-w {
  background-position: -16px -48px;
}

.k-rtl .k-i-arrow-e {
  background-position: 0 -48px;
}

.k-rtl .k-button:active .k-i-arrow-e, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-e, .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-rtl .k-state-hover > * > .k-i-arrow-e, .k-rtl .k-state-hover > .k-i-arrow-e, .k-rtl .k-textbox:hover .k-i-arrow-e {
  background-position: -16px -48px;
}

.k-i-seek-n {
  background-position: 0 -64px;
}

.k-button:active .k-i-seek-n, .k-button:not(.k-state-disabled):hover .k-i-seek-n, .k-link:not(.k-state-disabled):hover > .k-i-seek-n, .k-state-hover > * > .k-i-seek-n, .k-state-hover > .k-i-seek-n, .k-textbox:hover .k-i-seek-n {
  background-position: -16px -64px;
}

.k-i-seek-e {
  background-position: 0 -80px;
}

.k-button:active .k-i-seek-e, .k-button:not(.k-state-disabled):hover .k-i-seek-e, .k-link:not(.k-state-disabled):hover > .k-i-seek-e, .k-state-hover > * > .k-i-seek-e, .k-state-hover > .k-i-seek-e, .k-textbox:hover .k-i-seek-e {
  background-position: -16px -80px;
}

.k-rtl .k-i-seek-w {
  background-position: 0 -80px;
}

.k-rtl .k-button:active .k-i-seek-w, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-w, .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-w, .k-rtl .k-state-hover > * > .k-i-seek-w, .k-rtl .k-state-hover > .k-i-seek-w, .k-rtl .k-textbox:hover .k-i-seek-w {
  background-position: -16px -80px;
}

.k-i-seek-s {
  background-position: 0 -96px;
}

.k-button:active .k-i-seek-s, .k-button:not(.k-state-disabled):hover .k-i-seek-s, .k-link:not(.k-state-disabled):hover > .k-i-seek-s, .k-state-hover > * > .k-i-seek-s, .k-state-hover > .k-i-seek-s, .k-textbox:hover .k-i-seek-s {
  background-position: -16px -96px;
}

.k-i-seek-w {
  background-position: 0 -112px;
}

.k-button:active .k-i-seek-w, .k-button:not(.k-state-disabled):hover .k-i-seek-w, .k-link:not(.k-state-disabled):hover > .k-i-seek-w, .k-state-hover > * > .k-i-seek-w, .k-state-hover > .k-i-seek-w, .k-textbox:hover .k-i-seek-w {
  background-position: -16px -112px;
}

.k-rtl .k-i-seek-e {
  background-position: 0 -112px;
}

.k-rtl .k-button:active .k-i-seek-e, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-e, .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-e, .k-rtl .k-state-hover > * > .k-i-seek-e, .k-rtl .k-state-hover > .k-i-seek-e, .k-rtl .k-textbox:hover .k-i-seek-e {
  background-position: -16px -112px;
}

.k-si-arrow-n {
  background-position: 0 -129px;
}

.k-button:active .k-si-arrow-n, .k-button:not(.k-state-disabled):hover .k-si-arrow-n, .k-link:not(.k-state-disabled):hover > .k-si-arrow-n, .k-state-hover > * > .k-si-arrow-n, .k-state-hover > .k-si-arrow-n, .k-textbox:hover .k-si-arrow-n {
  background-position: -16px -129px;
}

.k-si-arrow-e {
  background-position: 0 -144px;
}

.k-button:active .k-si-arrow-e, .k-button:not(.k-state-disabled):hover .k-si-arrow-e, .k-link:not(.k-state-disabled):hover > .k-si-arrow-e, .k-state-hover > * > .k-si-arrow-e, .k-state-hover > .k-si-arrow-e, .k-textbox:hover .k-si-arrow-e {
  background-position: -16px -144px;
}

.k-si-arrow-s {
  background-position: 0 -159px;
}

.k-button:active .k-si-arrow-s, .k-button:not(.k-state-disabled):hover .k-si-arrow-s, .k-link:not(.k-state-disabled):hover > .k-si-arrow-s, .k-state-hover > * > .k-si-arrow-s, .k-state-hover > .k-si-arrow-s, .k-textbox:hover .k-si-arrow-s {
  background-position: -16px -159px;
}

.k-si-arrow-w {
  background-position: 0 -176px;
}

.k-button:active .k-si-arrow-w, .k-button:not(.k-state-disabled):hover .k-si-arrow-w, .k-link:not(.k-state-disabled):hover > .k-si-arrow-w, .k-state-hover > * > .k-si-arrow-w, .k-state-hover > .k-si-arrow-w, .k-textbox:hover .k-si-arrow-w {
  background-position: -16px -176px;
}

.k-i-arrowhead-n {
  background-position: 0 -256px;
}

.k-button:active .k-i-arrowhead-n, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-n, .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-n, .k-state-hover > * > .k-i-arrowhead-n, .k-state-hover > .k-i-arrowhead-n, .k-textbox:hover .k-i-arrowhead-n {
  background-position: -16px -256px;
}

.k-i-arrowhead-e {
  background-position: 0 -272px;
}

.k-button:active .k-i-arrowhead-e, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-e, .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-e, .k-state-hover > * > .k-i-arrowhead-e, .k-state-hover > .k-i-arrowhead-e, .k-textbox:hover .k-i-arrowhead-e {
  background-position: -16px -272px;
}

.k-i-arrowhead-s {
  background-position: 0 -288px;
}

.k-button:active .k-i-arrowhead-s, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-s, .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-s, .k-state-hover > * > .k-i-arrowhead-s, .k-state-hover > .k-i-arrowhead-s, .k-textbox:hover .k-i-arrowhead-s {
  background-position: -16px -288px;
}

.k-i-arrowhead-w {
  background-position: 0 -304px;
}

.k-button:active .k-i-arrowhead-w, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-w, .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-w, .k-state-hover > * > .k-i-arrowhead-w, .k-state-hover > .k-i-arrowhead-w, .k-textbox:hover .k-i-arrowhead-w {
  background-position: -16px -304px;
}

.k-i-expand, .k-plus, .k-plus-disabled {
  background-position: 0 -192px;
}

.k-button:active .k-i-expand, .k-button:active .k-plus, .k-button:active .k-plus-disabled, .k-button:not(.k-state-disabled):hover .k-i-expand, .k-button:not(.k-state-disabled):hover .k-plus, .k-button:not(.k-state-disabled):hover .k-plus-disabled, .k-link:not(.k-state-disabled):hover > .k-i-expand, .k-link:not(.k-state-disabled):hover > .k-plus, .k-link:not(.k-state-disabled):hover > .k-plus-disabled, .k-state-hover > * > .k-i-expand, .k-state-hover > * > .k-plus, .k-state-hover > * > .k-plus-disabled, .k-state-hover > .k-i-expand, .k-state-hover > .k-plus, .k-state-hover > .k-plus-disabled, .k-textbox:hover .k-i-expand, .k-textbox:hover .k-plus, .k-textbox:hover .k-plus-disabled {
  background-position: -16px -192px;
}

.k-i-expand-w, .k-rtl .k-i-expand, .k-rtl .k-plus, .k-rtl .k-plus-disabled {
  background-position: 0 -208px;
}

.k-button:active .k-i-expand-w, .k-button:active .k-rtl .k-i-expand, .k-button:active .k-rtl .k-plus, .k-button:active .k-rtl .k-plus-disabled, .k-button:not(.k-state-disabled):hover .k-i-expand-w, .k-button:not(.k-state-disabled):hover .k-rtl .k-i-expand, .k-button:not(.k-state-disabled):hover .k-rtl .k-plus, .k-button:not(.k-state-disabled):hover .k-rtl .k-plus-disabled, .k-link:not(.k-state-disabled):hover > .k-i-expand-w, .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-expand, .k-link:not(.k-state-disabled):hover > .k-rtl .k-plus, .k-link:not(.k-state-disabled):hover > .k-rtl .k-plus-disabled, .k-state-hover > * > .k-i-expand-w, .k-state-hover > * > .k-rtl .k-i-expand, .k-state-hover > * > .k-rtl .k-plus, .k-state-hover > * > .k-rtl .k-plus-disabled, .k-state-hover > .k-i-expand-w, .k-state-hover > .k-rtl .k-i-expand, .k-state-hover > .k-rtl .k-plus, .k-state-hover > .k-rtl .k-plus-disabled, .k-textbox:hover .k-i-expand-w, .k-textbox:hover .k-rtl .k-i-expand, .k-textbox:hover .k-rtl .k-plus, .k-textbox:hover .k-rtl .k-plus-disabled {
  background-position: -16px -208px;
}

.k-i-collapse, .k-minus, .k-minus-disabled {
  background-position: 0 -224px;
}

.k-button:active .k-i-collapse, .k-button:active .k-minus, .k-button:active .k-minus-disabled, .k-button:not(.k-state-disabled):hover .k-i-collapse, .k-button:not(.k-state-disabled):hover .k-minus, .k-button:not(.k-state-disabled):hover .k-minus-disabled, .k-link:not(.k-state-disabled):hover > .k-i-collapse, .k-link:not(.k-state-disabled):hover > .k-minus, .k-link:not(.k-state-disabled):hover > .k-minus-disabled, .k-state-hover > * > .k-i-collapse, .k-state-hover > * > .k-minus, .k-state-hover > * > .k-minus-disabled, .k-state-hover > .k-i-collapse, .k-state-hover > .k-minus, .k-state-hover > .k-minus-disabled, .k-textbox:hover .k-i-collapse, .k-textbox:hover .k-minus, .k-textbox:hover .k-minus-disabled {
  background-position: -16px -224px;
}

.k-i-collapse-w, .k-rtl .k-i-collapse, .k-rtl .k-minus, .k-rtl .k-minus-disabled {
  background-position: 0 -240px;
}

.k-button:active .k-i-collapse-w, .k-button:active .k-rtl .k-i-collapse, .k-button:active .k-rtl .k-minus, .k-button:active .k-rtl .k-minus-disabled, .k-button:not(.k-state-disabled):hover .k-i-collapse-w, .k-button:not(.k-state-disabled):hover .k-rtl .k-i-collapse, .k-button:not(.k-state-disabled):hover .k-rtl .k-minus, .k-button:not(.k-state-disabled):hover .k-rtl .k-minus-disabled, .k-link:not(.k-state-disabled):hover > .k-i-collapse-w, .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-collapse, .k-link:not(.k-state-disabled):hover > .k-rtl .k-minus, .k-link:not(.k-state-disabled):hover > .k-rtl .k-minus-disabled, .k-state-hover > * > .k-i-collapse-w, .k-state-hover > * > .k-rtl .k-i-collapse, .k-state-hover > * > .k-rtl .k-minus, .k-state-hover > * > .k-rtl .k-minus-disabled, .k-state-hover > .k-i-collapse-w, .k-state-hover > .k-rtl .k-i-collapse, .k-state-hover > .k-rtl .k-minus, .k-state-hover > .k-rtl .k-minus-disabled, .k-textbox:hover .k-i-collapse-w, .k-textbox:hover .k-rtl .k-i-collapse, .k-textbox:hover .k-rtl .k-minus, .k-textbox:hover .k-rtl .k-minus-disabled {
  background-position: -16px -240px;
}

.k-edit, .k-i-pencil {
  background-position: -32px 0;
}

.k-button:active .k-edit, .k-button:active .k-i-pencil, .k-button:not(.k-state-disabled):hover .k-edit, .k-button:not(.k-state-disabled):hover .k-i-pencil, .k-link:not(.k-state-disabled):hover > .k-edit, .k-link:not(.k-state-disabled):hover > .k-i-pencil, .k-state-hover > * > .k-edit, .k-state-hover > * > .k-i-pencil, .k-state-hover > .k-edit, .k-state-hover > .k-i-pencil, .k-textbox:hover .k-edit, .k-textbox:hover .k-i-pencil {
  background-position: -48px 0;
}

.k-delete, .k-group-delete, .k-i-close {
  background-position: -32px -16px;
}

.k-button:active .k-delete, .k-button:active .k-group-delete, .k-button:active .k-i-close, .k-button:not(.k-state-disabled):hover .k-delete, .k-button:not(.k-state-disabled):hover .k-group-delete, .k-button:not(.k-state-disabled):hover .k-i-close, .k-link:not(.k-state-disabled):hover > .k-delete, .k-link:not(.k-state-disabled):hover > .k-group-delete, .k-link:not(.k-state-disabled):hover > .k-i-close, .k-state-hover > * > .k-delete, .k-state-hover > * > .k-group-delete, .k-state-hover > * > .k-i-close, .k-state-hover > .k-delete, .k-state-hover > .k-group-delete, .k-state-hover > .k-i-close, .k-textbox:hover .k-delete, .k-textbox:hover .k-group-delete, .k-textbox:hover .k-i-close {
  background-position: -48px -16px;
}

.k-si-close {
  background-position: -160px -80px;
}

.k-button:active .k-si-close, .k-button:not(.k-state-disabled):hover .k-si-close, .k-link:not(.k-state-disabled):hover > .k-si-close, .k-state-hover > * > .k-si-close, .k-state-hover > .k-si-close, .k-textbox:hover .k-si-close {
  background-position: -176px -80px;
}

.k-multiselect .k-delete {
  background-position: -160px -80px;
}

.k-multiselect .k-state-hover .k-delete {
  background-position: -176px -80px;
}

.k-i-tick, .k-insert, .k-update {
  background-position: -32px -32px;
}

.k-button:active .k-i-tick, .k-button:active .k-insert, .k-button:active .k-update, .k-button:not(.k-state-disabled):hover .k-i-tick, .k-button:not(.k-state-disabled):hover .k-insert, .k-button:not(.k-state-disabled):hover .k-update, .k-link:not(.k-state-disabled):hover > .k-i-tick, .k-link:not(.k-state-disabled):hover > .k-insert, .k-link:not(.k-state-disabled):hover > .k-update, .k-state-hover > * > .k-i-tick, .k-state-hover > * > .k-insert, .k-state-hover > * > .k-update, .k-state-hover > .k-i-tick, .k-state-hover > .k-insert, .k-state-hover > .k-update, .k-textbox:hover .k-i-tick, .k-textbox:hover .k-insert, .k-textbox:hover .k-update {
  background-position: -48px -32px;
}

.k-check:checked, .k-mobile-list .k-edit-field [type=checkbox], .k-mobile-list .k-edit-field [type=radio] {
  background-position: -32px -32px;
}

.k-button:active .k-check:checked, .k-button:active .k-mobile-list .k-edit-field [type=checkbox], .k-button:active .k-mobile-list .k-edit-field [type=radio], .k-button:not(.k-state-disabled):hover .k-check:checked, .k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=checkbox], .k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=radio], .k-link:not(.k-state-disabled):hover > .k-check:checked, .k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=checkbox], .k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=radio], .k-state-hover > * > .k-check:checked, .k-state-hover > * > .k-mobile-list .k-edit-field [type=checkbox], .k-state-hover > * > .k-mobile-list .k-edit-field [type=radio], .k-state-hover > .k-check:checked, .k-state-hover > .k-mobile-list .k-edit-field [type=checkbox], .k-state-hover > .k-mobile-list .k-edit-field [type=radio], .k-textbox:hover .k-check:checked, .k-textbox:hover .k-mobile-list .k-edit-field [type=checkbox], .k-textbox:hover .k-mobile-list .k-edit-field [type=radio] {
  background-position: -48px -32px;
}

.k-cancel, .k-denied, .k-i-cancel {
  background-position: -32px -48px;
}

.k-button:active .k-cancel, .k-button:active .k-denied, .k-button:active .k-i-cancel, .k-button:not(.k-state-disabled):hover .k-cancel, .k-button:not(.k-state-disabled):hover .k-denied, .k-button:not(.k-state-disabled):hover .k-i-cancel, .k-link:not(.k-state-disabled):hover > .k-cancel, .k-link:not(.k-state-disabled):hover > .k-denied, .k-link:not(.k-state-disabled):hover > .k-i-cancel, .k-state-hover > * > .k-cancel, .k-state-hover > * > .k-denied, .k-state-hover > * > .k-i-cancel, .k-state-hover > .k-cancel, .k-state-hover > .k-denied, .k-state-hover > .k-i-cancel, .k-textbox:hover .k-cancel, .k-textbox:hover .k-denied, .k-textbox:hover .k-i-cancel {
  background-position: -48px -48px;
}

.k-add, .k-i-plus {
  background-position: -32px -64px;
}

.k-button:active .k-add, .k-button:active .k-i-plus, .k-button:not(.k-state-disabled):hover .k-add, .k-button:not(.k-state-disabled):hover .k-i-plus, .k-link:not(.k-state-disabled):hover > .k-add, .k-link:not(.k-state-disabled):hover > .k-i-plus, .k-state-hover > * > .k-add, .k-state-hover > * > .k-i-plus, .k-state-hover > .k-add, .k-state-hover > .k-i-plus, .k-textbox:hover .k-add, .k-textbox:hover .k-i-plus {
  background-position: -48px -64px;
}

.k-filter, .k-i-funnel {
  background-position: -32px -80px;
}

.k-button:active .k-filter, .k-button:active .k-i-funnel, .k-button:not(.k-state-disabled):hover .k-filter, .k-button:not(.k-state-disabled):hover .k-i-funnel, .k-link:not(.k-state-disabled):hover > .k-filter, .k-link:not(.k-state-disabled):hover > .k-i-funnel, .k-state-hover > * > .k-filter, .k-state-hover > * > .k-i-funnel, .k-state-hover > .k-filter, .k-state-hover > .k-i-funnel, .k-textbox:hover .k-filter, .k-textbox:hover .k-i-funnel {
  background-position: -48px -80px;
}

.k-clear-filter, .k-i-funnel-clear {
  background-position: -32px -96px;
}

.k-button:active .k-clear-filter, .k-button:active .k-i-funnel-clear, .k-button:not(.k-state-disabled):hover .k-clear-filter, .k-button:not(.k-state-disabled):hover .k-i-funnel-clear, .k-link:not(.k-state-disabled):hover > .k-clear-filter, .k-link:not(.k-state-disabled):hover > .k-i-funnel-clear, .k-state-hover > * > .k-clear-filter, .k-state-hover > * > .k-i-funnel-clear, .k-state-hover > .k-clear-filter, .k-state-hover > .k-i-funnel-clear, .k-textbox:hover .k-clear-filter, .k-textbox:hover .k-i-funnel-clear {
  background-position: -48px -96px;
}

.k-i-lock {
  background-position: -64px 0;
}

.k-button:active .k-i-lock, .k-button:not(.k-state-disabled):hover .k-i-lock, .k-link:not(.k-state-disabled):hover > .k-i-lock, .k-state-hover > * > .k-i-lock, .k-state-hover > .k-i-lock, .k-textbox:hover .k-i-lock {
  background-position: -80px 0;
}

.k-i-unlock {
  background-position: -64px -16px;
}

.k-button:active .k-i-unlock, .k-button:not(.k-state-disabled):hover .k-i-unlock, .k-link:not(.k-state-disabled):hover > .k-i-unlock, .k-state-hover > * > .k-i-unlock, .k-state-hover > .k-i-unlock, .k-textbox:hover .k-i-unlock {
  background-position: -80px -16px;
}

.k-i-refresh {
  background-position: -32px -112px;
}

.k-button:active .k-i-refresh, .k-button:not(.k-state-disabled):hover .k-i-refresh, .k-link:not(.k-state-disabled):hover > .k-i-refresh, .k-state-hover > * > .k-i-refresh, .k-state-hover > .k-i-refresh, .k-textbox:hover .k-i-refresh {
  background-position: -48px -112px;
}

.k-i-exception {
  background-position: -160px -304px;
}

.k-button:active .k-i-exception, .k-button:not(.k-state-disabled):hover .k-i-exception, .k-link:not(.k-state-disabled):hover > .k-i-exception, .k-state-hover > * > .k-i-exception, .k-state-hover > .k-i-exception, .k-textbox:hover .k-i-exception {
  background-position: -176px -304px;
}

.k-i-restore {
  background-position: -32px -128px;
}

.k-button:active .k-i-restore, .k-button:not(.k-state-disabled):hover .k-i-restore, .k-link:not(.k-state-disabled):hover > .k-i-restore, .k-state-hover > * > .k-i-restore, .k-state-hover > .k-i-restore, .k-textbox:hover .k-i-restore {
  background-position: -48px -128px;
}

.k-i-maximize {
  background-position: -32px -144px;
}

.k-button:active .k-i-maximize, .k-button:not(.k-state-disabled):hover .k-i-maximize, .k-link:not(.k-state-disabled):hover > .k-i-maximize, .k-state-hover > * > .k-i-maximize, .k-state-hover > .k-i-maximize, .k-textbox:hover .k-i-maximize {
  background-position: -48px -144px;
}

.k-i-minimize {
  background-position: -64px -288px;
}

.k-button:active .k-i-minimize, .k-button:not(.k-state-disabled):hover .k-i-minimize, .k-link:not(.k-state-disabled):hover > .k-i-minimize, .k-state-hover > * > .k-i-minimize, .k-state-hover > .k-i-minimize, .k-textbox:hover .k-i-minimize {
  background-position: -80px -288px;
}

.k-i-pin {
  background-position: -160px -256px;
}

.k-button:active .k-i-pin, .k-button:not(.k-state-disabled):hover .k-i-pin, .k-link:not(.k-state-disabled):hover > .k-i-pin, .k-state-hover > * > .k-i-pin, .k-state-hover > .k-i-pin, .k-textbox:hover .k-i-pin {
  background-position: -176px -256px;
}

.k-i-unpin {
  background-position: -160px -272px;
}

.k-button:active .k-i-unpin, .k-button:not(.k-state-disabled):hover .k-i-unpin, .k-link:not(.k-state-disabled):hover > .k-i-unpin, .k-state-hover > * > .k-i-unpin, .k-state-hover > .k-i-unpin, .k-textbox:hover .k-i-unpin {
  background-position: -176px -272px;
}

.k-resize-se {
  background-position: -32px -160px;
}

.k-button:active .k-resize-se, .k-button:not(.k-state-disabled):hover .k-resize-se, .k-link:not(.k-state-disabled):hover > .k-resize-se, .k-state-hover > * > .k-resize-se, .k-state-hover > .k-resize-se, .k-textbox:hover .k-resize-se {
  background-position: -48px -160px;
}

.k-i-calendar {
  background-position: -32px -176px;
}

.k-button:active .k-i-calendar, .k-button:not(.k-state-disabled):hover .k-i-calendar, .k-link:not(.k-state-disabled):hover > .k-i-calendar, .k-state-hover > * > .k-i-calendar, .k-state-hover > .k-i-calendar, .k-textbox:hover .k-i-calendar {
  background-position: -48px -176px;
}

.k-i-clock {
  background-position: -32px -192px;
}

.k-button:active .k-i-clock, .k-button:not(.k-state-disabled):hover .k-i-clock, .k-link:not(.k-state-disabled):hover > .k-i-clock, .k-state-hover > * > .k-i-clock, .k-state-hover > .k-i-clock, .k-textbox:hover .k-i-clock {
  background-position: -48px -192px;
}

.k-si-plus {
  background-position: -32px -208px;
}

.k-button:active .k-si-plus, .k-button:not(.k-state-disabled):hover .k-si-plus, .k-link:not(.k-state-disabled):hover > .k-si-plus, .k-state-hover > * > .k-si-plus, .k-state-hover > .k-si-plus, .k-textbox:hover .k-si-plus {
  background-position: -48px -208px;
}

.k-si-minus {
  background-position: -32px -224px;
}

.k-button:active .k-si-minus, .k-button:not(.k-state-disabled):hover .k-si-minus, .k-link:not(.k-state-disabled):hover > .k-si-minus, .k-state-hover > * > .k-si-minus, .k-state-hover > .k-si-minus, .k-textbox:hover .k-si-minus {
  background-position: -48px -224px;
}

.k-i-search {
  background-position: -32px -240px;
}

.k-button:active .k-i-search, .k-button:not(.k-state-disabled):hover .k-i-search, .k-link:not(.k-state-disabled):hover > .k-i-search, .k-state-hover > * > .k-i-search, .k-state-hover > .k-i-search, .k-textbox:hover .k-i-search {
  background-position: -48px -240px;
}

.k-i-custom {
  background-position: -115px -113px;
}

.k-button:active .k-i-custom, .k-button:not(.k-state-disabled):hover .k-i-custom, .k-link:not(.k-state-disabled):hover > .k-i-custom, .k-state-hover > * > .k-i-custom, .k-state-hover > .k-i-custom, .k-textbox:hover .k-i-custom {
  background-position: -141px -113px;
}

.k-editor .k-i-custom {
  background-position: -111px -109px;
}

.k-viewHtml {
  background-position: -288px -120px;
}

.k-i-insert-n, .k-insert-top {
  background-position: -160px -32px;
}

.k-button:active .k-i-insert-n, .k-button:active .k-insert-top, .k-button:not(.k-state-disabled):hover .k-i-insert-n, .k-button:not(.k-state-disabled):hover .k-insert-top, .k-link:not(.k-state-disabled):hover > .k-i-insert-n, .k-link:not(.k-state-disabled):hover > .k-insert-top, .k-state-hover > * > .k-i-insert-n, .k-state-hover > * > .k-insert-top, .k-state-hover > .k-i-insert-n, .k-state-hover > .k-insert-top, .k-textbox:hover .k-i-insert-n, .k-textbox:hover .k-insert-top {
  background-position: -176px -32px;
}

.k-i-insert-m, .k-insert-middle {
  background-position: -160px -48px;
}

.k-button:active .k-i-insert-m, .k-button:active .k-insert-middle, .k-button:not(.k-state-disabled):hover .k-i-insert-m, .k-button:not(.k-state-disabled):hover .k-insert-middle, .k-link:not(.k-state-disabled):hover > .k-i-insert-m, .k-link:not(.k-state-disabled):hover > .k-insert-middle, .k-state-hover > * > .k-i-insert-m, .k-state-hover > * > .k-insert-middle, .k-state-hover > .k-i-insert-m, .k-state-hover > .k-insert-middle, .k-textbox:hover .k-i-insert-m, .k-textbox:hover .k-insert-middle {
  background-position: -176px -48px;
}

.k-i-insert-s, .k-insert-bottom {
  background-position: -160px -64px;
}

.k-button:active .k-i-insert-s, .k-button:active .k-insert-bottom, .k-button:not(.k-state-disabled):hover .k-i-insert-s, .k-button:not(.k-state-disabled):hover .k-insert-bottom, .k-link:not(.k-state-disabled):hover > .k-i-insert-s, .k-link:not(.k-state-disabled):hover > .k-insert-bottom, .k-state-hover > * > .k-i-insert-s, .k-state-hover > * > .k-insert-bottom, .k-state-hover > .k-i-insert-s, .k-state-hover > .k-insert-bottom, .k-textbox:hover .k-i-insert-s, .k-textbox:hover .k-insert-bottom {
  background-position: -176px -64px;
}

.k-drop-hint {
  background-position: 0 -326px;
}

.k-i-note, .k-warning {
  background-position: -160px -240px;
}

.k-button:active .k-i-note, .k-button:active .k-warning, .k-button:not(.k-state-disabled):hover .k-i-note, .k-button:not(.k-state-disabled):hover .k-warning, .k-link:not(.k-state-disabled):hover > .k-i-note, .k-link:not(.k-state-disabled):hover > .k-warning, .k-state-hover > * > .k-i-note, .k-state-hover > * > .k-warning, .k-state-hover > .k-i-note, .k-state-hover > .k-warning, .k-textbox:hover .k-i-note, .k-textbox:hover .k-warning {
  background-position: -176px -240px;
}

.k-i-sort-asc {
  background-position: -112px -240px;
}

.k-button:active .k-i-sort-asc, .k-button:not(.k-state-disabled):hover .k-i-sort-asc, .k-link:not(.k-state-disabled):hover > .k-i-sort-asc, .k-state-hover > * > .k-i-sort-asc, .k-state-hover > .k-i-sort-asc, .k-textbox:hover .k-i-sort-asc {
  background-position: -128px -240px;
}

.k-i-sort-desc {
  background-position: -112px -256px;
}

.k-button:active .k-i-sort-desc, .k-button:not(.k-state-disabled):hover .k-i-sort-desc, .k-link:not(.k-state-disabled):hover > .k-i-sort-desc, .k-state-hover > * > .k-i-sort-desc, .k-state-hover > .k-i-sort-desc, .k-textbox:hover .k-i-sort-desc {
  background-position: -128px -256px;
}

.k-i-group {
  background-position: -112px -272px;
}

.k-button:active .k-i-group, .k-button:not(.k-state-disabled):hover .k-i-group, .k-link:not(.k-state-disabled):hover > .k-i-group, .k-state-hover > * > .k-i-group, .k-state-hover > .k-i-group, .k-textbox:hover .k-i-group {
  background-position: -128px -272px;
}

.k-i-ungroup {
  background-position: -112px -288px;
}

.k-button:active .k-i-ungroup, .k-button:not(.k-state-disabled):hover .k-i-ungroup, .k-link:not(.k-state-disabled):hover > .k-i-ungroup, .k-state-hover > * > .k-i-ungroup, .k-state-hover > .k-i-ungroup, .k-textbox:hover .k-i-ungroup {
  background-position: -128px -288px;
}

.k-i-columns {
  background-position: -112px -304px;
}

.k-button:active .k-i-columns, .k-button:not(.k-state-disabled):hover .k-i-columns, .k-link:not(.k-state-disabled):hover > .k-i-columns, .k-state-hover > * > .k-i-columns, .k-state-hover > .k-i-columns, .k-textbox:hover .k-i-columns {
  background-position: -128px -304px;
}

.k-i-hbars {
  background-position: -64px -32px;
}

.k-button:active .k-i-hbars, .k-button:not(.k-state-disabled):hover .k-i-hbars, .k-link:not(.k-state-disabled):hover > .k-i-hbars, .k-state-hover > * > .k-i-hbars, .k-state-hover > .k-i-hbars, .k-textbox:hover .k-i-hbars {
  background-position: -80px -32px;
}

.k-i-vbars {
  background-position: -64px -48px;
}

.k-button:active .k-i-vbars, .k-button:not(.k-state-disabled):hover .k-i-vbars, .k-link:not(.k-state-disabled):hover > .k-i-vbars, .k-state-hover > * > .k-i-vbars, .k-state-hover > .k-i-vbars, .k-textbox:hover .k-i-vbars {
  background-position: -80px -48px;
}

.k-i-sum {
  background-position: -64px -64px;
}

.k-button:active .k-i-sum, .k-button:not(.k-state-disabled):hover .k-i-sum, .k-link:not(.k-state-disabled):hover > .k-i-sum, .k-state-hover > * > .k-i-sum, .k-state-hover > .k-i-sum, .k-textbox:hover .k-i-sum {
  background-position: -80px -64px;
}

.k-i-pdf {
  background-position: -64px -80px;
}

.k-button:active .k-i-pdf, .k-button:not(.k-state-disabled):hover .k-i-pdf, .k-link:not(.k-state-disabled):hover > .k-i-pdf, .k-state-hover > * > .k-i-pdf, .k-state-hover > .k-i-pdf, .k-textbox:hover .k-i-pdf {
  background-position: -80px -80px;
}

.k-i-excel {
  background-position: -64px -96px;
}

.k-button:active .k-i-excel, .k-button:not(.k-state-disabled):hover .k-i-excel, .k-link:not(.k-state-disabled):hover > .k-i-excel, .k-state-hover > * > .k-i-excel, .k-state-hover > .k-i-excel, .k-textbox:hover .k-i-excel {
  background-position: -80px -96px;
}

.k-i-rotatecw {
  background-position: -64px -112px;
}

.k-button:active .k-i-rotatecw, .k-button:not(.k-state-disabled):hover .k-i-rotatecw, .k-link:not(.k-state-disabled):hover > .k-i-rotatecw, .k-state-hover > * > .k-i-rotatecw, .k-state-hover > .k-i-rotatecw, .k-textbox:hover .k-i-rotatecw {
  background-position: -80px -112px;
}

.k-i-rotateccw {
  background-position: -64px -128px;
}

.k-button:active .k-i-rotateccw, .k-button:not(.k-state-disabled):hover .k-i-rotateccw, .k-link:not(.k-state-disabled):hover > .k-i-rotateccw, .k-state-hover > * > .k-i-rotateccw, .k-state-hover > .k-i-rotateccw, .k-textbox:hover .k-i-rotateccw {
  background-position: -80px -128px;
}

.k-i-undo {
  background-position: -64px -160px;
}

.k-button:active .k-i-undo, .k-button:not(.k-state-disabled):hover .k-i-undo, .k-link:not(.k-state-disabled):hover > .k-i-undo, .k-state-hover > * > .k-i-undo, .k-state-hover > .k-i-undo, .k-textbox:hover .k-i-undo {
  background-position: -80px -160px;
}

.k-i-redo {
  background-position: -64px -144px;
}

.k-button:active .k-i-redo, .k-button:not(.k-state-disabled):hover .k-i-redo, .k-link:not(.k-state-disabled):hover > .k-i-redo, .k-state-hover > * > .k-i-redo, .k-state-hover > .k-i-redo, .k-textbox:hover .k-i-redo {
  background-position: -80px -144px;
}

.k-i-shape {
  background-position: -64px -176px;
}

.k-button:active .k-i-shape, .k-button:not(.k-state-disabled):hover .k-i-shape, .k-link:not(.k-state-disabled):hover > .k-i-shape, .k-state-hover > * > .k-i-shape, .k-state-hover > .k-i-shape, .k-textbox:hover .k-i-shape {
  background-position: -80px -176px;
}

.k-i-connector {
  background-position: -64px -192px;
}

.k-button:active .k-i-connector, .k-button:not(.k-state-disabled):hover .k-i-connector, .k-link:not(.k-state-disabled):hover > .k-i-connector, .k-state-hover > * > .k-i-connector, .k-state-hover > .k-i-connector, .k-textbox:hover .k-i-connector {
  background-position: -80px -192px;
}

.k-i-kpi {
  background-position: -64px -208px;
}

.k-button:active .k-i-kpi, .k-button:not(.k-state-disabled):hover .k-i-kpi, .k-link:not(.k-state-disabled):hover > .k-i-kpi, .k-state-hover > * > .k-i-kpi, .k-state-hover > .k-i-kpi, .k-textbox:hover .k-i-kpi {
  background-position: -80px -208px;
}

.k-i-dimension {
  background-position: -64px -224px;
}

.k-button:active .k-i-dimension, .k-button:not(.k-state-disabled):hover .k-i-dimension, .k-link:not(.k-state-disabled):hover > .k-i-dimension, .k-state-hover > * > .k-i-dimension, .k-state-hover > .k-i-dimension, .k-textbox:hover .k-i-dimension {
  background-position: -80px -224px;
}

.k-file {
  background-position: 0 0;
}

.k-button:active .k-file, .k-button:not(.k-state-disabled):hover .k-file, .k-link:not(.k-state-disabled):hover > .k-file, .k-state-hover > * > .k-file, .k-state-hover > .k-file, .k-textbox:hover .k-file {
  background-position: -16px 0;
}

.k-addfolder, .k-i-folder-add {
  background-position: -32px -272px;
}

.k-button:active .k-addfolder, .k-button:active .k-i-folder-add, .k-button:not(.k-state-disabled):hover .k-addfolder, .k-button:not(.k-state-disabled):hover .k-i-folder-add, .k-link:not(.k-state-disabled):hover > .k-addfolder, .k-link:not(.k-state-disabled):hover > .k-i-folder-add, .k-state-hover > * > .k-addfolder, .k-state-hover > * > .k-i-folder-add, .k-state-hover > .k-addfolder, .k-state-hover > .k-i-folder-add, .k-textbox:hover .k-addfolder, .k-textbox:hover .k-i-folder-add {
  background-position: -48px -272px;
}

.k-goup, .k-i-folder-up {
  background-position: -32px -288px;
}

.k-button:active .k-goup, .k-button:active .k-i-folder-up, .k-button:not(.k-state-disabled):hover .k-goup, .k-button:not(.k-state-disabled):hover .k-i-folder-up, .k-link:not(.k-state-disabled):hover > .k-goup, .k-link:not(.k-state-disabled):hover > .k-i-folder-up, .k-state-hover > * > .k-goup, .k-state-hover > * > .k-i-folder-up, .k-state-hover > .k-goup, .k-state-hover > .k-i-folder-up, .k-textbox:hover .k-goup, .k-textbox:hover .k-i-folder-up {
  background-position: -48px -288px;
}

.k-i-more {
  background-position: -64px -32px;
}

.k-button:active .k-i-more, .k-button:not(.k-state-disabled):hover .k-i-more, .k-link:not(.k-state-disabled):hover > .k-i-more, .k-state-hover > * > .k-i-more, .k-state-hover > .k-i-more, .k-textbox:hover .k-i-more {
  background-position: -80px -32px;
}

.k-i-gantt-toggle {
  background-position: -64px -240px;
}

.k-button:active .k-i-gantt-toggle, .k-button:not(.k-state-disabled):hover .k-i-gantt-toggle, .k-link:not(.k-state-disabled):hover > .k-i-gantt-toggle, .k-state-hover > * > .k-i-gantt-toggle, .k-state-hover > .k-i-gantt-toggle, .k-textbox:hover .k-i-gantt-toggle {
  background-position: -80px -240px;
}

.k-file > .k-icon {
  background-position: -115px -91px;
}

.k-image {
  border: 0;
}

.k-breadcrumbs:hover .k-i-arrow-n {
  background-position: 0 0;
}

.k-breadcrumbs:hover .k-i-arrow-e {
  background-position: 0 -16px;
}

.k-gantt-views > .k-current-view > .k-link:after, .k-pager-numbers .k-current-page .k-link:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after {
  background-position: 0 -32px;
}

.k-button:active .k-gantt-views > .k-current-view > .k-link:after, .k-button:active .k-pager-numbers .k-current-page .k-link:after, .k-button:active .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-button:not(.k-state-disabled):hover .k-gantt-views > .k-current-view > .k-link:after, .k-button:not(.k-state-disabled):hover .k-pager-numbers .k-current-page .k-link:after, .k-button:not(.k-state-disabled):hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-link:not(.k-state-disabled):hover > .k-gantt-views > .k-current-view > .k-link:after, .k-link:not(.k-state-disabled):hover > .k-pager-numbers .k-current-page .k-link:after, .k-link:not(.k-state-disabled):hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-state-hover > * > .k-gantt-views > .k-current-view > .k-link:after, .k-state-hover > * > .k-pager-numbers .k-current-page .k-link:after, .k-state-hover > * > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-state-hover > .k-gantt-views > .k-current-view > .k-link:after, .k-state-hover > .k-pager-numbers .k-current-page .k-link:after, .k-state-hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-textbox:hover .k-gantt-views > .k-current-view > .k-link:after, .k-textbox:hover .k-pager-numbers .k-current-page .k-link:after, .k-textbox:hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after {
  background-position: -16px -32px;
}

html .k-success-colored {
  color: #507f50;
  border-color: #d0dfd0;
  background-color: #f0fff0;
}

html .k-info-colored {
  color: #50607f;
  border-color: #d0d9df;
  background-color: #f0f9ff;
}

html .k-error-colored {
  color: #7f5050;
  border-color: #dfd0d0;
  background-color: #fff0f0;
}

.k-inline-block {
  padding: 0 2px;
}

.k-loading, .k-loading-image {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
}

.k-loading-image, .k-loading-mask, .k-loading-text {
  position: absolute;
}

.k-loading-mask {
  z-index: 100;
}

.k-loading-mask .k-loading-progress {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.k-loading-text {
  text-indent: -4000px;
  text-align: center;
}

.k-loading-color, .k-loading-image {
  width: 100%;
  height: 100%;
}

.k-loading-image {
  top: 0;
  left: 0;
  z-index: 2;
}

.k-loading-color {
  filter: alpha(opacity=30);
  opacity: .3;
}

.k-content-frame {
  border: 0;
  width: 100%;
  height: 100%;
}

.k-pane > .k-splitter-overlay {
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
}

.k-drag-clue {
  position: absolute;
  z-index: 10003;
  border-style: solid;
  border-width: 1px;
  font-size: .9em;
  padding: .2em .4em;
  white-space: nowrap;
  cursor: default;
}

.k-drag-status {
  margin-top: -3px;
  margin-right: 4px;
  vertical-align: middle;
}

.k-reorder-cue {
  position: absolute;
  width: 1px;
  overflow: visible;
}

.k-reorder-cue .k-icon {
  position: absolute;
  left: -4px;
  width: 8px;
  height: 4px;
}

.k-reorder-cue .k-i-arrow-s {
  top: -4px;
  background-position: -4px -166px;
}

.k-reorder-cue .k-i-arrow-n {
  bottom: -4px;
  background-position: -4px -134px;
}

.k-scrollbar {
  position: absolute;
  overflow: scroll;
}

.k-scrollbar-vertical {
  top: 0;
  right: 0;
  width: 17px;
  height: 100%;
  overflow-x: hidden;
}

.k-touch-scrollbar {
  display: none;
  position: absolute;
  z-index: 200000;
  height: 8px;
  width: 8px;
  border: 1px solid #8a8a8a;
  background-color: #858585;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body .k-touch-scrollbar {
    height: 12px;
    width: 12px;
    border-radius: 7px;
  }
}

.k-virtual-scrollable-wrap {
  overflow-x: auto;
}

.k-current-time {
  background: red;
  position: absolute;
}

.k-current-time-arrow-down {
  width: 0;
  height: 0;
  background: 0 0;
  border-bottom: 4px solid transparent;
  border-top: 4px solid red;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.k-current-time-arrow-left {
  width: 0;
  height: 0;
  background: 0 0;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 4px solid transparent;
  border-right: 4px solid red;
}

.k-current-time-arrow-right {
  width: 0;
  height: 0;
  background: 0 0;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 4px solid red;
  border-right: 4px solid transparent;
}

.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-list-container, .k-widget, .k-widget *, .k-widget :before {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.k-autocomplete, .k-block, .k-button, .k-edit-cell .k-widget, .k-grid-edit-row .k-widget, .k-grid-edit-row .text-box, .k-tabstrip > .k-content > .km-scroll-container, .k-textbox, .km-actionsheet > li, .km-shim, div.k-window-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.input-group .form-control {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.form-control.k-widget {
  padding: 0;
}

a.k-button:hover {
  text-decoration: none;
}

.km-widget, .km-widget * {
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.k-radio, input.k-checkbox {
  display: inline;
  opacity: 0;
  width: 0;
  margin: 0;
  -webkit-appearance: none;
  overflow: hidden;
}

.k-ff .k-radio, .k-ff input.k-checkbox {
  position: absolute;
}

.k-checkbox-label {
  position: relative;
  padding-left: 1.5em;
  vertical-align: middle;
  line-height: .875em;
  cursor: pointer;
}

.k-checkbox-label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-width: 1px;
  border-style: solid;
  width: 1em;
  height: 1em;
  font-size: 1em;
  line-height: 1em;
  text-align: center;
}

.k-checkbox:indeterminate + .k-checkbox-label:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-width: 1px;
  border-style: solid;
  width: 8px;
  height: 8px;
  font-size: 1em;
  text-align: center;
  content: " ";
  margin-left: -2px;
}

.k-checkbox:checked + .k-checkbox-label:before {
  content: "\2713";
}

.k-checkbox:disabled + .k-checkbox-label {
  cursor: auto;
}

.k-radio-label {
  position: relative;
  padding-left: 1.5em;
  vertical-align: middle;
  line-height: .875em;
  cursor: pointer;
}

.k-radio-label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  border-style: solid;
}

.k-radio:checked + .k-radio-label:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 3px;
  left: 3px;
}

.k-radio:disabled + .k-radio-label {
  cursor: auto;
}

.k-ie8 .k-radio, .k-ie8 input.k-checkbox {
  display: inline-block;
  width: auto;
}

.k-ie8 .k-checkbox-label, .k-ie8 .k-radio-label {
  padding-left: 0;
}

.k-ie8 .k-checkbox-label:before, .k-ie8 .k-radio-label:after, .k-ie8 .k-radio-label:before {
  display: none;
}

.k-rtl .k-checkbox-label, .k-rtl .k-radio-label {
  padding-right: 1.5em;
}

.k-rtl .k-checkbox-label:before, .k-rtl .k-radio-label:before {
  right: 0;
}

.k-rtl .k-radio:checked + .k-radio-label:after {
  right: 3px;
}

input.k-checkbox + label {
  -webkit-user-select: none;
}

.k-pdf-export-shadow {
  position: absolute;
  overflow: hidden;
  left: -15000px;
  width: 14400px;
}

.km-native-scroller {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: pan-x pan-y;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-scroll-snap-type: proximity;
}

.k-rpanel-left {
  -webkit-transform: translateX(-100%) translateZ(0);
  -ms-transform: translateX(-100%) translateZ(0);
  transform: translateX(-100%) translateZ(0);
  left: 0;
}

.k-rpanel-right {
  -webkit-transform: translateX(100%) translateZ(0);
  -ms-transform: translateX(100%) translateZ(0);
  transform: translateX(100%) translateZ(0);
  right: 0;
}

.k-rpanel-left, .k-rpanel-right {
  position: fixed;
  display: block;
  overflow: auto;
  min-width: 320px;
  height: 100%;
  top: 0;
}

.k-rpanel-left.k-rpanel-expanded, .k-rpanel-right.k-rpanel-expanded {
  -webkit-transform: translateX(0) translateZ(0);
  -ms-transform: translateX(0) translateZ(0);
  transform: translateX(0) translateZ(0);
}

.k-rpanel-left + *, .k-rpanel-right + * {
  overflow: auto;
}

.k-rpanel-top {
  position: static;
  max-height: 0;
}

.k-rpanel-top.k-rpanel-expanded {
  max-height: 568px;
  overflow: visible !important;
}

.k-edit-form {
  margin: 0;
  padding: 0;
}

.k-window > div.k-popup-edit-form {
  padding: 1em 0;
}

.k-grid-edit-row .k-edit-form td {
  border-bottom-width: 0;
}

.k-edit-form-container {
  position: relative;
  width: 400px;
}

.k-edit-form-container .editor-label, .k-edit-label {
  float: left;
  clear: both;
  width: 30%;
  padding: .4em 0 1em;
  margin-left: 2%;
  text-align: right;
}

.k-edit-field, .k-edit-form-container .editor-field {
  float: right;
  clear: right;
  width: 60%;
  margin-right: 2%;
  padding: 0 0 .6em;
}

.k-edit-field > input[type=checkbox], .k-edit-field > input[type=radio] {
  margin-top: .4em;
}

.k-edit-form-container .k-button {
  margin: 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: .6em;
}

div.k-window {
  display: inline-block;
  position: absolute;
  z-index: 10001;
  border-style: solid;
  border-width: 1px;
  padding-top: 2em;
}

.k-block > .k-header, .k-window-titlebar {
  position: absolute;
  width: 100%;
  height: 1.1em;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-top: -2em;
  padding: .4em 0;
  font-size: 1.2em;
  white-space: nowrap;
  min-height: 16px;
}

.k-block > .k-header {
  position: relative;
  margin: -2px 0 10px -2px;
  padding: .3em 2px;
}

.k-window-title {
  position: absolute;
  left: .44em;
  right: .44em;
  overflow: hidden;
  cursor: default;
  text-overflow: ellipsis;
}

.k-window-title .k-image {
  margin: 0 5px 0 0;
  vertical-align: middle;
}

div.k-window-titleless {
  padding-top: 0;
}

div.k-window-content {
  position: relative;
  height: 100%;
  padding: .58em;
  overflow: auto;
  outline: 0;
}

div.k-window-iframecontent {
  padding: 0;
  overflow: visible;
}

.k-window-content > .km-scroll-container {
  height: 100%;
}

.k-window-titlebar .k-window-actions {
  position: absolute;
  top: 0;
  right: .3em;
  padding-top: .3em;
  white-space: nowrap;
}

.k-window-titlebar .k-window-action {
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 2px;
  text-decoration: none;
  vertical-align: middle;
  opacity: .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: .5;
}

.k-window .k-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
}

.k-action-buttons {
  clear: both;
  text-align: right;
  border-width: 1px 0 0;
  border-style: solid;
  position: relative;
  bottom: -1em;
  padding: .6em;
  margin: 0 -1em;
}

.k-action-buttons .k-button {
  display: inline-block;
  margin: 0 0 0 6px;
  min-width: 75px;
}

.k-tabstrip {
  margin: 0;
  padding: 0;
  zoom: 1;
  position: relative;
}

.k-tabstrip-items {
  padding: .3em .3em 0;
}

.k-tabstrip-scrollable .k-tabstrip-items {
  white-space: nowrap;
  overflow: hidden;
}

.k-tabstrip > .k-button {
  position: absolute;
  top: .4em;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.k-tabstrip-bottom > .k-button {
  top: auto;
  bottom: .4em;
}

.k-tabstrip-prev {
  left: .4em;
}

.k-tabstrip-next {
  right: .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: .5em .92em;
}

.k-panelbar .k-tabstrip-items .k-icon, .k-tabstrip-items .k-icon {
  margin: -1px 4px 0 -3px;
  vertical-align: top;
}

.k-panelbar .k-tabstrip-items .k-item .k-image, .k-panelbar .k-tabstrip-items .k-item .k-sprite, .k-tabstrip-items .k-item .k-image, .k-tabstrip-items .k-item .k-sprite {
  margin: -3px 3px 0 -6px;
  vertical-align: middle;
}

.k-tabstrip-items .k-loading {
  top: 0;
  left: 0;
  height: 0;
  width: 20%;
  position: absolute;
  background: 0 0;
  border-top: 1px solid transparent;
  border-color: inherit;
  -webkit-transition: width .2s linear;
  transition: width .2s linear;
  -webkit-transition: "width 200ms linear";
  transition: "width 200ms linear";
  -webkit-animation: k-tab-loader 1s ease-in-out infinite;
  animation: k-tab-loader 1s ease-in-out infinite;
}

.k-tabstrip-items .k-progress {
  -webkit-animation: none;
  animation: none;
}

.k-tabstrip-items .k-loading.k-complete {
  width: 100%;
  -webkit-animation: none;
  animation: none;
}

.k-panelbar .k-tabstrip > .k-content, .k-tabstrip > .k-content {
  position: static;
  border-style: solid;
  border-width: 1px;
  margin: 0 .286em .3em;
  padding: .3em .92em;
  zoom: 1;
}

.k-tabstrip > .k-content {
  display: none;
  overflow: auto;
}

.k-tabstrip > .k-content.km-scroll-wrapper {
  padding: 0;
}

.k-tabstrip > .k-content > .km-scroll-container {
  padding: .3em .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: .286em .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: .25em 0 .3em .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: .25em .3em .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 .3em .3em;
}

.k-panelbar .k-tabstrip-bottom > .k-content, .k-tabstrip-bottom > .k-content {
  margin: .3em .286em 0;
  z-index: 1;
  position: relative;
}

.k-tabstrip-bottom > .k-tabstrip-items .k-item {
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;
}

.k-tabstrip-bottom > .k-tabstrip-items .k-state-active {
  margin-bottom: 0;
  padding-bottom: 0;
}

.k-tabstrip-bottom > .k-content {
  min-height: 100px;
}

.k-tabstrip-bottom > .k-tabstrip-items .k-loading {
  top: auto;
  bottom: 0;
}

.k-panelbar {
  zoom: 1;
}

.k-panel > .k-item, .k-panelbar > .k-item {
  list-style-type: none;
  display: block;
  border-width: 0;
  margin: 0;
  zoom: 1;
  border-radius: 0;
}

.k-panelbar .k-link > .k-image, .k-panelbar .k-link > .k-sprite {
  float: left;
  margin-top: 4px;
  margin-right: 5px;
  vertical-align: middle;
}

.k-panel > .k-item > .k-link, .k-panelbar > .k-item > .k-link {
  display: block;
  position: relative;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 0 1em;
  line-height: 2.34em;
  text-decoration: none;
  zoom: 1;
}

.k-panelbar-collapse, .k-panelbar-expand {
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -8px;
}

.k-panelbar .k-content, .k-panelbar .k-panel {
  position: relative;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin: 0;
  padding: 0;
  zoom: 1;
}

.k-panel > .k-item > .k-link {
  border-bottom: 0;
  font-size: .95em;
  line-height: 2.2;
}

.k-panel .k-panel > .k-item > .k-link {
  padding-left: 2em;
}

.k-panelbar .k-i-seek-e .k-link {
  border-bottom: 0;
}

.k-panel .k-panel {
  border-bottom: 0;
}

.k-menu {
  cursor: default;
}

.k-menu, .k-menu .k-menu-group {
  list-style: none;
  margin: 0;
  padding: 0;
  zoom: 1;
}

.k-menu:after {
  content: '';
  display: block;
  width: 99%;
  height: 0;
  float: inherit;
  clear: both;
}

.k-menu .k-item {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}

.k-menu .k-item div {
  -webkit-user-select: default;
  -moz-user-select: default;
  -ms-user-select: default;
  user-select: default;
}

.k-menu .k-item .k-item, ul.k-menu-vertical > .k-item {
  display: block;
  float: none;
  border-width: 0;
}

.k-menu .k-image, .k-menu .k-item > .k-link > .k-icon, .k-menu .k-sprite {
  margin: -2px 4px 0 -4px;
  vertical-align: middle;
}

.k-menu .k-item > .k-link > .k-icon {
  margin: -2px 0 0;
}

.k-menu .k-item > .k-link {
  display: block;
  padding: .5em 1.1em .4em;
  line-height: 1.34em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.k-menu .k-menu-group {
  display: none;
  border-style: solid;
  border-width: 1px;
  overflow: visible;
  white-space: nowrap;
}

.k-menu .k-menu-group > .k-item {
  display: block;
  border-width: 0;
}

.k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
  position: relative;
  float: left;
  border-style: solid;
  border-width: 0 1px 0 0;
  vertical-align: top;
  zoom: 1;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link {
  padding: .28em 1.8em .38em .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: .2rem;
}

.k-menu .k-animation-container {
  border: 0;
}

.k-menu .k-animation-container, .k-menu .k-menu-group {
  position: absolute;
  left: 0;
}

.k-menu .k-animation-container .k-animation-container, .k-menu .k-menu-group .k-menu-group, .k-menu-vertical .k-animation-container, .k-menu-vertical .k-menu-group {
  top: 0;
  left: 0;
}

.k-menu .k-animation-container .k-menu-group {
  top: auto;
  left: auto;
  margin-left: -1px;
}

.k-menu .k-animation-container, .k-popup .k-animation-container {
  margin-top: -1px;
  padding-left: 1px;
}

.k-ie .k-menu .k-animation-container, .k-ie .k-popup .k-animation-container {
  margin-top: -2px;
}

.k-popup .k-animation-container .k-popup {
  margin-left: -1px;
}

ul.k-menu .k-separator {
  padding: .25em 0;
  height: 100%;
  width: 1px;
  font-size: 0;
  line-height: 0;
  border-width: 0 1px 0 0;
}

.k-menu .k-menu-group .k-separator, ul.k-menu-vertical .k-separator {
  padding: 0;
  height: 1px;
  width: 100%;
  border-width: 1px 0 0;
}

.k-context-menu {
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.k-grid, .k-listview {
  position: relative;
  zoom: 1;
}

.k-grid table {
  width: 100%;
  margin: 0;
  max-width: none;
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  border-width: 0;
  outline: 0;
}

.k-header.k-drag-clue {
  overflow: hidden;
}

.k-filter-row th, .k-grid-header th.k-header {
  overflow: hidden;
  border-style: solid;
  border-width: 0 0 1px 1px;
  padding: .5em .6em .4em .6em;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}

.k-grid-header th.k-header {
  vertical-align: bottom;
}

.k-filtercell, .k-filtercell .k-widget, .k-filtercell > span {
  display: block;
  width: auto;
}

.k-filtercell > span {
  padding-right: 4.8em;
  position: relative;
  min-height: 2em;
  line-height: 2em;
}

.k-filtercell > .k-operator-hidden {
  padding-right: 2.3em;
}

.k-filter-row .k-dropdown-operator, .k-filtercell > span > .k-button {
  position: absolute;
  top: 0;
  right: 0;
}

.k-filter-row .k-dropdown-operator {
  width: 2.1em;
  right: 2.5em;
}

.k-filtercell > span > label {
  vertical-align: middle;
}

.k-filter-row label > input[type=radio] {
  vertical-align: middle;
  position: relative;
  bottom: 2px;
}

.k-ie10 .k-grid-header a:active {
  background-color: transparent;
}

.k-grid-header th.k-header > .k-link {
  display: block;
  min-height: 18px;
  line-height: 18px;
  margin: -.5em -.6em -.4em 0;
  padding: .5em .6em .4em 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.k-grid-header th.k-with-icon .k-link {
  margin-right: 18px;
}

.k-grid-header th.k-header .k-icon {
  position: static;
}

.k-grid-header th > .k-link > .k-icon {
  vertical-align: text-top;
}

.k-grid .k-state-hover {
  cursor: pointer;
}

.k-grid-column-resizing, .k-grid-column-resizing .k-button, .k-grid-column-resizing .k-grid-filter, .k-grid-column-resizing .k-grid-toolbar, .k-grid-column-resizing .k-link {
  cursor: col-resize;
}

.k-grid td {
  border-style: solid;
  border-width: 0 0 0 1px;
  padding: .4em .6em;
  overflow: hidden;
  line-height: 1.6em;
  vertical-align: middle;
  text-overflow: ellipsis;
}

.k-grid .k-grouping-row td, .k-grid .k-hierarchy-cell {
  overflow: visible;
}

.k-grid-edit-row td {
  text-overflow: clip;
}

.k-grid-edit-row .k-textbox, .k-grid-edit-row .text-box {
  margin-top: 0;
  margin-bottom: 0;
}

.k-grid-footer-wrap, .k-grid-header-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-style: solid;
  border-width: 0 1px 0 0;
  zoom: 1;
}

div.k-grid-footer, div.k-grid-header {
  padding-right: 17px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  zoom: 1;
}

.k-grid-header-locked > table, .k-grid-header-wrap > table {
  margin-bottom: -1px;
}

.k-grid-content {
  position: relative;
  width: 100%;
  overflow: auto;
  overflow-x: auto;
  overflow-y: scroll;
  zoom: 1;
  min-height: 0;
}

.k-mobile .k-grid tbody {
  -webkit-backface-visibility: hidden;
}

.k-mobile .k-grid-backface tbody {
  -webkit-backface-visibility: visible;
}

.k-grid-content-expander {
  position: absolute;
  visibility: hidden;
  height: 1px;
}

.k-grid-norecords {
  width: 100%;
  height: 100%;
  text-align: center;
}

.k-grid-norecords-template {
  width: 20em;
  height: 4em;
  line-height: 4em;
  vertical-align: middle;
  margin: 0 auto;
}

.k-grid-content > .k-grid-norecords > .k-grid-norecords-template {
  top: 50%;
  left: 50%;
  margin-left: -10em;
  margin-top: -2em;
  position: absolute;
}

@media print {
  .k-grid {
    height: auto !important;
  }
  .k-grid-header {
    padding: 0 !important;
  }
  .k-grid-content, .k-grid-header-wrap {
    overflow: visible;
    height: auto !important;
  }
}

.k-grid .k-scrollbar {
  -ms-overflow-style: scrollbar;
}

.k-virtual-scrollable-wrap {
  height: 100%;
  overflow-y: hidden;
  position: relative;
}

.k-grid-content table, .k-grid-content-locked > table, .k-grid-footer table, .k-grid-header table {
  table-layout: fixed;
}

.k-grid-lockedcolumns {
  white-space: nowrap;
}

.k-grid-content, .k-grid-content-locked, .k-pager-wrap {
  white-space: normal;
}

.k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  border-style: solid;
  border-width: 0 1px 0 0;
}

.k-grid-content-locked + .k-grid-content, .k-grid-footer-locked + .k-grid-footer-wrap, .k-grid-header-locked + .k-grid-header-wrap {
  display: inline-block;
  vertical-align: top;
}

.k-grid-toolbar {
  border-style: solid;
  border-width: 1px 0 0;
}

.k-filter-row > th:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-grid-header th.k-header:first-child {
  border-left-width: 0;
}

.k-grid-header th.k-header.k-first {
  border-left-width: 1px;
}

.k-grid-toolbar:first-child, .k-grouping-header + .k-grid-toolbar {
  border-width: 0 0 1px;
}

.k-footer-template td {
  border-style: solid;
  border-width: 1px 0 0 1px;
}

.k-group-footer td {
  border-style: solid;
  border-width: 1px 0;
}

.k-group-footer .k-group-cell + td {
  border-left-width: 1px;
}

.k-grid-footer {
  border-style: solid;
  border-width: 1px 0 0;
}

.k-grid-footer td {
  border-top-width: 0;
}

.k-grid-footer > td {
  border-top-width: 1px;
}

.k-pager-wrap {
  clear: both;
  overflow: hidden;
  position: relative;
  border-style: solid;
  border-width: 1px;
  line-height: 2em;
  padding: .333em 0 .333em .25em;
}

.k-grid-pager {
  border-width: 1px 0 0;
}

.k-grid .k-pager-numbers, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
  display: inline-block;
  vertical-align: top;
  margin-right: 1px;
}

.k-pager-numbers {
  margin: 0 2px;
}

.k-pager-numbers .k-state-selected {
  vertical-align: top;
}

.k-pager-numbers .k-current-page {
  display: none;
}

.k-pager-input, .k-pager-numbers li {
  float: left;
}

.k-grid .k-pager-numbers {
  float: left;
  cursor: default;
}

.k-widget.k-grid .k-pager-numbers {
  position: relative;
}

.k-pager-info {
  float: right;
  padding: 0 1.333em;
}

.k-pager-numbers .k-link {
  text-decoration: none;
}

.k-pager-numbers .k-link, .k-pager-numbers .k-state-selected, .k-pager-wrap > .k-link {
  min-width: 2em;
}

.k-pager-wrap > .k-link {
  float: left;
  margin: 0 .08333em;
  height: 2em;
  line-height: 2em;
  border-radius: 1.0833em;
  cursor: pointer;
  text-align: center;
}

.k-pager-wrap > a.k-state-disabled:hover {
  background: 0 0;
  cursor: default;
}

.k-pager-numbers .k-link {
  text-align: center;
  line-height: 2em;
  border-style: solid;
  border-width: 1px;
  border-radius: 1.0833em;
}

.k-pager-wrap > .k-link {
  border-style: solid;
  border-width: 1px;
}

.k-pager-wrap .k-pager-refresh {
  float: right;
  margin-right: .5em;
  border-width: 0;
  border-radius: 0;
}

.k-pager-numbers .k-state-selected {
  border-style: solid;
  border-width: 1px;
  text-align: center;
  border-radius: 1.0833em;
}

.k-pager-wrap .k-textbox {
  width: 3.333em;
}

.k-pager-wrap .k-dropdown {
  width: 4.5em;
}

.k-pager-refresh {
  float: right;
}

.k-pager-input, .k-pager-sizes {
  padding: 0 1.4166em;
}

.k-pager-sizes {
  display: inline-block;
  padding-top: 1px;
}

.k-pager-sizes .k-widget.k-dropdown {
  margin-top: -2px;
}

.k-pager-wrap .k-textbox, .k-pager-wrap .k-widget {
  margin: 0 .4em 0;
}

.k-header > .k-grid-filter, .k-header > .k-header-column-menu {
  float: right;
  margin: -.5em -.6em -.4em;
  padding: .5em .2em .4em;
  position: relative;
  z-index: 1;
}

.k-grid .k-animation-container {
  position: absolute;
}

.k-filter-menu {
  padding: .5em;
}

.k-list-filter {
  display: block;
}

form.k-filter-menu .k-textbox, form.k-filter-menu .k-widget {
  display: block;
}

form.k-filter-menu .k-textbox {
  width: 100%;
  margin-bottom: 3px;
}

.k-filter-help-text, .k-filter-menu .k-textbox, .k-filter-menu .k-widget {
  margin: .19em 0 0;
}

.k-filter-menu span.k-filter-and {
  width: 6em;
  margin: .5em 0 .5em;
}

.k-filter-menu .k-button {
  width: 48%;
  margin: .5em 4% 0 0;
}

.k-filter-menu .k-button + .k-button {
  margin-right: 0;
}

.k-filter-menu .k-filter-selected-items {
  font-weight: 700;
  margin: .5em;
}

.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: -.6em;
  padding: 0 .6em;
}

.k-grouping-row + tr td {
  border-top-width: 1px;
}

.k-grouping-row .k-group-cell, .k-grouping-row + tr .k-group-cell {
  border-top-width: 0;
  text-overflow: none;
}

.k-grid .k-hierarchy-cell + td {
  border-left-width: 0;
}

.k-grid .k-group-col, .k-grid .k-hierarchy-col {
  width: 27px;
}

.k-grouping-header {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.k-grouping-header {
  line-height: 2;
}

.k-grouping-dropclue {
  position: absolute;
  width: 6px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: -165px -148px;
}

.k-grouping-header .k-group-indicator {
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  margin: 0 3px;
  padding: .15em .15em .15em .4em;
  line-height: 1.5em;
}

.k-grouping-header .k-link {
  display: inline-block;
  border-width: 0;
  padding: 0;
  line-height: normal;
  text-decoration: none;
}

.k-grouping-header .k-button {
  border: 0;
  padding: 0;
  background: 0 0;
  line-height: 1;
}

.k-grouping-header .k-link .k-icon {
  margin: 0 0 0 -3px;
}

.k-grouping-header .k-button .k-icon {
  margin: 0 0 0 3px;
}

.k-grouping-header .k-button, .k-grouping-header a {
  display: inline-block;
  vertical-align: middle;
}

.k-dirty-cell:before {
  content: "\a0";
  display: inline-block;
  width: 0;
  float: left;
}

.k-dirty {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px;
  border-color: red transparent transparent red;
  margin: -.45em 0 0 -.6em;
  padding: 0;
  overflow: hidden;
  vertical-align: top;
}

.k-grid-toolbar, .k-grouping-header {
  margin: 0;
  padding: .22em .2em .28em;
  cursor: default;
}

.k-grid .k-edit-container {
  padding: 0;
}

.k-grid .field-validation-error {
  display: block;
}

.k-grid .input-validation-error {
  border-style: ridge;
  border-color: red;
  background-color: pink;
}

.k-grid-toolbar .k-button {
  vertical-align: middle;
}

.k-grid-actions {
  display: inline-block;
}

.k-grid .k-button {
  margin: 0 .16em;
}

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
  min-width: 64px;
}

.k-grid tbody button.k-button {
  min-width: 78px;
}

html body .k-grid tbody .k-button-icon {
  width: auto;
  min-width: 0;
}

.k-detail-row {
  position: relative;
}

.k-grid .k-detail-cell {
  overflow: visible;
}

.k-grid .k-edit-cell {
  padding: 0 .3em;
  white-space: nowrap;
}

.k-grid .k-edit-cell .k-tooltip {
  white-space: normal;
}

.k-edit-cell > .k-textbox, .k-edit-cell > .k-widget, .k-grid-edit-row > td > .k-textbox, .k-grid-edit-row > td > .k-widget, .k-grid-edit-row > td > .text-box {
  width: 100%;
}

html .k-edit-cell .k-tooltip, html .k-grid-edit-row .k-tooltip {
  width: auto;
  max-width: 300px;
}

.k-edit-cell input[type=checkbox] {
  margin-left: .6em;
}

.k-grid tbody td > .k-grid-delete {
  margin-top: -.2em;
  margin-bottom: -.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: .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-column-menu .k-calendar .k-link {
  white-space: normal;
}

.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: .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;
    min-height: 2.1em;
  }
  .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:first-child, .k-ff .k-pager-numbers:first-child, .k-ie11 .k-grid .k-pager-numbers:first-child, .k-ie11 .k-pager-numbers:first-child, .k-safari .k-grid .k-pager-numbers:first-child, .k-safari .k-pager-numbers:first-child, .k-webkit .k-grid .k-pager-numbers:first-child, .k-webkit .k-pager-numbers:first-child {
    left: .2em;
  }
  .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 {
    position: relative;
    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 .k-grid .k-pager-numbers:first-child, .k-ff .k-rtl .k-pager-numbers:first-child, .k-ie11 .k-rtl .k-grid .k-pager-numbers:first-child, .k-ie11 .k-rtl .k-pager-numbers:first-child, .k-safari .k-rtl .k-grid .k-pager-numbers:first-child, .k-safari .k-rtl .k-pager-numbers:first-child, .k-webkit .k-rtl .k-grid .k-pager-numbers:first-child, .k-webkit .k-rtl .k-pager-numbers:first-child {
    left: auto;
    right: .2em;
  }
  .k-ff .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, .k-ff .k-rtl .km-pane-wrapper .k-pager-numbers, .k-ie11 .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, .k-ie11 .k-rtl .km-pane-wrapper .k-pager-numbers, .k-safari .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, .k-safari .k-rtl .km-pane-wrapper .k-pager-numbers, .k-webkit .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, .k-webkit .k-rtl .km-pane-wrapper .k-pager-numbers {
    right: 5.8em;
  }
  .k-ff .k-grid .k-pager-numbers .k-current-page, .k-ff .k-pager-numbers .k-current-page, .k-ie11 .k-grid .k-pager-numbers .k-current-page, .k-ie11 .k-pager-numbers .k-current-page, .k-safari .k-grid .k-pager-numbers .k-current-page, .k-safari .k-pager-numbers .k-current-page, .k-webkit .k-grid .k-pager-numbers .k-current-page, .k-webkit .k-pager-numbers .k-current-page {
    display: block;
    border-left: 0;
  }
  .k-ff .k-grid .k-pager-number.k-state-expanded .k-current-page, .k-ff .k-pager-numbers.k-state-expanded .k-current-page, .k-ie11 .k-grid .k-pager-number.k-state-expanded .k-current-page, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, .k-safari .k-grid .k-pager-number.k-state-expanded .k-current-page, .k-safari .k-pager-numbers.k-state-expanded .k-current-page, .k-webkit .k-grid .k-pager-number.k-state-expanded .k-current-page, .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
    -ms-transform: translatey(100%);
    transform: translatey(100%);
    -webkit-transform: translatey(100%);
  }
  .k-ff .k-pager-numbers li:not(.k-current-page), .k-ie11 .k-pager-numbers li:not(.k-current-page), .k-safari .k-pager-numbers li:not(.k-current-page), .k-webkit .k-pager-numbers li:not(.k-current-page) {
    display: none;
  }
  .k-ff .k-pager-numbers .k-current-page .k-link, .k-ie11 .k-pager-numbers .k-current-page .k-link, .k-safari .k-pager-numbers .k-current-page .k-link, .k-webkit .k-pager-numbers .k-current-page .k-link {
    width: 3.2em;
    padding: 0 .429em 0 .714em;
    border-radius: 1.0833em;
  }
  .k-ff .k-pager-numbers + .k-link, .k-ie11 .k-pager-numbers + .k-link, .k-safari .k-pager-numbers + .k-link, .k-webkit .k-pager-numbers + .k-link {
    margin-left: 4.8em;
  }
  .k-ff .k-rtl .k-pager-numbers + .k-link, .k-ie11 .k-rtl .k-pager-numbers + .k-link, .k-safari .k-rtl .k-pager-numbers + .k-link, .k-webkit .k-rtl .k-pager-numbers + .k-link {
    margin-right: 5.1em;
    margin-left: 0;
  }
  .k-ff .k-pager-numbers .k-link, .k-ff .k-pager-numbers .k-state-selected, .k-ie11 .k-pager-numbers .k-link, .k-ie11 .k-pager-numbers .k-state-selected, .k-safari .k-pager-numbers .k-link, .k-safari .k-pager-numbers .k-state-selected, .k-webkit .k-pager-numbers .k-link, .k-webkit .k-pager-numbers .k-state-selected {
    display: block;
    margin-right: 0;
    padding: 1px 5px 1px 5px;
    text-align: left;
  }
  .k-ff .k-pager-numbers.k-state-expanded, .k-ie11 .k-pager-numbers.k-state-expanded, .k-safari .k-pager-numbers.k-state-expanded, .k-webkit .k-pager-numbers.k-state-expanded {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px 2px 0;
  }
  .k-ff .k-pager-numbers.k-state-expanded .k-current-page, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, .k-safari .k-pager-numbers.k-state-expanded .k-current-page, .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
    margin: -2em -3px 0;
    padding: 0;
  }
  .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link {
    border-radius: 0 0 1.0833em 1.0833em;
  }
  .k-ff .k-pager-numbers.k-state-expanded li, .k-ie11 .k-pager-numbers.k-state-expanded li, .k-safari .k-pager-numbers.k-state-expanded li, .k-webkit .k-pager-numbers.k-state-expanded li {
    display: inline-block;
  }
}

@media only screen and (max-width: 640px) {
  .k-ff .k-pager-info, .k-ie11 .k-pager-info, .k-safari .k-pager-info, .k-webkit .k-pager-info {
    display: none;
  }
}

@media only screen and (max-width: 480px) {
  .k-ff .k-pager-sizes, .k-ie11 .k-pager-sizes, .k-safari .k-pager-sizes, .k-webkit .k-pager-sizes {
    display: none;
  }
}

.k-treelist .k-status {
  padding: .4em .6em;
  line-height: 1.6em;
}

.k-treelist .k-status .k-loading {
  vertical-align: baseline;
  margin-right: 5px;
}

.k-treelist tr.k-hidden {
  display: none;
}

.k-treelist.k-treelist-dragging, .k-treelist.k-treelist-dragging .k-state-hover {
  cursor: default;
}

.k-treelist .k-drop-hint {
  position: absolute;
  z-index: 10000;
  visibility: hidden;
  width: 80px;
  height: 5px;
  margin-top: -3px;
  background-color: transparent;
  background-repeat: no-repeat;
}

.k-drag-separator {
  display: inline-block;
  border-right: 1px solid;
  height: 1em;
  vertical-align: top;
  margin: 0 .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: .5em;
}

.k-gantt-layout + .k-gantt-toolbar {
  border-width: 1px 0 0;
}

.k-gantt-actions, .k-gantt-toolbar > ul {
  float: left;
  margin-right: .6em;
}

.k-gantt-actions > .k-button {
  margin-right: .5em;
  vertical-align: top;
}

.k-gantt-toolbar > .k-gantt-views {
  float: right;
  margin-right: 0;
}

.k-gantt-toolbar > .k-gantt-views > li.k-current-view {
  display: none;
}

.k-gantt-toolbar > ul > li {
  display: inline-block;
  border-style: solid;
  border-width: 1px 1px 1px 0;
}

.k-gantt-toolbar > ul > li:first-child + li {
  border-left-width: 1px;
}

.k-gantt-toolbar .k-link {
  display: inline-block;
  padding: 0 1.1em;
}

.k-gantt-toolbar li:first-child + li, .k-gantt-toolbar li:first-child + li > .k-link {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.k-gantt-toolbar li:last-child, .k-gantt-toolbar li:last-child > .k-link {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.k-gantt-toolbar li.k-button {
  line-height: inherit;
  padding-top: 0;
  padding-bottom: 0;
}

.k-gantt-treelist .k-grid-header tr {
  height: 5em;
}

.k-gantt .k-treelist .k-grid-header {
  padding: 0 !important;
}

.k-gantt .k-treelist .k-grid-content {
  overflow-y: hidden;
  overflow-x: scroll;
}

.k-treelist-group > tr > span {
  font-weight: 700;
}

.k-treelist-group .k-widget {
  font-weight: 400;
}

.k-gantt-timeline .k-grid-header tr {
  height: 2.5em;
}

.k-gantt-tasks {
  position: relative;
}

.k-gantt .k-grid-content tr, .k-gantt-rows tr, .k-gantt-tasks tr {
  height: 2.3em;
}

.k-gantt .k-gantt-tasks td:after {
  content: "\a0";
}

.k-gantt-timeline {
  background: 0 0;
}

.k-gantt-columns, .k-gantt-dependencies, .k-gantt-rows {
  position: absolute;
  top: 0;
  left: 0;
}

.k-gantt-tables {
  position: relative;
}

.k-gantt .k-timeline .k-grid-content {
  overflow-x: scroll;
}

.k-gantt .k-gantt-timeline th {
  text-align: center;
}

.k-gantt .k-gantt-timeline tr:first-child th {
  border-bottom-width: 1px;
}

.k-task-summary {
  height: 10px;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
}

.k-task-summary-complete {
  height: 10px;
  position: relative;
  z-index: 2;
}

.k-task-summary-progress {
  height: 15px;
  overflow: hidden;
}

.k-task-summary-complete:after, .k-task-summary-complete:before, .k-task-summary:after, .k-task-summary:before {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px;
  border-color: transparent;
}

.k-task-summary-complete:before, .k-task-summary:before {
  left: 0;
  border-left-color: inherit;
}

.k-task-summary-complete:after, .k-task-summary:after {
  right: 0;
  border-right-color: inherit;
}

.k-line-h, .k-line-v {
  position: absolute;
}

.k-line-h {
  height: 2px;
}

.k-line-v {
  width: 2px;
}

.k-arrow-e, .k-arrow-w {
  position: absolute;
  top: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px;
}

.k-arrow-e {
  right: -6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.k-arrow-w {
  left: -6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.k-task-milestone {
  width: 13px;
  height: 13px;
  margin-top: 3px;
  border-style: solid;
  border-width: 1px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.k-ie8 .k-task-milestone {
  margin-left: 1px;
}

.k-gantt .k-gantt-tasks .k-button-icon, .k-gantt .k-gantt-treelist .k-button {
  padding-top: 0;
  padding-bottom: 0;
}

.k-gantt .k-gantt-tasks .k-button-icon {
  margin-top: 4px;
}

.k-gantt .k-gantt-treelist .k-button {
  margin-top: -4px;
  margin-bottom: -2px;
}

.k-gantt .k-gantt-tasks .k-button-icon {
  padding-left: 2px;
  padding-right: 2px;
}

.k-gantt .k-gantt-tasks .k-button .k-icon, .k-gantt .k-gantt-treelist .k-button .k-icon {
  vertical-align: text-top;
}

.k-rel .k-button-icon {
  position: absolute;
  left: 200px;
}

.k-rel {
  position: relative;
  height: 0;
  top: -.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: .2em;
}

.k-task-wrap-active .k-task-dot, .k-task-wrap:hover .k-task-dot {
  display: block;
}

.k-task-dot:before {
  content: "\a0";
  display: inline-block;
  width: 0;
  height: 16px;
}

.k-task-dot:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin-left: 4px;
}

.k-task-dot.k-state-hover:after, .k-task-dot:hover:after, .k-task-wrap-active .k-task-dot:after {
  border-style: solid;
  border-width: 1px;
  margin-left: 3px;
}

.k-task-start {
  left: 0;
}

.k-task-end {
  right: 0;
}

.k-task-single {
  border-style: solid;
  border-width: 1px;
  text-align: left;
  overflow: hidden;
  cursor: default;
  min-height: 1.3em;
  white-space: nowrap;
}

.k-task-template {
  padding: .2em 1.4em .2em .6em;
  line-height: normal;
}

.k-task-actions, .k-task-content > .k-link {
  position: absolute;
  top: 0;
  right: 4px;
  white-space: nowrap;
}

.k-task-actions {
  z-index: 1;
}

.k-task-actions:first-child {
  position: static;
  float: left;
  margin: 4px 2px 0 4px;
}

.k-webkit .k-task-actions:first-child {
  margin-top: 3px;
}

.k-task-actions:first-child > .k-link {
  display: inline-block;
}

.k-task-delete {
  display: none;
}

.k-task-wrap-active .k-task-delete, .k-task-wrap:hover .k-task-delete {
  display: inline-block;
}

.k-task-single .k-resize-handle {
  position: absolute;
  visibility: hidden;
  z-index: 2;
  height: auto;
}

.k-task-single:hover .k-resize-handle, .k-task-wrap-active .k-resize-handle {
  visibility: visible;
}

.k-task-single .k-resize-handle:after {
  content: "";
  position: absolute;
  filter: alpha(opacity=50);
  opacity: .5;
}

.k-task-content > .k-resize-e {
  right: 0;
  top: 0;
  bottom: 0;
  width: .4em;
}

.k-task-content > .k-resize-w {
  left: 0;
  top: 0;
  bottom: 0;
  width: .4em;
}

.k-task-content > .k-resize-e:after, .k-task-content > .k-resize-w:after {
  left: 1px;
  top: 50%;
  margin-top: -.7em;
  height: 1.4em;
  width: 1px;
}

.k-task-content > .k-resize-e:after {
  left: auto;
  right: 1px;
}

.k-task-draghandle {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  margin-left: 16px;
  border-width: 5px;
  border-style: solid;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  display: none;
  cursor: e-resize;
}

.k-task-wrap-active .k-task-draghandle, .k-task-wrap:hover .k-task-draghandle {
  display: block;
}

.k-dependency-hint {
  z-index: 4;
}

.k-gantt-rowheight .k-task-dot, .k-gantt-rowheight .k-task-milestone, .k-gantt-rowheight .k-task-single + .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot, .k-gantt-rowheight .k-task-summary {
  top: 50%;
}

.k-gantt-rowheight .k-task-milestone, .k-gantt-rowheight .k-task-summary {
  margin-top: -6px;
}

.k-gantt-rowheight .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot {
  margin-top: -11px;
}

.k-gantt-rowheight .k-task-single {
  height: -webkit-calc(98%);
  height: calc(98%);
}

.k-ie .k-gantt-rowheight .k-task-single {
  height: 99%;
}

.k-gantt-rowheight .k-task-content {
  height: 100%;
}

.k-gantt-rowheight .k-task-content > .k-resize-e:after, .k-gantt-rowheight .k-task-content > .k-resize-w:after {
  top: 0;
  margin-top: 0;
  height: 100%;
}

.k-task-details {
  padding: .4em;
  text-align: left;
  white-space: nowrap;
}

.k-task-details > strong {
  font-size: 120%;
  display: block;
}

.k-task-pct {
  margin: .5em 0 .1em;
  font-size: 170%;
}

.k-task-details > ul {
  line-height: 1.2;
}

.k-resources-wrap {
  position: absolute;
  z-index: 2;
  zoom: 1;
  margin-left: 20px;
  margin-top: -2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k-resources-wrap .k-resource {
  margin: 0 5px;
}

.k-gantt-edit-form > .k-edit-form-container {
  width: 430px;
}

.k-gantt-edit-form > .k-resources-form-container {
  width: 506px;
}

.k-resources-form-container > .k-grid {
  margin: 0 .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: .5em;
}

.k-rtl button.k-gantt-toggle {
  float: right;
  margin-right: 0;
  margin-left: .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: -.6em;
    right: .333em;
    width: 16px;
    height: 16px;
  }
  .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li, .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li:first-child + li {
    display: block;
    border: 0;
    border-radius: 0;
  }
  .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
    border: 1px solid #c5c5c5;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  }
  .k-rtl .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
    text-align: left;
  }
}

@media only screen and (max-width: 480px) {
  button.k-gantt-toggle {
    display: inline-block;
  }
  .k-gantt-create span + span, .k-gantt-pdf span + span {
    display: none;
  }
  .k-gantt-create .k-icon, .k-gantt-pdf .k-icon {
    margin: 0;
  }
  .k-gantt .k-splitbar {
    display: none;
    width: 0;
    border-width: 0;
  }
  .k-gantt .k-gantt-treelist {
    display: none;
    max-width: 0;
  }
  .k-gantt .k-treelist .k-grid-content {
    overflow-y: scroll;
  }
  .k-gantt .k-gantt-timeline {
    width: 100%;
  }
}

.k-pivot {
  position: relative;
}

.k-pivot-toolbar {
  padding: .2em;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.k-pivot .k-pivot-toolbar {
  padding: .6em;
}

.k-pivot-toolbar .k-button {
  margin-right: .4em;
  line-height: 1.2em;
  font-size: .9em;
  text-align: left;
  position: relative;
  padding: .3em 5em .3em .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: .4em;
}

.k-fieldselector p {
  margin: 0 0 .2em .5em;
  text-transform: uppercase;
}

.k-fieldselector p .k-icon {
  margin: 0 5px 0 0;
}

.k-fieldselector .k-columns {
  border-style: solid;
  border-width: 0;
}

.k-fieldselector .k-columns > div {
  overflow: auto;
  padding: .6em;
  border-style: solid;
  border-width: 0 0 0 1px;
  float: left;
  width: 45%;
}

.k-fieldselector .k-columns > div:first-child {
  border-width: 0;
  margin-right: -1px;
}

.k-fieldselector .k-columns > div + div {
  float: right;
  border-width: 0;
}

.k-fieldselector div.k-treeview {
  border-width: 0;
  margin-right: -1px;
  padding-left: 4px;
  overflow: visible;
}

.k-fieldselector .k-list-container {
  margin-left: .5em;
  margin-bottom: 1em;
  padding: .2em 0 0;
  border-style: solid;
  border-width: 1px;
}

.k-fieldselector .k-list {
  padding-bottom: 2em;
}

.k-fieldselector .k-list li.k-item {
  padding: .3em 3.3em .3em .3em;
  margin: 0 0.2em 0.2em;
  position: relative;
  font-size: .9em;
  line-height: 1.2em;
  min-height: 1em;
}

.k-i-kpi-decrease {
  background-position: 0 0;
}

.k-i-kpi-denied {
  background-position: -16px 0;
}

.k-i-kpi-equal {
  background-position: -32px 0;
}

.k-i-kpi-hold {
  background-position: -48px 0;
}

.k-i-kpi-increase {
  background-position: -64px 0;
}

.k-i-kpi-open {
  background-position: -80px 0;
}

.k-pdf-export-shadow .k-pivot .k-grid-content {
  overflow: visible !important;
}

.k-pdf-export-shadow .k-pivot .k-grid-content, .k-pdf-export-shadow .k-pivot .k-pivot-rowheaders .k-grid {
  height: 100% !important;
}

.k-pdf-export-shadow .k-pivot .k-grid-header {
  padding-right: 0 !important;
}

.k-pdf-export-shadow .k-pivot {
  width: auto !important;
  height: auto !important;
}

.k-pdf-export-shadow .k-pivot .k-grid-content > table, .k-pdf-export-shadow .k-pivot .k-grid-header-wrap > table {
  width: 100% !important;
  height: auto !important;
}

.k-calendar {
  position: relative;
  display: inline-block;
  width: 16.917em;
  overflow: hidden;
}

.k-calendar .k-link, .k-calendar td {
  text-decoration: none;
}

.k-calendar .k-action-link {
  text-decoration: underline;
}

.k-calendar .k-footer, .k-calendar .k-header {
  position: relative;
  text-align: center;
  zoom: 1;
}

.k-widget.k-calendar .k-nav-next, .k-widget.k-calendar .k-nav-prev {
  position: absolute;
  top: .16666em;
  line-height: 1.8333em;
  height: 1.8333em;
}

.k-widget.k-calendar .k-nav-prev {
  left: 1%;
}

.k-widget.k-calendar .k-nav-next {
  right: 1%;
}

.k-calendar .k-content {
  float: left;
  border-spacing: 0;
  width: 100%;
  height: 14.167em;
  border-width: 0;
  margin: 0;
  table-layout: fixed;
  outline: 0;
}

.k-calendar .k-content, .k-calendar .k-content th {
  text-align: right;
}

.k-calendar .k-animation-container .k-content {
  height: 100%;
}

.k-widget.k-calendar .k-nav-fast {
  display: inline-block;
  width: 75%;
  height: 1.8333em;
  line-height: 1.8333em;
  margin: .16666em -.08333em .3333em 0;
}

.k-calendar .k-header .k-icon {
  vertical-align: middle;
}

.k-calendar .k-header .k-link.k-nav-next, .k-calendar .k-header .k-link.k-nav-prev {
  height: 1.8333em;
  width: 1.8333em;
}

.k-calendar th {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: .4em .45em .4em .1em;
  font-weight: 400;
  cursor: default;
}

.k-calendar td {
  padding: .08333em;
  cursor: pointer;
}

.k-calendar .k-state-focus {
  border-style: dotted;
  border-width: .08333em;
  padding: 0;
}

.k-calendar .k-content .k-link {
  display: block;
  overflow: hidden;
  min-height: 1.8333em;
  line-height: 1.8333em;
  padding: 0 .45em 0 .1em;
}

.k-calendar .k-meta-view .k-link {
  padding: .25em 0 .3em;
  text-align: center;
}

.k-calendar .k-footer {
  clear: both;
}

.k-calendar .k-footer .k-nav-today, .k-calendar .k-footer > .k-state-disabled {
  display: block;
  height: 100%;
  padding: .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: .2em;
}

.k-treeview .k-icon, .k-treeview .k-in {
  vertical-align: middle;
}

.k-treeview .k-request-retry {
  vertical-align: baseline;
}

.k-treeview .k-minus, .k-treeview .k-minus-disabled, .k-treeview .k-plus, .k-treeview .k-plus-disabled {
  margin-top: .25em;
  margin-left: -16px;
  cursor: pointer;
}

.k-treeview .k-minus-disabled, .k-treeview .k-plus-disabled {
  cursor: default;
}

.k-treeview .k-image, .k-treeview .k-sprite {
  margin-right: 3px;
}

.k-treeview .k-in {
  margin: 1px 0 1px .16666em;
  padding: 1px .3333em 1px .25em;
  line-height: 1.3333em;
  text-decoration: none;
  border-style: solid;
  border-width: 1px;
}

.k-treeview span.k-in {
  cursor: default;
}

.k-treeview .k-drop-hint {
  position: absolute;
  z-index: 10000;
  visibility: hidden;
  width: 80px;
  height: 5px;
  margin-top: -3px;
  background-color: transparent;
  background-repeat: no-repeat;
}

.k-toolbar .k-split-button, span.k-colorpicker, span.k-combobox, span.k-datepicker, span.k-datetimepicker, span.k-dropdown, span.k-numerictextbox, span.k-timepicker {
  background-image: none;
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker, .k-toolbar .k-split-button {
  position: relative;
  display: inline-block;
  width: 12.4em;
  overflow: visible;
  border-width: 0;
  vertical-align: middle;
}

.k-filter-menu .k-combobox, .k-filter-menu .k-datepicker, .k-filter-menu .k-datetimepicker, .k-filter-menu .k-dropdown, .k-filter-menu .k-numerictextbox, .k-filter-menu .k-textbox, .k-filter-menu .k-timepicker {
  width: 13.2em;
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-numerictextbox, .k-selectbox, .k-timepicker, .k-toolbar .k-split-button {
  white-space: nowrap;
}

.k-colorpicker, .k-toolbar .k-split-button {
  width: auto;
}

.k-datetimepicker {
  width: 15em;
}

.k-autocomplete, .k-numeric-wrap, .k-picker-wrap {
  position: relative;
  cursor: default;
}

.k-dropdown-wrap {
  position: relative;
}

.k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap {
  display: block;
}

.k-block, .k-content, .k-grid, .k-header-column-menu, .k-panelbar, .k-slider, .k-splitter, .k-treeview, .k-widget {
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.k-block, .k-calendar, .k-grid-header .k-link, .k-header-column-menu, .k-pager-wrap, .k-slider, .k-splitbar, .k-treeview {
  -webkit-touch-callout: none;
}

.k-list-scroller {
  position: relative;
  overflow: auto;
}

.k-popup.k-calendar-container, .k-popup.k-list-container {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 2px;
  border-width: 1px;
  border-style: solid;
}

.k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-list-container.k-state-border-down, .k-numeric-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down {
  border-bottom-width: 0;
  padding-bottom: 1px;
}

.k-list-container .km-scroll-container {
  padding-bottom: 6px;
}

.k-autocomplete, .k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap, .k-textbox {
  border-width: 1px;
  border-style: solid;
  padding: 0 1.9em 0 0;
}

.k-numeric-wrap.k-expand-padding {
  padding-right: 0;
}

.k-autocomplete, .k-textbox {
  padding: 0;
}

.k-textbox.k-space-left {
  padding-left: 1.9em;
}

.k-textbox.k-space-right {
  padding-right: 1.9em;
}

.k-textbox .k-icon {
  top: 50%;
  margin: -8px 0 0;
  position: absolute;
}

.k-space-left .k-icon {
  left: 3px;
}

.k-space-right .k-icon {
  right: 3px;
}

span.k-textbox:after {
  content: "\a0";
  display: block;
  height: .4px;
  overflow: hidden;
}

.k-autocomplete, .k-dropdown-wrap.k-state-focused, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-focused, .k-numeric-wrap.k-state-hover, .k-picker-wrap.k-state-focused, .k-picker-wrap.k-state-hover {
  -webkit-transition: -webkit-box-shadow .15s ease-out;
  transition: box-shadow .15s ease-out;
  -webkit-transition: "box-shadow .15s ease-out";
  transition: "box-shadow .15s ease-out";
}

.k-combobox .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-textbox > input {
  width: 100%;
  vertical-align: top;
}

.k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input {
  font-family: inherit;
  border-width: 0;
  outline: 0;
}

.k-dropdown .k-input, .k-selectbox .k-input {
  background: 0 0;
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
}

.k-combobox .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
  border-style: solid;
  border-width: 0 0 0 1px;
  border-color: inherit;
}

span.k-datetimepicker .k-select, span.k-datetimepicker .k-select + .k-select {
  right: 0;
}

.k-autocomplete .k-input, .k-textbox > input {
  display: block;
}

.k-dropdown .k-select, .k-selectbox .k-select {
  overflow: hidden;
  border: 0;
  text-decoration: none;
  font: inherit;
  color: inherit;
}

.k-dropdown .k-input, .k-selectbox .k-input {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
  height: 1.65em;
  line-height: 1.65em;
  padding: .177em 0;
  text-indent: .33em;
  border: 0;
  margin: 0;
}

.k-combobox .k-dropdown-wrap:before, .k-numeric-wrap:before, .k-picker-wrap:before {
  content: "\a0";
  display: inline-block;
  width: 0;
  height: 1.65em;
  padding-bottom: .3em;
}

.k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-numeric-wrap:before, .k-webkit .k-picker-wrap:before {
  padding-bottom: .38em;
}

.km.root .k-combobox .k-dropdown-wrap:before, .km.root .k-numeric-wrap:before, .km.root .k-picker-wrap:before {
  content: none;
}

.k-combobox .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
  display: inline;
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
  min-height: 1.65em;
  line-height: 2em;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  text-align: center;
  width: 1.9em;
  height: 100%;
}

.k-numeric-wrap .k-select {
  padding: 0;
}

body .k-datetimepicker .k-select {
  border-radius: 0;
}

.k-combobox .k-icon, .k-dropdown, .k-selectbox .k-icon {
  cursor: pointer;
}

.k-popup {
  border-style: solid;
  border-width: 1px;
}

.k-list-optionlabel, .k-popup .k-item {
  cursor: default;
}

.k-popup .k-calendar {
  border: 0;
}

.k-list {
  height: auto;
}

.k-fieldselector .k-list .k-item, .k-list-optionlabel, .k-popup .k-list .k-item, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
  padding: 1px 5px 1px 5px;
  line-height: 1.8em;
  min-height: 1.8em;
}

.k-popup .k-list .k-item {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  padding: 0 4px;
}

.k-popup .k-list .k-item > .k-group {
  top: -1px;
}

.k-group-header + div > .k-list > .k-item.k-first:before {
  content: " ";
  display: block;
  border-top-width: 1px;
  border-top-style: solid;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
  padding-right: 22px;
}

.k-overflow-container .k-item {
  padding: 1px;
}

.k-overflow-container .k-button.k-state-disabled, .k-overflow-container .k-button.k-state-disabled:hover, .k-overflow-container > .k-state-disabled .k-button {
  border: 0;
  background: 0 0;
}

.k-fieldselector .k-list .k-item, .k-list-optionlabel.k-state-focused, .k-list-optionlabel.k-state-selected, .k-overflow-container .k-state-focused, .k-overflow-container .k-state-hover, .k-overflow-container .k-state-selected, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-selected {
  padding: 0 4px;
  border-width: 1px;
  border-style: solid;
}

.k-list-filter {
  position: relative;
  margin-bottom: 2px;
}

.k-list-filter > .k-textbox {
  padding-right: 20px;
  width: 100%;
}

.k-list-filter > .k-icon {
  position: absolute;
  right: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.km-root .k-list-filter > .k-textbox {
  padding-left: 0;
  padding-right: 0;
  border-left-width: 0;
  border-right-width: 0;
}

.k-multiselect-wrap {
  position: relative;
  border-width: 0;
  border-style: solid;
  border-radius: 4px;
  border-color: #C5C5C5;
  background-color: #FFF;
  min-height: 2.04em;
}

.k-multiselect-wrap .k-input {
  background-color: transparent;
  height: 1.31em;
  line-height: 1.31em;
  padding: .18em 0;
  text-indent: .33em;
  border: 0;
  margin: 1px 0 0;
  float: left;
}

.k-multiselect-wrap .k-input::-ms-clear {
  display: none;
}

.k-multiselect-wrap li {
  margin: 1px 0 1px 1px;
  padding: .1em 1.6em .1em .4em;
  line-height: 1.5em;
  float: left;
  position: relative;
}

.k-autocomplete .k-loading, .k-multiselect .k-loading {
  position: absolute;
  right: 3px;
  bottom: 4px;
}

.k-multiselect .k-loading-hidden {
  visibility: hidden;
}

.k-multiselect-wrap .k-select {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: .1em .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: .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 .3em;
}

input.k-textbox {
  height: 2.13em;
  text-indent: .33em;
  line-height: 1.6em;
}

.k-ie input.k-textbox {
  text-indent: .165em;
}

.k-ff input.k-textbox {
  height: 2.17em;
}

textarea.k-textbox {
  height: auto;
}

span.k-numerictextbox {
  background-color: transparent;
}

.k-numerictextbox .k-input {
  margin: 0;
}

.k-numerictextbox .k-link {
  display: block;
  height: 1em;
  line-height: 1em;
  vertical-align: middle;
  border-width: 0;
  padding: 0;
}

.k-numerictextbox .k-icon {
  height: 11px;
}

.k-numeric-wrap .k-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.k-colorpicker .k-picker-wrap {
  line-height: 2em;
}

.k-colorpicker .k-selected-color {
  vertical-align: top;
  line-height: 0;
  display: inline-block;
  height: 2em;
  width: 2em;
}

.k-colorpicker .k-tool-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  padding: 3px 3px 2px;
  font-size: 0;
  line-height: 0;
  margin-right: 3px;
  margin-left: 2px;
  margin-bottom: 3px;
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  -ms-high-contrast-adjust: none;
}

.k-colorpicker .k-tool-icon .k-selected-color {
  display: block;
  height: 3px;
  width: 16px;
  position: absolute;
  left: 3px;
  bottom: -3px;
  border-radius: 0 !important;
}

.k-colorpicker .k-select {
  cursor: pointer;
}

.k-disabled-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: .5;
  filter: alpha(opacity=50);
}

.k-colorpalette {
  position: relative;
  line-height: 0;
  border-width: 0;
  display: inline-block;
}

.k-colorpalette .k-palette {
  border-collapse: collapse;
  position: relative;
  width: 100%;
  height: 100%;
}

.k-colorpalette .k-item {
  width: 14px;
  height: 14px;
  overflow: hidden;
  -ms-high-contrast-adjust: none;
}

.k-colorpalette .k-item.k-state-selected, .k-colorpalette .k-item.k-state-selected:hover {
  z-index: 100;
  background: 0 0;
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.45);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.45);
  position: relative;
}

.k-colorpalette .k-item:hover {
  z-index: 101;
  position: relative;
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}

.k-flatcolorpicker {
  position: relative;
  display: inline-block;
  width: 250px;
  padding-bottom: 5px;
}

div.k-flatcolorpicker {
  background-color: transparent;
  background-image: none;
}

.k-flatcolorpicker .k-selected-color {
  background-image: url(textures/transtexture.png);
  background-position: 50% 50%;
  text-align: right;
}

.k-flatcolorpicker .k-selected-color input.k-color-value {
  font-family: Consolas,"Ubuntu Mono","Lucida Console","Courier New",monospace;
  padding: .75em .3em .65em 1em;
  border: 0;
  margin: 0;
  width: 70%;
}

.k-flatcolorpicker .k-hsv-rectangle {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pinch-zoom double-tap-zoom;
}

.k-flatcolorpicker .k-hsv-rectangle .k-draghandle {
  cursor: pointer;
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  border: 1px solid #eee;
  margin-left: -5px;
  margin-top: -5px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px #444;
  box-shadow: 0 1px 2px #444;
  background: 0 0;
}

.k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus, .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover {
  background: 0 0;
  border-color: #fff;
  -webkit-box-shadow: 0 1px 5px #000;
  box-shadow: 0 1px 5px #000;
}

.k-flatcolorpicker .k-hsv-rectangle.k-dragging, .k-flatcolorpicker .k-hsv-rectangle.k-dragging * {
  cursor: none;
}

.k-flatcolorpicker .k-slider-horizontal {
  height: 20px;
  width: 90%;
  margin: 0 5%;
}

.k-flatcolorpicker .k-slider-horizontal .k-slider-track {
  -webkit-box-shadow: 0 1px 0 #fff,0 -1px 0 #999;
  box-shadow: 0 1px 0 #fff,0 -1px 0 #999;
}

.k-flatcolorpicker .k-hue-slider, .k-flatcolorpicker .k-transparency-slider {
  display: block;
}

.k-flatcolorpicker .k-hue-slider .k-slider-selection, .k-flatcolorpicker .k-transparency-slider .k-slider-selection {
  background: 0 0;
}

.k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle {
  background: 0 0;
  border: 3px solid #eee;
  margin-top: 1px;
  height: 8px;
  width: 8px;
  -webkit-box-shadow: 0 1px 4px #444;
  box-shadow: 0 1px 4px #444;
}

.k-flatcolorpicker .k-hue-slider .k-draghandle:focus, .k-flatcolorpicker .k-hue-slider .k-draghandle:hover, .k-flatcolorpicker .k-transparency-slider .k-draghandle:focus, .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
  background: 0 0;
  border-color: #fff;
  -webkit-box-shadow: 0 1px 5px #000;
  box-shadow: 0 1px 5px #000;
  border-width: 2px;
  padding: 1px;
}

.k-flatcolorpicker .k-hue-slider .k-slider-track {
  background: -webkit-gradient(linear, left top, right top, left, color-stop(16%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(84%, #f0f), right);
  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, left, right), -webkit-gradient(linear, left top, right top, left, right);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%), -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
  height: 180px;
  margin-bottom: 5px;
}

.k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

.k-ie9 .k-flatcolorpicker .k-hsv-gradient {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

.k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track {
  background: url(textures/hue.png) repeat 0 50%;
}

.k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track {
  background: url(textures/transparency.png) repeat 0 50%;
}

.k-ie8 .k-flatcolorpicker .k-hsv-gradient {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#00ffffff', GradientType=1) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#ff000000',GradientType=0);
}

table.k-editor {
  width: 100%;
  height: 250px;
  table-layout: fixed;
  border-style: solid;
  border-width: 1px;
  border-collapse: separate;
  border-spacing: 4px;
  font-size: 100%;
  vertical-align: top;
  position: relative;
}

.k-editor-inline {
  border-width: 2px;
  padding: .3em .5em;
  word-wrap: break-word;
  overflow: auto;
}

.k-editortoolbar-dragHandle {
  cursor: move;
  padding-left: 0;
  padding-right: 3px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.k-editor-widget > .k-window-content {
  overflow: hidden;
}

.k-editor .k-editor-toolbar-wrap {
  border: 0;
  padding: 0;
}

.k-editor-toolbar {
  margin: 0;
  padding: .1em 0;
  list-style-type: none;
  line-height: 1.3em;
  cursor: default;
  word-wrap: break-word;
}

.k-editor-toolbar li {
  display: inline-block;
  vertical-align: middle;
}

.k-ff .k-editor-toolbar, .k-ie9 .k-editor-toolbar, .k-webkit .k-editor-toolbar {
  padding: 0;
}

.k-ff .k-editor-toolbar li, .k-ie10 .k-editor-toolbar li, .k-ie9 .k-editor-toolbar li, .k-safari .k-editor-toolbar li, .k-webkit .k-editor-toolbar li {
  display: inline-block;
  padding: .1em 0;
}

.k-editor-toolbar .k-editor-widget, .k-editor-toolbar > li {
  margin-right: 6px;
}

.k-group-start.k-group-end .k-editor-widget {
  margin-right: 0;
}

.k-editor-toolbar .k-editor-dropdown {
  position: relative;
}

.k-select-overlay {
  -webkit-appearance: none;
  opacity: 0;
  z-index: 11000;
  top: 0;
  left: 0;
  position: absolute;
  height: 26px;
  width: 100%;
  margin: -4px 0 0;
}

.k-editor-toolbar .k-separator {
  position: relative;
  top: 1px;
  border-style: solid;
  border-width: 0 1px 0 0;
  margin: 0 .3em 0 .1em;
  padding: 0 0 0 1px;
  font-size: 1.3em;
}

.k-editor-toolbar .k-break {
  display: block;
  height: 1px;
  font-size: 0;
  line-height: 0;
}

.k-editor-toolbar .k-colorpicker, .k-editor-toolbar .k-combobox, .k-editor-toolbar .k-dropdown, .k-editor-toolbar .k-selectbox {
  vertical-align: middle;
}

.k-button-group {
  white-space: nowrap;
}

.k-button-group .k-tool {
  display: inline-block;
  vertical-align: middle;
  margin: 1px 0;
  width: 2em;
  height: 2em;
  line-height: 2em;
}

.k-button-group .k-tool-icon {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  -ms-high-contrast-adjust: none;
}

.k-i-move {
  background-position: -160px -288px;
}

.k-bold {
  background-position: -240px 0;
}

.k-state-hover .k-bold, .k-state-selected .k-bold {
  background-position: -264px 0;
}

.k-italic {
  background-position: -240px -24px;
}

.k-state-hover .k-italic, .k-state-selected .k-italic {
  background-position: -264px -24px;
}

.k-underline {
  background-position: -240px -48px;
}

.k-state-hover .k-underline, .k-state-selected .k-underline {
  background-position: -264px -48px;
}

.k-strikethrough {
  background-position: -240px -72px;
}

.k-state-hover .k-strikethrough, .k-state-selected .k-strikethrough {
  background-position: -264px -72px;
}

.k-foreColor {
  background-position: -240px -96px;
}

.k-state-hover .k-foreColor, .k-state-selected .k-foreColor {
  background-position: -264px -96px;
}

.k-backColor {
  background-position: -240px -120px;
}

.k-state-hover .k-backColor, .k-state-selected .k-backColor {
  background-position: -264px -120px;
}

.k-colorpicker .k-foreColor {
  background-position: -240px -96px;
}

.k-colorpicker .k-backColor {
  background-position: -240px -120px;
}

.k-justifyLeft {
  background-position: -240px -144px;
}

.k-state-hover .k-justifyLeft, .k-state-selected .k-justifyLeft {
  background-position: -264px -144px;
}

.k-justifyCenter {
  background-position: -240px -168px;
}

.k-state-hover .k-justifyCenter, .k-state-selected .k-justifyCenter {
  background-position: -264px -168px;
}

.k-justifyRight {
  background-position: -240px -192px;
}

.k-state-hover .k-justifyRight, .k-state-selected .k-justifyRight {
  background-position: -264px -192px;
}

.k-justifyFull {
  background-position: -240px -216px;
}

.k-state-hover .k-justifyFull, .k-state-selected .k-justifyFull {
  background-position: -264px -216px;
}

.k-insertUnorderedList {
  background-position: -240px -264px;
}

.k-state-hover .k-insertUnorderedList, .k-state-selected .k-insertUnorderedList {
  background-position: -264px -264px;
}

.k-insertOrderedList {
  background-position: -240px -288px;
}

.k-state-hover .k-insertOrderedList, .k-state-selected .k-insertOrderedList {
  background-position: -264px -288px;
}

.k-indent, .k-rtl .k-outdent {
  background-position: -288px 0;
}

.k-state-hover .k-indent, .k-state-hover .k-rtl .k-outdent, .k-state-selected .k-indent, .k-state-selected .k-rtl .k-outdent {
  background-position: -312px 0;
}

.k-outdent, .k-rtl .k-indent {
  background-position: -288px -24px;
}

.k-state-hover .k-outdent, .k-state-hover .k-rtl .k-indent, .k-state-selected .k-outdent, .k-state-selected .k-rtl .k-indent {
  background-position: -312px -24px;
}

.k-createLink {
  background-position: -288px -48px;
}

.k-state-hover .k-createLink, .k-state-selected .k-createLink {
  background-position: -312px -48px;
}

.k-unlink {
  background-position: -288px -72px;
}

.k-state-hover .k-unlink, .k-state-selected .k-unlink {
  background-position: -312px -72px;
}

.k-insertImage {
  background-position: -288px -96px;
}

.k-state-hover .k-insertImage, .k-state-selected .k-insertImage {
  background-position: -312px -96px;
}

.k-insertFile {
  background-position: -288px -216px;
}

.k-state-hover .k-insertFile, .k-state-selected .k-insertFile {
  background-position: -312px -216px;
}

.k-subscript {
  background-position: -288px -144px;
}

.k-state-hover .k-subscript, .k-state-selected .k-subscript {
  background-position: -312px -144px;
}

.k-superscript {
  background-position: -288px -168px;
}

.k-state-hover .k-superscript, .k-state-selected .k-superscript {
  background-position: -312px -168px;
}

.k-cleanFormatting {
  background-position: -288px -192px;
}

.k-state-hover .k-cleanFormatting, .k-state-selected .k-cleanFormatting {
  background-position: -312px -192px;
}

.k-createTable {
  background-position: -192px 0;
}

.k-state-hover .k-createTable, .k-state-selected .k-createTable {
  background-position: -216px 0;
}

.k-addColumnLeft {
  background-position: -192px -24px;
}

.k-state-hover .k-addColumnLeft, .k-state-selected .k-addColumnLeft {
  background-position: -216px -24px;
}

.k-addColumnRight {
  background-position: -192px -48px;
}

.k-state-hover .k-addColumnRight, .k-state-selected .k-addColumnRight {
  background-position: -216px -48px;
}

.k-addRowAbove {
  background-position: -192px -72px;
}

.k-state-hover .k-addRowAbove, .k-state-selected .k-addRowAbove {
  background-position: -216px -72px;
}

.k-addRowBelow {
  background-position: -192px -96px;
}

.k-state-hover .k-addRowBelow, .k-state-selected .k-addRowBelow {
  background-position: -216px -96px;
}

.k-deleteRow {
  background-position: -192px -120px;
}

.k-state-hover .k-deleteRow, .k-state-selected .k-deleteRow {
  background-position: -216px -120px;
}

.k-deleteColumn {
  background-position: -192px -144px;
}

.k-state-hover .k-deleteColumn, .k-state-selected .k-deleteColumn {
  background-position: -216px -144px;
}

.k-mergeCells {
  background-position: -192px -168px;
}

.k-state-hover .k-mergeCells, .k-state-selected .k-mergeCells {
  background-position: -216px -168px;
}

.k-pdf {
  background-position: -288px -240px;
}

.k-state-hover .k-pdf, .k-state-selected .k-pdf {
  background-position: -312px -240px;
}

.k-print {
  background-position: -288px -264px;
}

.k-state-hover .k-print, .k-state-selected .k-print {
  background-position: -312px -264px;
}

.k-fontName {
  width: 110px;
}

.k-fontSize {
  width: 124px;
}

.k-formatBlock {
  width: 147px;
}

.k-editortoolbar-dragHandle {
  float: left;
  margin: 1px 0 0;
}

.k-editor-toolbar .k-button-group {
  padding: 1px;
}

.k-editor .k-editor-toolbar .k-row-break {
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.k-button-group .k-tool {
  border-style: solid;
  border-width: 1px;
  margin-right: -1px;
}

.k-button-group .k-tool.k-state-hover, .k-button-group .k-tool:focus {
  position: relative;
  z-index: 1;
}

.k-rtl .k-button-group .k-tool {
  border-style: solid;
  border-width: 1px;
}

.k-button-group .k-tool.k-group-end {
  border-right-width: 1px;
}

.k-rtl .k-button-group .k-tool.k-group-end {
  border-left-width: 1px;
}

.k-button-group .k-state-disabled {
  display: none;
}

.k-button-group .k-state-active, .k-button-group .k-state-hover {
  vertical-align: middle;
}

.k-button-group .k-state-disabled {
  filter: alpha(opacity=30);
  opacity: .3;
}

.k-editor .k-editable-area {
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 1px;
  outline: 0;
}

.k-editor .k-content {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  background: #fff;
}

.k-editor .k-tool {
  outline: 0;
}

.k-editor iframe.k-content {
  display: inline;
  vertical-align: top;
}

.k-editor .k-raw-content {
  border: 0;
  margin: 0;
  padding: 0;
}

.k-editor .k-raw-content, .k-editor-dialog .k-editor-textarea {
  font-size: inherit;
  font-family: consolas,"courier new",monospace;
}

.k-editor-dialog {
  padding: 1em;
  width: 400px;
}

.k-editor-dialog .k-edit-label {
  width: 25%;
}

.k-editor-dialog .k-edit-field {
  width: 66%;
}

.k-editor-dialog .k-edit-field .k-textbox {
  width: 96%;
}

.k-viewhtml-dialog {
  width: auto;
}

.k-filebrowser-dialog {
  width: auto;
  min-width: 350px;
}

.k-filebrowser-dialog .k-filebrowser {
  margin: 0 1em 0;
}

.k-filebrowser-dialog .k-edit-label {
  width: 18%;
}

.k-filebrowser-dialog .k-edit-field {
  width: 75%;
}

.k-filebrowser-dialog .k-edit-field .k-textbox {
  width: 70%;
}

#k-editor-image-height, #k-editor-image-width {
  width: 5em;
}

.k-editor-dialog .k-button {
  display: inline-block;
}

.k-editor-dialog .k-editor-textarea {
  width: 600px;
  height: 350px;
  padding: .2em .2em .2em .4em;
  border-width: 1px;
  border-style: solid;
  overflow: auto;
}

.k-button-wrapper .k-link:hover {
  text-decoration: underline;
}

.k-ct-popup {
  width: 180.4px;
  padding: .65em .5em .5em;
}

.k-ct-popup .k-status {
  margin: .3em 0;
}

.k-ct-cell {
  border-width: 1px;
  border-style: solid;
  width: 18px;
  height: 18px;
  margin: 1px;
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
  -ms-high-contrast-adjust: none;
}

.k-editor .k-resize-handle {
  position: absolute;
  padding: 5px;
  right: 0;
  bottom: 0;
}

.k-editor .k-overlay {
  position: absolute;
  background-color: #fff;
  opacity: 0;
}

.k-toolbar-resizable {
  min-height: 2.4375em;
  position: relative;
}

.k-overflow-tools {
  position: absolute;
  right: 0;
  top: 0;
}

.k-editor-overflow-popup .k-tool {
  width: auto;
  height: auto;
  display: block;
  text-align: left;
  text-decoration: initial;
  border: 0;
  padding-right: .5em;
  margin: 0;
  padding: 0 6px;
}

.k-editor-overflow-popup .k-tool.k-state-disabled {
  display: none;
}

.k-editor-toolbar .k-tool-text {
  display: none;
}

.k-notification-wrap {
  padding: .6em .5em;
  cursor: default;
  position: relative;
  white-space: nowrap;
}

.k-notification-button .k-notification-wrap {
  padding-right: 20px;
}

.k-notification-wrap > .k-i-note {
  vertical-align: text-bottom;
  margin-right: 4px;
}

.k-notification-wrap > .k-i-close {
  position: absolute;
  top: 7px;
  right: 4px;
  display: none;
}

.k-notification-button .k-notification-wrap > .k-i-close {
  display: block;
}

.k-progressbar {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.k-progressbar {
  border-radius: 4px;
}

.k-progressbar-horizontal {
  width: 27em;
  height: 1.9em;
}

.k-progressbar-vertical {
  width: 1.9em;
  height: 27em;
}

.k-progressbar > .k-state-selected {
  position: absolute;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
}

.k-progressbar-horizontal > .k-state-selected, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected {
  left: -1px;
  right: auto;
  top: -1px;
  height: 100%;
  border-radius: 4px 0 0 4px;
}

.k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected, .k-rtl .k-progressbar-horizontal > .k-state-selected {
  left: auto;
  right: -1px;
  border-radius: 0 4px 4px 0;
}

.k-progressbar-vertical > .k-state-selected {
  left: -1px;
  bottom: -1px;
  width: 100%;
  border-radius: 0 0 4px 4px;
}

.k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
  bottom: auto;
  top: -1px;
  border-radius: 4px 4px 0 0;
}

.k-progressbar > .k-state-selected.k-complete, .k-rtl .k-progressbar > .k-state-selected.k-complete {
  border-radius: 4px;
}

.k-progressbar > .k-reset {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: -1px;
  top: -1px;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  white-space: nowrap;
}

.k-progressbar-horizontal .k-item {
  display: inline-block;
  height: 100%;
  border-style: solid;
  margin-left: -1px;
}

.k-progressbar-horizontal .k-item.k-first {
  margin-left: 0;
}

.k-progressbar-horizontal .k-item.k-last {
  border-right-width: 0;
}

.k-progressbar-horizontal .k-item, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item {
  border-width: 1px 0 1px 1px;
}

.k-progressbar-horizontal.k-progressbar-reverse .k-item, .k-rtl .k-progressbar-horizontal .k-item {
  border-width: 1px 0 1px 1px;
}

.k-progressbar-horizontal .k-first, .k-rtl .k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left-width: 1px;
}

.k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal .k-first {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.k-progressbar-horizontal.k-progressbar-reverse .k-last, .k-rtl .k-progressbar-horizontal .k-first {
  border-right-width: 1px;
}

.k-progressbar-horizontal .k-last.k-state-selected {
  border-right-width: 1px;
}

.k-progressbar-vertical .k-item {
  width: 100%;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  margin-top: -1px;
}

.k-progressbar-vertical .k-item.k-first {
  margin-top: 0;
}

.k-progressbar-vertical li.k-item.k-last {
  border-bottom-width: 0;
}

.k-progressbar-vertical .k-first {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.k-progressbar-vertical .k-last {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-width: 1px;
}

.k-progressbar-vertical.k-progressbar-reverse .k-item {
  border-width: 0 1px 1px 1px;
}

.k-progressbar-vertical.k-progressbar-reverse .k-first {
  border-top-width: 1px;
}

.k-progress-status-wrap {
  position: absolute;
  top: -1px;
  border: 1px solid transparent;
  line-height: 2em;
  width: 100%;
  height: 100%;
}

.k-progress-status-wrap, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap {
  left: -1px;
  right: auto;
  text-align: right;
}

.k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap, .k-rtl .k-progressbar-horizontal .k-progress-status-wrap {
  left: auto;
  right: -1px;
  text-align: left;
}

.k-progressbar-vertical .k-progress-status-wrap {
  top: auto;
  bottom: -1px;
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap {
  bottom: auto;
  top: -1px;
}

.k-progress-status {
  display: inline-block;
  padding: 0 .5em;
  min-width: 10px;
  white-space: nowrap;
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
  position: absolute;
  bottom: 0;
  left: 0;
}

.k-progressbar-vertical .k-progress-status {
  -webkit-transform: rotate(-90deg) translateX(-100%);
  -ms-transform: rotate(-90deg) translateX(-100%);
  transform: rotate(-90deg) translateX(-100%);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
  -webkit-transform: rotate(90deg) translateX(-100%);
  -ms-transform: rotate(90deg) translateX(-100%);
  transform: rotate(90deg) translateX(-100%);
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.k-ie8 .k-progressbar-vertical .k-progress-status {
  -webkit-writing-mode: bt-lr;
  -ms-writing-mode: bt-lr;
  writing-mode: bt-lr;
  padding: .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: .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: .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: -.5em;
}

.k-slider-vertical .k-first .k-label {
  bottom: -.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: .5em;
}

.k-scheduler-tools + .k-scheduler-navigation {
  float: left;
  clear: left;
}

.k-scheduler-footer > ul > li, .k-scheduler-toolbar > ul > li {
  display: inline-block;
  border-style: solid;
  border-width: 1px 1px 1px 0;
}

.k-scheduler .k-scheduler-toolbar .k-nav-current, .k-scheduler .k-scheduler-toolbar .k-scheduler-tools > li {
  border-width: 0;
}

.k-scheduler-toolbar > ul.k-scheduler-views > li:first-child + li, .k-scheduler-toolbar > ul > li:first-child {
  border-left-width: 1px;
}

.k-scheduler div.k-scheduler-footer ul li {
  margin-right: .6em;
  border-width: 1px;
}

.k-scheduler-footer .k-link, .k-scheduler-toolbar .k-link {
  display: inline-block;
  padding: 0 1.1em;
}

.k-scheduler-toolbar .k-nav-next .k-link, .k-scheduler-toolbar .k-nav-prev .k-link {
  padding-left: .6em;
  padding-right: .6em;
}

.k-scheduler-toolbar .k-nav-current .k-link {
  padding: 0;
}

.k-scheduler-toolbar .k-nav-current {
  margin: 0 1.1em;
}

.k-scheduler .k-nav-current > .k-state-active, .k-scheduler div.k-scheduler-toolbar > ul > li.k-nav-current {
  background: 0 0;
}

.k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation {
  width: 100%;
  text-align: center;
}

.k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation > li {
  background: 0 0;
  border: 0;
}

.k-scheduler-phone .k-toolbar .k-nav-next {
  float: right;
}

.k-scheduler-phone .k-toolbar .k-nav-prev {
  float: left;
}

.k-scheduler-footer .k-icon, .k-scheduler-toolbar .k-i-calendar {
  margin: -2px 6px 0 0;
}

.k-scheduler-header, .k-scheduler-header-wrap {
  overflow: hidden;
}

.k-scheduler-header-wrap {
  position: relative;
  border-style: solid;
  border-width: 0;
}

.k-scheduler .k-scrollbar-v .k-scheduler-header-wrap {
  border-right-width: 1px;
}

.k-scheduler-content, .k-scheduler-times {
  position: relative;
}

.k-scheduler-times {
  overflow: hidden;
  border-style: solid;
  border-width: 0;
}

.k-scheduler-content {
  overflow: auto;
}

.k-scheduler-layout, .k-scheduler-table {
  border-spacing: 0;
  width: 100%;
  margin: 0;
  border-collapse: separate;
}

.k-scheduler-layout > tbody > tr > td {
  padding: 0;
  vertical-align: top;
}

.k-safari .k-scheduler-layout > tbody > tr > td + td {
  width: 100%;
}

.k-scheduler-table {
  table-layout: fixed;
  max-width: none;
}

.k-scheduler-times .k-scheduler-table {
  table-layout: auto;
}

.k-scheduler-monthview .k-scheduler-content .k-scheduler-table {
  height: 100%;
}

.k-scheduler-table td, .k-scheduler-table th {
  height: 1.5em;
  padding: .334em .5em;
  font-size: 100%;
}

.k-scheduler .k-scheduler-table td, .k-scheduler .k-scheduler-table th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.k-scheduler-monthview .k-hidden, .k-scheduler-monthview .k-hidden > div {
  width: 0 !important;
  overflow: hidden !important;
}

.k-scheduler-monthview .k-hidden {
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-right-width: 0 !important;
}

.k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times {
  margin-right: 1px;
}

.k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times .k-hidden {
  height: auto;
}

.k-scheduler-monthview .k-hidden, .k-scheduler-monthview .k-scheduler-table td {
  height: 80px;
  text-align: right;
}

.k-scheduler-phone .k-scheduler-monthview .k-hidden, .k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td {
  height: 40px;
}

.k-scheduler-table td, .k-slot-cell {
  vertical-align: top;
}

.k-scheduler-layout tr + tr .k-scheduler-times th:last-child {
  vertical-align: top;
}

.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td {
  text-align: center;
  vertical-align: middle;
}

.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td span {
  font-size: 1.5em;
}

.k-scheduler-header th {
  overflow: hidden;
  text-overflow: ellipsis;
}

.k-scheduler-header th, .k-scheduler-table td {
  border-style: solid;
  border-width: 0 0 1px 1px;
}

.k-scheduler-header th:first-child, .k-scheduler-table td:first-child {
  border-left-width: 0;
}

.k-scheduler-agendaview .k-scheduler-table td:first-child {
  border-left-width: 1px;
}

.k-scheduler-agendaview .k-scheduler-table td.k-first {
  border-left-width: 0;
}

.k-scheduler-layout tr + tr .k-scheduler-table > tbody > tr:last-child > td, .k-scheduler-layout tr + tr .k-scheduler-times tr:last-child > th, .k-scheduler-table > tbody > tr > .k-last {
  border-bottom-width: 0;
}

.k-scheduler-agendaview.k-scrollbar-h .k-scheduler-table > tbody > tr > td.k-last, .k-scrollbar-h .k-scheduler-content .k-scheduler-table > tbody > tr:last-child > td, .k-scrollbar-h tr + tr .k-scheduler-times {
  border-bottom-width: 1px;
}

.k-scheduler-times th {
  text-align: right;
  padding-right: .6em;
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: transparent;
  white-space: nowrap;
}

.k-scheduler-layout tr + tr .k-scheduler-times th {
  border-bottom-color: transparent;
}

.k-scheduler-layout tr + tr .k-scheduler-times th.k-scheduler-times-all-day, .k-scheduler-layout tr + tr .k-scheduler-times th.k-slot-cell {
  border-bottom-color: inherit;
}

.k-scheduler .k-middle-row td {
  border-bottom-style: dotted;
}

.k-scheduler-now-arrow, .k-scheduler-now-line {
  position: absolute;
}

.k-scheduler-now-arrow {
  width: 0;
  height: 0;
  border: solid 5px transparent;
  left: 0;
}

.k-scheduler-now-line {
  left: 5px;
  right: 0;
  height: 1px;
}

.k-task {
  position: relative;
}

div.k-more-events {
  text-align: center;
  font-size: 18px;
  line-height: 1.2;
  padding: 0;
}

.k-more-events > span {
  display: block;
  margin-top: -.6em;
}

.k-event, .k-more-events {
  position: absolute;
  border-style: solid;
  border-width: 1px;
  text-align: left;
  overflow: hidden;
}

.k-event {
  cursor: default;
  min-height: 1.3em;
}

.k-event-drag-hint {
  filter: alpha(opacity=60);
  opacity: .6;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}

.k-scheduler-header .k-event {
  white-space: nowrap;
}

.k-event-template {
  padding: .3em 1.4em .3em .6em;
}

.k-event-time {
  display: none;
  padding-bottom: 0;
  font-size: .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: .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: .4em;
}

.k-event > .k-resize-s {
  bottom: 0;
  left: 0;
  right: 0;
  height: .4em;
}

.k-event > .k-resize-e {
  right: 0;
  top: 0;
  bottom: 0;
  width: .4em;
}

.k-event > .k-resize-w {
  left: 0;
  top: 0;
  bottom: 0;
  width: .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: -.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: .6em;
}

.k-scheduler-mobile .k-event > .k-resize-e, .k-scheduler-mobile .k-event > .k-resize-w {
  width: .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: .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: -.7em;
  height: 1.4em;
  width: .6em;
}

.k-scheduler-mobile .k-event > .k-resize-e:after {
  right: 0;
}

.k-scheduler-mobile .k-event > .k-resize-n:after {
  border-radius: 0 0 4px 4px;
}

.k-scheduler-mobile .k-event > .k-resize-s:after {
  border-radius: 4px 4px 0 0;
}

.k-scheduler-mobile .k-event > .k-resize-w:after {
  border-radius: 0 4px 4px 0;
}

.k-scheduler-mobile .k-event > .k-resize-e:after {
  border-radius: 4px 0 0 4px;
}

.k-scheduler-phone .k-scheduler-monthview .k-events-container {
  position: absolute;
  text-align: center;
  height: 6px;
  line-height: 6px;
}

.k-scheduler-phone .k-scheduler-monthview .k-event {
  position: static;
  display: inline-block;
  width: 4px;
  height: 4px;
  min-height: 0;
  margin: 1px;
}

.k-scheduler-marquee {
  border-style: solid;
  border-width: 0;
}

.k-scheduler-marquee.k-first:before, .k-scheduler-marquee.k-last:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px;
}

div.k-scheduler-marquee:before {
  top: 0;
  left: 0;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

div.k-scheduler-marquee:after {
  bottom: 0;
  right: 0;
  border-top-color: transparent;
  border-left-color: transparent;
}

.k-scheduler-marquee .k-label-top {
  position: absolute;
  top: .3em;
  left: .8em;
  font-size: .8em;
}

.k-scheduler-marquee .k-label-bottom {
  position: absolute;
  bottom: .3em;
  right: .81em;
  font-size: .8em;
}

.k-scheduler-quickedit .k-textbox {
  width: 200px;
}

.k-tooltip-bottom {
  text-align: left;
}

.k-tooltip-bottom .k-button {
  float: left;
  margin-right: .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: .5em;
}

.k-scheduler-agendaday {
  float: left;
  margin: 0 .2em 0 0;
  font-size: 3em;
  font-weight: 400;
}

.k-scheduler-agendaweek {
  display: block;
  margin: .4em 0 0;
  font-size: 1.1em;
  font-style: normal;
}

.k-scheduler-agendadate {
  font-size: .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 .6em;
}

.k-edit-box {
  float: left;
}

.k-edit-box + .k-edit-box {
  float: right;
}

.k-scheduler-edit-form label + input {
  margin-left: 1em;
}

.k-edit-field > ul.k-reset > li {
  margin: .2em 0 .4em;
  line-height: 2.4;
}

.k-edit-field > ul.k-reset.k-toolbar > li {
  margin: 0;
}

.k-edit-field > ul.k-reset .k-widget {
  margin-left: .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: .5em 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 .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: -.6em;
    right: .333em;
    width: 1.333em;
    height: 1.333em;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
    display: block;
    border: 0;
    border-radius: 0;
  }
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    border: 1px solid #c5c5c5;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  }
  .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    text-align: left;
  }
}

@media only screen and (max-width: 480px) {
  .k-ff .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-ie11 .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-safari .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-webkit .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
    display: none;
  }
  .k-ff .k-scheduler-timecolumn, .k-ie11 .k-scheduler-timecolumn, .k-safari .k-scheduler-timecolumn, .k-webkit .k-scheduler-timecolumn {
    width: 5em;
  }
  .k-ff .k-scheduler-datecolumn, .k-ie11 .k-scheduler-datecolumn, .k-safari .k-scheduler-datecolumn, .k-webkit .k-scheduler-datecolumn {
    width: 6em;
    overflow: hidden;
  }
  .k-ff .k-scheduler-datecolumn > div, .k-ff .k-scheduler-timecolumn > div, .k-ie11 .k-scheduler-datecolumn > div, .k-ie11 .k-scheduler-timecolumn > div, .k-safari .k-scheduler-datecolumn > div, .k-safari .k-scheduler-timecolumn > div, .k-webkit .k-scheduler-datecolumn > div, .k-webkit .k-scheduler-timecolumn > div {
    white-space: normal;
  }
}

.k-scheduler-pdf-export {
  overflow: hidden;
}

.k-pdf-export-shadow .k-scheduler, .k-scheduler-pdf-export .k-scheduler-content, .k-scheduler-pdf-export .k-scheduler-times {
  height: auto !important;
  overflow: visible !important;
}

.k-scheduler-pdf-export .k-scheduler-header {
  padding: 0 !important;
}

.k-scheduler-pdf-export .k-scheduler-header-wrap {
  border-width: 0 !important;
}

.k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table, .k-scheduler-pdf-export .k-scheduler-header .k-scheduler-table {
  width: 100% !important;
}

.k-tooltip {
  position: absolute;
  z-index: 12000;
  border-style: solid;
  border-width: 0;
  padding: 5px 5px 5px 6px;
  background-repeat: repeat-x;
  min-width: 20px;
  text-align: center;
}

.k-tooltip-button {
  text-align: right;
  height: 0;
}

.k-tooltip-content {
  height: 100%;
}

.k-tooltip-closable .k-tooltip-content {
  padding-right: 20px;
}

span.k-tooltip {
  position: static;
  display: inline-block;
  border-width: 1px;
  padding: 2px 5px 1px 6px;
}

.k-invalid-msg {
  display: none;
}

.k-callout {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  border-color: transparent;
}

.k-callout-n {
  top: -12px;
  left: 50%;
}

.k-callout-w {
  top: 50%;
  left: -12px;
}

.k-callout-s {
  left: 50%;
  bottom: -12px;
}

.k-callout-e {
  top: 50%;
  right: -12px;
}

.k-slider-tooltip .k-callout-n, .k-slider-tooltip .k-callout-s {
  margin-left: -6px;
}

.k-slider-tooltip .k-callout-e, .k-slider-tooltip .k-callout-w {
  margin-top: -6px;
}

.k-tooltip-validation .k-warning {
  vertical-align: text-top;
  margin-right: 3px;
}

.k-tooltip-validation {
  z-index: 9999;
}

.k-toolbar {
  position: relative;
  display: block;
  vertical-align: middle;
  line-height: 2.9em;
}

.k-overflow-container .k-button .k-icon, .k-overflow-container .k-button .k-sprite, .k-toolbar .k-button .k-icon, .k-toolbar .k-button .k-sprite {
  vertical-align: middle;
  margin-top: -7px;
  margin-bottom: -5px;
}

.k-toolbar .k-input {
  line-height: inherit;
  height: inherit;
  padding-top: 2px;
  padding-bottom: 2px;
}

.k-toolbar .k-input:before {
  content: "\a0";
  display: inline-block;
  width: 0;
}

.k-ie .k-toolbar .k-input {
  height: 1.65em;
}

.k-toolbar .k-combobox .k-dropdown-wrap:before, .k-toolbar .k-numeric-wrap:before, .k-toolbar .k-picker-wrap:before {
  display: none;
}

.k-overflow-container .k-sprite {
  margin-left: -4px;
}

.k-toolbar-resizable {
  overflow: hidden;
  white-space: nowrap;
}

.k-toolbar > .k-align-left {
  float: none;
}

.k-toolbar > .k-align-right {
  float: right;
}

.k-toolbar .k-button, .k-toolbar > * {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.72em;
}

.k-toolbar .k-separator {
  border-width: 0 0 0 1px;
  border-style: solid;
  width: 1px;
  line-height: inherit;
}

.k-toolbar .k-button-group {
  list-style-type: none;
}

.k-toolbar .k-button-group > li {
  display: inline-block;
}

.k-toolbar .k-button-group .k-button {
  margin: 0 0 0 -1px;
  border-radius: 0;
}

.k-toolbar .k-button, .k-toolbar .k-button-group, .k-toolbar .k-separator, .k-toolbar .k-split-button, .k-toolbar .k-textbox, .k-toolbar .k-widget, .k-toolbar label {
  margin: 0 .2em;
  line-height: 1.72em;
  vertical-align: middle;
}

.k-toolbar .k-split-button {
  padding-left: 0;
}

.k-toolbar .k-button-group .k-group-start, .k-toolbar .k-split-button .k-button {
  margin: 0;
}

.k-toolbar .k-split-button .k-split-button-arrow {
  margin: 0 0 0 -1px;
}

.k-toolbar .k-overflow-anchor {
  border-width: 0 0 0 1px;
  border-style: solid;
  height: 3em;
  width: 3em;
  line-height: inherit;
  padding: 0 .5em;
  margin: 0;
  position: relative;
  float: right;
  border-radius: 0;
}

.k-overflow-container .k-item {
  float: none;
  border: 0;
}

.k-overflow-container .k-separator {
  border-width: 0 0 1px;
  border-style: solid;
  height: 1px;
  line-height: 0;
  font-size: 0;
  padding: 0;
}

.k-overflow-container .k-overflow-button, .k-split-container .k-button {
  text-align: left;
  display: block;
  background: 0 0;
  border-color: transparent;
  white-space: nowrap;
}

.k-split-container {
  margin-top: -1px;
}

.k-overflow-container .k-button-group {
  padding: 0;
}

.k-overflow-container .k-button-group > li {
  display: block;
}

.k-overflow-container .k-overflow-group {
  border-width: 1px 0;
  border-style: solid;
  border-radius: 0;
  padding: 2px 0;
  margin: 1px 0;
}

.k-overflow-container .k-overflow-hidden {
  display: none;
}

.k-overflow-container .k-overflow-group + .k-overflow-group, .k-overflow-container .k-separator + .k-overflow-group, .k-overflow-container .k-toolbar-first-visible {
  border-top: 0;
  margin-top: 0;
  padding-top: 1px;
}

.k-overflow-container .k-overflow-group + .k-separator {
  display: none;
}

.k-overflow-container .k-toolbar-last-visible {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 1px;
}

.k-splitter {
  position: relative;
  height: 300px;
}

.k-pane > .k-splitter {
  border-width: 0;
  overflow: hidden;
}

.k-splitter .k-pane {
  overflow: hidden;
}

.k-splitter .k-scrollable {
  overflow: auto;
}

.k-splitter .k-pane-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
}

.k-ghost-splitbar, .k-splitbar {
  position: absolute;
  border-style: solid;
  font-size: 0;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.k-splitter .k-ghost-splitbar-horizontal, .k-splitter .k-splitbar-horizontal {
  top: 0;
  width: 5px;
  border-width: 0 1px;
  background-repeat: repeat-y;
}

.k-ghost-splitbar-vertical, .k-splitbar-vertical {
  left: 0;
  height: 5px;
  border-width: 1px 0;
  background-repeat: repeat-x;
}

.k-splitbar-draggable-horizontal {
  cursor: w-resize;
}

.k-splitbar-draggable-vertical {
  cursor: n-resize;
}

.k-splitbar .k-resize-handle {
  display: none;
}

.k-restricted-size-horizontal, .k-restricted-size-vertical {
  background-color: red;
}

.k-splitbar-horizontal .k-icon {
  position: absolute;
  top: 50%;
  width: 5px;
  height: 20px;
  margin-top: -10px;
}

.k-collapse-next, .k-collapse-prev, .k-expand-next, .k-expand-prev {
  cursor: pointer;
}

.k-splitbar-horizontal .k-collapse-prev {
  margin-top: -31px;
}

.k-splitbar-horizontal .k-collapse-next {
  margin-top: 11px;
}

.k-splitbar-static-horizontal {
  width: 1px;
}

.k-splitbar-static-vertical {
  height: 1px;
}

.k-splitbar-vertical .k-icon {
  position: absolute;
  left: 50%;
  width: 20px;
  height: 5px;
  margin-left: -10px;
}

.k-splitbar-vertical .k-collapse-prev {
  margin-left: -31px;
}

.k-splitbar-vertical .k-collapse-next {
  margin-left: 11px;
}

.k-splitbar-draggable-horizontal .k-resize-handle, .k-splitbar-draggable-vertical .k-resize-handle {
  display: inline-block;
}

.k-splitbar-horizontal .k-resize-handle {
  background-position: -165px -6px;
}

.k-splitbar-horizontal-hover > .k-resize-handle {
  background-position: -181px -6px;
}

.k-splitbar-horizontal .k-collapse-prev, .k-splitbar-horizontal .k-expand-next {
  background-position: -6px -174px;
}

.k-splitbar-horizontal-hover > .k-collapse-prev, .k-splitbar-horizontal-hover > .k-expand-next {
  background-position: -22px -174px;
}

.k-splitbar-horizontal .k-collapse-next, .k-splitbar-horizontal .k-expand-prev {
  background-position: -5px -142px;
}

.k-splitbar-horizontal-hover > .k-collapse-next, .k-splitbar-horizontal-hover > .k-expand-prev {
  background-position: -21px -142px;
}

.k-splitbar-vertical .k-resize-handle {
  background-position: -38px -309px;
}

.k-splitbar-vertical-hover > .k-resize-handle {
  background-position: -70px -309px;
}

.k-splitbar-vertical .k-collapse-prev, .k-splitbar-vertical .k-expand-next {
  background-position: 2px -134px;
}

.k-splitbar-vertical-hover > .k-collapse-prev, .k-splitbar-vertical-hover > .k-expand-next {
  background-position: -14px -134px;
}

.k-splitbar-vertical .k-collapse-next, .k-splitbar-vertical .k-expand-prev {
  background-position: 2px -165px;
}

.k-splitbar-vertical-hover > .k-collapse-next, .k-splitbar-vertical-hover > .k-expand-prev {
  background-position: -14px -165px;
}

.k-splitter-resizing {
  overflow: hidden;
}

html .k-upload {
  position: relative;
}

.k-dropzone em, .k-upload-button {
  vertical-align: middle;
}

.k-dropzone, .k-file {
  position: relative;
}

.k-dropzone {
  border-style: solid;
  border-width: 0;
  padding: .8em;
  background-color: transparent;
}

.k-dropzone em {
  visibility: hidden;
  margin-left: .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: .8em;
}

.k-upload-button input {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  font: 170px monospace !important;
  filter: alpha(opacity=0);
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.k-upload-files {
  margin: 0 0 .6em;
  line-height: 2.66;
  border-style: solid;
  border-width: 1px 0 0;
}

.k-upload-files .k-button {
  padding: 0;
}

.k-upload-files .k-button, .k-upload-status-total .k-icon {
  margin-left: 8px;
}

.k-upload .k-fail {
  background-position: -161px -111px;
}

.k-si-refresh {
  background-position: -160px -128px;
}

.k-button:active .k-si-refresh, .k-button:not(.k-state-disabled):hover .k-si-refresh, .k-link:not(.k-state-disabled):hover > .k-si-refresh, .k-state-hover > * > .k-si-refresh, .k-state-hover > .k-si-refresh, .k-textbox:hover .k-si-refresh {
  background-position: -176px -128px;
}

.k-si-tick, .k-success {
  background-position: -160px -96px;
}

.k-button:active .k-si-tick, .k-button:active .k-success, .k-button:not(.k-state-disabled):hover .k-si-tick, .k-button:not(.k-state-disabled):hover .k-success, .k-link:not(.k-state-disabled):hover > .k-si-tick, .k-link:not(.k-state-disabled):hover > .k-success, .k-state-hover > * > .k-si-tick, .k-state-hover > * > .k-success, .k-state-hover > .k-si-tick, .k-state-hover > .k-success, .k-textbox:hover .k-si-tick, .k-textbox:hover .k-success {
  background-position: -176px -96px;
}

.k-si-cancel {
  background-position: -160px -112px;
}

.k-button:active .k-si-cancel, .k-button:not(.k-state-disabled):hover .k-si-cancel, .k-link:not(.k-state-disabled):hover > .k-si-cancel, .k-state-hover > * > .k-si-cancel, .k-state-hover > .k-si-cancel, .k-textbox:hover .k-si-cancel {
  background-position: -176px -112px;
}

.k-file {
  border-style: solid;
  border-width: 0 0 1px;
  padding: .167em .167em .167em .8em;
}

.k-file .k-icon {
  position: relative;
}

.k-file > .k-icon {
  background-position: -112px -288px;
}

.k-button:active .k-file > .k-icon, .k-button:not(.k-state-disabled):hover .k-file > .k-icon, .k-link:not(.k-state-disabled):hover > .k-file > .k-icon, .k-state-hover > * > .k-file > .k-icon, .k-state-hover > .k-file > .k-icon, .k-textbox:hover .k-file > .k-icon {
  background-position: -128px -288px;
}

.k-filename {
  position: relative;
  display: inline-block;
  min-width: 10em;
  max-width: 16.667em;
  vertical-align: middle;
  margin-left: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k-upload-status {
  position: absolute;
  right: 12px;
}

.k-upload-status .k-button, .k-upload-status .k-warning {
  vertical-align: text-bottom;
}

.k-dropzone .k-upload-status {
  line-height: 2.4;
}

.k-ie8 .k-upload-status-total {
  line-height: 29px;
}

.k-upload-action {
  line-height: normal;
}

.k-progress {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.k-upload-selected {
  min-width: 7.167em;
  margin: .25em 0 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.k-upload-cancel, .k-upload-selected {
  margin-bottom: .8em;
}

.k-upload-selected {
  margin-left: .8em;
  margin-right: .2em;
}

.k-toolbar-wrap .k-dropzone em, .k-toolbar-wrap .k-upload-files {
  display: none;
}

.k-toolbar-wrap .k-dropzone {
  border: 0;
  padding: 0;
}

.k-toolbar-wrap .k-dropzone-active {
  text-align: center;
}

.k-toolbar-wrap .k-dropzone-active em {
  display: inline;
  margin: 0;
  font-size: 5em;
  font-style: normal;
}

.k-toolbar-wrap .k-dropzone-active .k-upload-button {
  display: none;
}

.k-filebrowser-dropzone {
  z-index: 10010;
  filter: alpha(opacity=40);
  opacity: .4;
  position: fixed;
}

.k-search-wrap {
  position: relative;
  float: right;
  width: 20%;
  padding: 0;
}

.k-search-wrap label {
  position: absolute;
  top: 0;
  left: 4px;
  line-height: 20px;
  font-style: italic;
}

.k-search-wrap input.k-input {
  padding-left: 0;
  padding-right: 0;
}

.k-search-wrap .k-search {
  position: absolute;
  top: 4px;
  right: 2px;
  margin: 0;
}

.k-breadcrumbs {
  position: relative;
  float: left;
  width: 79%;
}

.k-breadcrumbs-wrap {
  position: absolute;
  top: 3px;
  left: 0;
  z-index: 1;
  padding-left: 5px;
  line-height: 18px;
}

.k-breadcrumbs > .k-input {
  width: 100%;
  font-size: inherit;
  font-family: inherit;
  border: 0;
}

.k-breadcrumbs .k-link, .k-breadcrumbs-wrap .k-icon {
  margin-top: 0;
  text-decoration: none;
  vertical-align: middle;
  position: static;
}

.k-breadcrumbs .k-link:hover {
  text-decoration: underline;
}

.k-filebrowser .k-breadcrumbs .k-i-seek-w {
  text-decoration: none;
  cursor: default;
}

.k-filebrowser .k-filebrowser-toolbar {
  border-style: solid;
  border-width: 1px;
  margin: 8px 0 0;
  padding: .25em;
  line-height: 23px;
  white-space: nowrap;
}

.k-filebrowser .k-filebrowser-toolbar .k-button.k-state-disabled {
  display: none;
}

.k-filebrowser .k-toolbar-wrap {
  float: left;
}

.k-filebrowser .k-tiles-arrange {
  float: right;
}

.k-filebrowser .k-tiles-arrange .k-dropdown {
  width: 75px;
}

.k-filebrowser .k-upload {
  float: left;
  z-index: 10010;
  border-width: 0;
  background-color: transparent;
}

.k-filebrowser .k-upload .k-upload-status {
  display: none;
}

.k-filebrowser .k-upload .k-upload-button {
  width: auto;
  margin-left: 0;
  vertical-align: top;
}

.k-filebrowser .k-upload .k-icon {
  vertical-align: bottom;
}

.k-tiles {
  clear: both;
  height: 390px;
  border-style: solid;
  border-width: 1px;
  border-top-width: 0;
  margin: 0 0 1.4em;
  padding: 9px;
  overflow: auto;
  line-height: 1.2;
}

.k-tile {
  float: left;
  width: 223px;
  height: 88px;
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  margin: 1px;
  padding: 0 0 4px;
  background-position: 0 100px;
  background-repeat: repeat-x;
  cursor: pointer;
}

.k-tiles li.k-state-hover, .k-tiles li.k-state-selected {
  background-position: 0 center;
}

.k-filebrowser .k-thumb {
  float: left;
  display: inline;
  width: 80px;
  height: 80px;
  margin: 4px 10px 0 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.k-filebrowser .k-file {
  width: 80px;
  height: 80px;
}

.k-filebrowser .k-image {
  margin: 2px 0 0 2px;
}

.k-filebrowser .k-folder {
  width: 80px;
  height: 80px;
  background-position: 0 -200px;
  background-repeat: no-repeat;
}

.k-filebrowser .k-loading {
  margin: 35px 0 0 33px;
}

.k-tile input, .k-tile strong {
  margin: 10px 0 4px;
  font-weight: 400;
}

.k-tile strong {
  float: left;
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.k-tile input {
  width: 100px;
}

.k-tile .k-filesize, .k-tile input, .k-tile strong {
  display: block;
}

.k-filebrowser .k-form-text-row {
  text-align: right;
}

.k-filebrowser .k-form-text-row label {
  width: 14%;
}

.k-filebrowser .k-form-text-row input {
  width: 80%;
}

.k-tile-empty {
  margin: 160px 0 0;
}

.k-tile-empty .k-dialog-upload {
  font-weight: 700;
  font-size: 120%;
}

.k-tile-empty strong {
  display: block;
  margin: 0 0 .2em;
  font-size: 3em;
  font-weight: 400;
}

.k-tile-empty, .k-tile-empty .k-button-wrapper {
  text-align: center;
}

.k-chart, .k-gauge, .k-sparkline, .k-stockchart {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.k-chart, .k-stockchart {
  height: 400px;
}

.k-stockchart, div.k-chart, div.k-gauge, span.k-sparkline {
  background-color: transparent;
}

.k-gauge {
  text-align: left;
  position: relative;
}

.k-baseline-marker {
  zoom: 1;
  *display: inline;
}

.k-chart-tooltip {
  border-radius: 4px;
  padding: 6px;
  white-space: nowrap;
  z-index: 12000;
  line-height: normal;
  background-repeat: repeat-x;
  background-position: 0 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//vwMDFQELEP8beQb+HTWQYgP/DHoD/466cAR4edRAyg38P6hLbIAAAwCnWhhVsxvdCAAAAABJRU5ErkJggg==);
  color: #fff;
}

.k-chart-tooltip-inverse {
  color: #000;
}

.k-chart-tooltip table {
  border-spacing: 0;
  border-collapse: collapse;
}

.k-chart-tooltip th {
  width: auto;
  text-align: center;
  padding: 1px;
}

.k-chart-tooltip td {
  width: auto;
  text-align: left;
  padding: .1em .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-leftHandle.k-handle-active div {
  margin-left: -40px;
  padding-right: 55px;
}

.k-rightHandle div {
  margin: -20px 0 0 -15px;
  padding: 40px 0 0 30px;
}

.k-rightHandle.k-handle-active div {
  padding-left: 55px;
}

.k-mask {
  position: absolute;
  height: 100%;
  background-color: #fff;
  filter: alpha(opacity=80);
  opacity: .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: .6em;
}

.k-treemap-wrap.k-last > .k-treemap-tile {
  padding: .3em;
}

.k-treemap-tile.k-state-hover, .k-treemap-tile.k-state-hover:hover {
  z-index: 2;
  background-image: none;
}

.k-treemap > .k-treemap-tile {
  position: relative;
  height: 100%;
}

.k-treemap-title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 2.42em;
  height: 2.42em;
  padding: 0 .6em;
  white-space: nowrap;
}

.k-treemap-wrap .k-treemap-title {
  border-width: 0 0 1px;
  border-style: solid;
}

.k-treemap-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.k-treemap-title + .k-treemap-wrap {
  top: 2.42em;
}

.k-treemap-title-vertical {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-overflow: ellipsis;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2.42em;
  line-height: 2.42em;
  overflow: hidden;
  padding: .6em 0;
  white-space: nowrap;
}

.k-treemap-title-vertical > div {
  position: absolute;
  top: 0;
  right: 1.23em;
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.k-treemap-title-vertical + .k-treemap-wrap {
  left: 2.42em;
}

.km-pane, .km-pane-wrapper, .km-root {
  width: 100%;
  height: 100%;
  -ms-touch-action: none;
  -ms-content-zooming: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}

.km-pane-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}

.km-pane, .km-shim {
  font-family: sans-serif;
}

.km-pane {
  overflow-x: hidden;
}

.km-view {
  top: 0;
  left: 0;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  vertical-align: top;
}

.k-ff .km-pane, .k-ff .km-view {
  overflow: hidden;
}

.k-ff18 .km-pane, .k-ff18 .km-view, .k-ff19 .km-pane, .k-ff19 .km-view, .k-ff20 .km-pane, .k-ff20 .km-view, .k-ff21 .km-pane, .k-ff21 .km-view {
  position: relative;
}

.k-ff .km-view {
  display: -moz-inline-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.km-content {
  min-height: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  flex-align: stretch;
  display: block;
  width: auto;
  overflow: hidden;
  position: relative;
}

.km-actionsheet > li {
  list-style-type: none;
  padding: inherit 1em;
  line-height: 2em;
}

.km-actionsheet {
  padding: 0;
  margin: 0;
}

.km-shim {
  left: 0;
  bottom: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10001;
}

.km-actionsheet-wrapper, .km-shim .k-animation-container {
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}

.km-shim .k-animation-container {
  width: auto;
}

.km-pane-wrapper .k-grid-column-menu > .km-header, .km-pane-wrapper .k-grid-edit-form > .km-header, .km-pane-wrapper .k-grid-filter-menu > .km-header, .km-pane-wrapper .k-scheduler-edit-form > .km-header {
  border-style: solid;
  border-width: 1px;
  padding: .3em .6em;
  text-align: center;
  width: auto;
  line-height: 2em;
}

.k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-footer, .k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-toolbar {
  line-height: 2em;
}

.km-pane-wrapper .k-grid-edit-form .k-multiselect, .km-pane-wrapper .k-scheduler-edit-form .k-multiselect {
  width: 15em;
}

.km-pane-wrapper .k-grid-edit-form .k-dropdown-wrap, .km-pane-wrapper .k-scheduler-edit-form .k-dropdown-wrap {
  display: block;
}

.km-pane-wrapper .k-grid-column-menu .k-done, .km-pane-wrapper .k-grid-edit-form .k-grid-update, .km-pane-wrapper .k-grid-filter-menu .k-submit, .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-update {
  float: right;
}

.km-pane-wrapper .k-grid-edit-form .k-grid-cancel, .km-pane-wrapper .k-grid-filter-menu .k-cancel, .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-cancel {
  float: left;
}

.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-delete, :not(.km-pane) > .km-shim .km-actionsheet .k-button {
  display: block;
  text-align: center;
}

:not(.km-pane) > .km-shim .km-actionsheet .k-button {
  font-size: 1.4em;
  margin: .3em 1em;
}

:not(.km-pane) > .km-shim .km-actionsheet-title {
  text-align: center;
  line-height: 3em;
  margin-bottom: -.3em;
}

:not(.km-pane) > .km-shim > .k-animation-container {
  margin: 0 !important;
  padding: 0 !important;
  left: 0 !important;
}

.km-pane-wrapper > div.km-pane {
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 400;
}

.km-pane-wrapper .k-grid-column-menu .km-content > .km-scroll-container, .km-pane-wrapper .k-grid-edit-form .km-content > .km-scroll-container, .km-pane-wrapper .k-grid-filter-menu .km-content > .km-scroll-container, .km-pane-wrapper .k-popup-edit-form .km-content > .km-scroll-container {
  position: absolute;
  width: 100%;
  min-height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.km-pane-wrapper .k-mobile-list .k-edit-field {
  width: 74%;
}

.km-pane-wrapper .k-grid-edit-form .k-edit-form-container, .km-pane-wrapper .k-grid-edit-form .k-popup-edit-form {
  width: auto;
}

.km-pane-wrapper .k-filter-menu .k-button {
  width: 100%;
  margin: 0;
}

.k-grid-mobile {
  border-width: 0;
}

.k-grid-mobile .k-resize-handle-inner {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: -7px;
  width: 17px;
  height: 17px;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px;
}

.k-grid-mobile .k-resize-handle-inner:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 1px;
  width: 6px;
  height: 6px;
  background-position: -5px -53px;
}

.k-grid-mobile .k-resize-handle-inner:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 1px;
  width: 6px;
  height: 6px;
  background-position: -5px -21px;
}

.km-pane-wrapper .km-pane * {
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.km-pane-wrapper .k-mobile-list ul, .km-pane-wrapper .km-pane .k-mobile-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  border-radius: 0;
  background: 0 0;
}

.km-pane-wrapper .km-switch {
  top: 50%;
  right: .8rem;
  position: absolute;
  margin-top: -1.1rem;
}

.km-pane-wrapper .k-mobile-list .k-state-disabled {
  opacity: 1;
}

.km-pane-wrapper .k-mobile-list .k-state-disabled > * {
  opacity: .7;
}

.km-pane-wrapper .k-mobile-list .k-edit-label, .km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-item > .k-label, .km-pane-wrapper .k-mobile-list .k-item > .k-link {
  display: block;
  position: relative;
  list-style-type: none;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .5em 0 .5em 1em;
  font-size: 1em;
}

.km-pane-wrapper .k-edit-form-container, .km-pane-wrapper .k-scheduler-edit-form .km-scroll-container {
  padding-top: 1em;
  width: 100%;
}

.km-pane-wrapper .k-mobile-list .k-edit-label {
  position: absolute;
  margin: 0;
  float: none;
  clear: none;
  width: 100%;
}

.km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label label {
  display: block;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .1em 0;
  margin: 0;
}

.km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label, .km-pane-wrapper .k-mobile-list .k-item {
  font-size: 1em;
  line-height: 1.6em;
  overflow: hidden;
}

.km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label {
  width: 100%;
  float: none;
  clear: none;
  min-height: 2.7em;
}

.km-pane-wrapper .k-grid-delete .k-icon, .km-pane-wrapper .k-grid-edit .k-icon, .km-pane-wrapper .k-grid-toolbar .k-icon, .km-pane-wrapper .km-header .k-icon {
  display: none;
}

.km-pane-wrapper .k-mobile-list .k-edit-field {
  padding: .5em 0;
}

.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar {
  padding: .3em 0;
}

.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar ul li {
  line-height: 2em;
}

.km-pane-wrapper .k-mobile-list .k-item > * {
  line-height: normal;
}

.km-pane-wrapper .k-mobile-list .k-button-container, .km-pane-wrapper .k-mobile-list .k-edit-buttons {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .5em 1em;
  margin: 0;
}

.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child, .km-pane-wrapper .k-mobile-list .k-filter-help-text > li > .k-link, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3), .km-pane-wrapper .k-mobile-list > ul > li > .k-link {
  display: block;
  padding: .2em 1em;
  font-size: .95em;
  position: -webkit-sticky;
  margin: 0;
  font-weight: 400;
  line-height: 2em;
  background: 0 0;
  border-top: 1em solid transparent;
}

.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3) {
  position: relative;
}

.km-pane-wrapper .k-mobile-list .k-item:first-child {
  border-top: 0;
}

.km-pane-wrapper .k-mobile-list .k-item:last-child {
  border-bottom: 0;
}

.km-pane-wrapper .k-mobile-list .k-item > .k-label, .km-pane-wrapper .k-mobile-list .k-item > .k-link {
  line-height: inherit;
  text-decoration: none;
  margin: -.5em 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: .26em 1em .26em 0;
}

.k-ie .k-mobile-list .k-edit-field [type=checkbox], .k-ie .k-mobile-list .k-edit-field [type=radio], .k-ie .km-pane-wrapper .k-icon, .k-ie .km-pane-wrapper .k-mobile-list .k-label .k-check, .k-ie .km-pane-wrapper .k-mobile-list .k-link .k-check {
  font-size: inherit;
  text-indent: -9999px;
  width: 1.01em;
  height: 1em;
}

.km-pane-wrapper .k-column-menu .k-label .k-check {
  height: 16px;
  width: 16px;
}

.km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button), .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .km-pane .k-mobile-list input:not([type=checkbox]):not([type=radio]), .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), .km-pane-wrapper .km-pane .k-mobile-list textarea {
  text-indent: 0;
  font-size: 1em;
  line-height: 1.6em;
  vertical-align: middle;
  height: auto;
  padding: 0;
  border: 0;
  margin: 0;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

.km-pane-wrapper .k-mobile-list .k-widget {
  border: 0;
  border-radius: 0;
}

.k-ie .km-pane-wrapper .k-mobile-list .k-widget {
  height: initial;
}

.km-pane-wrapper .k-mobile-list .k-widget .k-input, .km-pane-wrapper .k-mobile-list .k-widget .k-state-default {
  border: 0;
  background: 0 0;
}

.km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button), .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .k-mobile-list select:not([multiple]), .km-pane-wrapper .k-mobile-list textarea, .km-pane-wrapper :not(.k-state-default):not(.k-pager-input) > input:not([type=checkbox]):not([type=radio]) {
  width: 80%;
  padding: .6em 0;
  margin: -.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 .km-pane .k-mobile-list.k-filter-menu .k-space-right {
  padding: 10px;
  border-radius: 0;
}

.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input {
  float: none;
  width: 100%;
  padding: 1px 0;
  margin: 0;
  border-radius: 3px;
  text-indent: 30px;
  border-width: 1px;
  border-style: solid;
}

.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-font-icon {
  position: absolute;
  left: 20px;
  z-index: 1;
}

.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: .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: -.5em;
}

.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:last-child {
  margin-bottom: -.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 .18em;
}

.km-pane-wrapper .k-pager-numbers .k-link, .km-pane-wrapper .k-pager-numbers .k-state-selected, .km-pane-wrapper .k-pager-wrap > .k-link {
  width: 2.4em;
  height: 2.4em;
  line-height: 2.1em;
  border-radius: 2em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.km-pane-wrapper .k-pager-numbers .k-link, .km-pane-wrapper .k-pager-numbers .k-state-selected {
  width: auto;
  line-height: 2.2em;
  padding: 0 .86em;
  min-width: .7em;
}

.km-pane-wrapper .k-pager-wrap {
  line-height: 2.4em;
}

@media all and (max-width: 1024px) {
  .km-pane-wrapper .k-pager-nav + .k-pager-nav ~ .k-pager-nav {
    position: absolute;
    right: .3em;
    top: .3em;
  }
  .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav, .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav {
    right: 3em;
  }
  .km-pane-wrapper .k-pager-info, .km-pane-wrapper .k-pager-refresh {
    display: none;
  }
}

@media all and (max-width: 699px), (-ms-high-contrast: active) and (-ms-high-contrast: none) and (max-width: 800px) {
  .km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button), .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .k-mobile-list select:not([multiple]), .km-pane-wrapper .k-mobile-list textarea, .km-pane-wrapper :not(.k-state-default):not(.k-pager-input) > input:not([type=checkbox]):not([type=radio]) {
    width: 50%;
  }
  .km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
    margin-left: 50%;
  }
  .km-pane-wrapper .k-mobile-list .k-edit-field > .k-timezone-button {
    margin-left: 1em;
  }
  .km-pane-wrapper .k-nav-today a {
    padding-left: .6em;
    padding-right: .6em;
  }
  .km-pane-wrapper li.k-nav-current {
    margin-left: 0;
    margin-right: 0;
  }
  .km-pane-wrapper .k-pager-wrap {
    position: relative;
  }
  .km-pane-wrapper .k-pager-numbers {
    width: auto;
    display: block;
    overflow: hidden;
    margin-right: 5.5em;
    float: none;
    text-overflow: ellipsis;
    height: 2.4em;
    text-align: center;
  }
  .km-pane-wrapper .k-pager-numbers li {
    float: none;
    display: inline-block;
  }
  .km-pane-wrapper .k-pager-nav {
    float: left;
  }
}

.km-pane-wrapper .k-mobile-list .k-edit-field > * > select:not([multiple]), .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check, .km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
  width: 100%;
}

.km-scroll-container {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-margin-collapse: separate;
  -webkit-transform: translatez(0);
}

.k-widget .km-scroll-wrapper {
  position: relative;
  padding-bottom: 0;
}

.km-touch-scrollbar {
  position: absolute;
  visibility: hidden;
  z-index: 200000;
  height: .3em;
  width: .3em;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear;
  -webkit-transition: "opacity 0.3s linear";
  transition: "opacity 0.3s linear";
}

.km-vertical-scrollbar {
  height: 100%;
  right: 2px;
  top: 2px;
}

.km-horizontal-scrollbar {
  width: 100%;
  left: 2px;
  bottom: 2px;
}

@media only screen and (max-width: 1024px) {
  .k-scheduler-toolbar > ul.k-scheduler-views {
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 10000;
  }
  .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
    right: auto;
    left: 6px;
  }
  .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
    display: none;
  }
  .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
    display: none;
  }
  .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
    display: inline;
  }
  .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    display: block;
    border-width: 1px;
  }
  .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    text-align: left;
    padding-left: 1em;
  }
  .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
    display: block;
    position: relative;
    padding-right: 2.5em;
    padding-left: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
    padding-left: 0;
  }
  .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -.6em;
    right: .333em;
    width: 1.333em;
    height: 1.333em;
  }
  .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
    display: block;
    border: 0;
    border-radius: 0;
  }
  .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    border: 1px solid #c5c5c5;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  }
  .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
    text-align: left;
  }
}

.k-fx-end .k-fx-current, .k-fx-end .k-fx-next {
  -webkit-transition: all 350ms ease-out;
  transition: all 350ms ease-out;
}

.k-fx {
  position: relative;
}

.k-fx .k-fx-current {
  z-index: 0;
}

.k-fx .k-fx-next {
  z-index: 1;
}

.k-fx-hidden, .k-fx-hidden * {
  visibility: hidden !important;
}

.k-fx-reverse .k-fx-current {
  z-index: 1;
}

.k-fx-reverse .k-fx-next {
  z-index: 0;
}

.k-fx-zoom.k-fx-start .k-fx-next {
  -webkit-transform: scale(0) !important;
  -ms-transform: scale(0) !important;
  transform: scale(0) !important;
}

.k-fx-zoom.k-fx-end .k-fx-next {
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
}

.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
}

.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current {
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
}

.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: scale(0) !important;
  -ms-transform: scale(0) !important;
  transform: scale(0) !important;
}

.k-fx-fade.k-fx-start .k-fx-next {
  will-change: opacity;
  opacity: 0;
}

.k-fx-fade.k-fx-end .k-fx-next {
  opacity: 1;
}

.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: opacity;
  opacity: 1;
}

.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current {
  opacity: 0;
}

.k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header {
  -webkit-transition: all 350ms ease-out;
  transition: all 350ms ease-out;
}

.k-fx-slide.k-fx-start .k-fx-next .km-content {
  will-change: transform;
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}

.k-fx-slide.k-fx-start .k-fx-next .km-footer, .k-fx-slide.k-fx-start .k-fx-next .km-header {
  will-change: opacity;
  opacity: 0;
}

.k-fx-slide.k-fx-end .k-fx-current .km-content {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}

.k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header {
  opacity: 1;
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content {
  will-change: transform;
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header {
  will-change: opacity;
  opacity: 1;
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header {
  opacity: 1;
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header {
  opacity: 0;
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header {
  opacity: 1;
}

.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}

.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}

.k-fx-tile.k-fx-start .k-fx-next {
  will-change: transform;
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}

.k-fx-tile.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: transform;
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}

.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}

.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}

.k-fx-tile.k-fx-start .k-fx-next {
  will-change: transform;
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}

.k-fx-tile.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: transform;
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}

.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}

.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
  -webkit-transform: translatex(0);
  -ms-transform: translatex(0);
  transform: translatex(0);
}

.k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-start .k-fx-next {
  will-change: transform;
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}

.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}

.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
  -webkit-transform: translatey(100%);
  -ms-transform: translatey(100%);
  transform: translatey(100%);
}

.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
  -webkit-transform: translatey(-100%);
  -ms-transform: translatey(-100%);
  transform: translatey(-100%);
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
  will-change: transform;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current {
  -webkit-transform: translatex(100%);
  -ms-transform: translatex(100%);
  transform: translatex(100%);
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current {
  -webkit-transform: translatex(-100%);
  -ms-transform: translatex(-100%);
  transform: translatex(-100%);
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current {
  -webkit-transform: translatey(100%);
  -ms-transform: translatey(100%);
  transform: translatey(100%);
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current {
  -webkit-transform: translatey(-100%);
  -ms-transform: translatey(-100%);
  transform: translatey(-100%);
}

.k-virtual-wrap {
  position: relative;
}

.k-virtual-wrap .k-list.k-virtual-list {
  height: auto;
}

.k-virtual-content {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

.k-virtual-list > .k-virtual-content {
  position: absolute;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.k-virtual-option-label {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.k-virtual-wrap > .k-virtual-header {
  text-align: right;
}

.k-popup .k-item.k-first {
  position: relative;
}

.k-virtual-content > .k-virtual-list > .k-virtual-item {
  position: absolute;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
}

.k-popup .k-list .k-item > .k-group, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
  text-transform: uppercase;
  font-size: .857em;
}

.k-popup .k-list .k-item > .k-group {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 .5em;
  line-height: 1.8;
}

.k-popup .k-state-hover > .k-group {
  right: -1px;
}

.k-group-header + .k-list > .k-item.k-first, .k-static-header + .k-list > .k-item.k-first, .k-virtual-item.k-first {
  border-top-style: solid;
  border-top-width: 1px;
  padding-top: 0;
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
  text-align: right;
}

@font-face {
  font-family: KendoUIGlyphs;
  src: url(fonts/glyphs/KendoUIGlyphs.eot?y6oa7j);
  src: url(fonts/glyphs/KendoUIGlyphs.eot?y6oa7j?#iefix) format("embedded-opentype"), url(fonts/glyphs/KendoUIGlyphs.ttf?y6oa7j) format("truetype"), url(fonts/glyphs/KendoUIGlyphs.woff?y6oa7j) format("woff"), url(fonts/glyphs/KendoUIGlyphs.svg?y6oa7j#KendoUIGlyphs) format("svg");
  font-weight: 400;
  font-style: normal;
}

.k-i-arrow-n:before {
  content: "\e600";
}

.k-i-arrow-e:before {
  content: "\e601";
}

.k-i-arrow-s:before {
  content: "\e602";
}

.k-i-arrow-w:before {
  content: "\e603";
}

.k-i-seek-n:before {
  content: "\e604";
}

.k-i-seek-e:before {
  content: "\e605";
}

.k-i-seek-s:before {
  content: "\e606";
}

.k-i-seek-w:before {
  content: "\e607";
}

.k-i-sarrow-n:before {
  content: "\e608";
}

.k-i-sarrow-e:before {
  content: "\e609";
}

.k-i-sarrow-s:before {
  content: "\e60a";
}

.k-i-sarrow-w:before {
  content: "\e60b";
}

.k-i-expand-n:before {
  content: "\e60c";
}

.k-i-expand-e:before {
  content: "\e60d";
}

.k-i-expand-s:before {
  content: "\e60e";
}

.k-i-expand-w:before {
  content: "\e60f";
}

.k-i-collapse-ne:before {
  content: "\e610";
}

.k-i-collapse-se:before {
  content: "\e611";
}

.k-i-collapse-sw:before {
  content: "\e612";
}

.k-i-collapse-nw:before {
  content: "\e613";
}

.k-i-resize-ne:before {
  content: "\e614";
}

.k-i-resize-se:before {
  content: "\e615";
}

.k-i-resize-sw:before {
  content: "\e616";
}

.k-i-resize-nw:before {
  content: "\e617";
}

.k-i-arrowhead-n:before {
  content: "\e618";
}

.k-i-arrowhead-e:before {
  content: "\e619";
}

.k-i-arrowhead-s:before {
  content: "\e61a";
}

.k-i-arrowhead-w:before {
  content: "\e61b";
}

.k-i-pencil:before {
  content: "\e61c";
}

.k-i-x:before {
  content: "\e61d";
}

.k-i-checkmark:before {
  content: "\e61e";
}

.k-i-deny:before {
  content: "\e61f";
}

.k-i-trash:before {
  content: "\e620";
}

.k-i-plus:before {
  content: "\e621";
}

.k-i-splus:before {
  content: "\e622";
}

.k-i-minus:before {
  content: "\e623";
}

.k-i-sminus:before {
  content: "\e624";
}

.k-i-filter:before {
  content: "\e625";
}

.k-i-filter-clear:before {
  content: "\e626";
}

.k-i-refresh:before {
  content: "\e627";
}

.k-i-refresh-clear:before {
  content: "\e628";
}

.k-i-restore:before {
  content: "\e629";
}

.k-i-maximize:before {
  content: "\e62a";
}

.k-i-minimize:before {
  content: "\e62b";
}

.k-i-pin:before {
  content: "\e62c";
}

.k-i-unpin:before {
  content: "\e62d";
}

.k-i-calendar:before {
  content: "\e62e";
}

.k-i-clock:before {
  content: "\e62f";
}

.k-i-search:before {
  content: "\e630";
}

.k-i-zoom-in:before {
  content: "\e631";
}

.k-i-zoom-out:before {
  content: "\e632";
}

.k-i-print:before {
  content: "\e633";
}

.k-i-folder-add:before {
  content: "\e634";
}

.k-i-folder-up:before {
  content: "\e635";
}

.k-i-folder-open:before {
  content: "\e634";
}

.k-i-insert-image:before {
  content: "\e636";
}

.k-i-image:before {
  content: "\e637";
}

.k-i-insert-file:before {
  content: "\e638";
}

.k-i-file:before {
  content: "\e639";
}

.k-i-files:before {
  content: "\e63a";
}

.k-i-pdf:before {
  content: "\e63b";
}

.k-i-pdfa:before {
  content: "\e68d";
}

.k-i-xls:before {
  content: "\e63c";
}

.k-i-xlsa:before {
  content: "\e63d";
}

.k-i-lock:before {
  content: "\e63e";
}

.k-i-unlock:before {
  content: "\e63f";
}

.k-i-rows:before {
  content: "\e640";
}

.k-i-columns:before {
  content: "\e641";
}

.k-i-hamburger:before {
  content: "\e642";
}

.k-i-vbars:before {
  content: "\e643";
}

.k-i-hbars:before {
  content: "\e644";
}

.k-i-move:before {
  content: "\e645";
}

.k-i-group:before {
  content: "\e646";
}

.k-i-ungroup:before {
  content: "\e647";
}

.k-i-dimension:before {
  content: "\e648";
}

.k-i-connector:before {
  content: "\e649";
}

.k-i-kpi:before {
  content: "\e64a";
}

.k-i-undo:before {
  content: "\e64b";
}

.k-i-redo:before {
  content: "\e64c";
}

.k-i-undo-large:before {
  content: "\e64d";
}

.k-i-redo-large:before {
  content: "\e64e";
}

.k-i-rotate-ccw:before {
  content: "\e64f";
}

.k-i-rotate-cw:before {
  content: "\e650";
}

.k-i-cut:before {
  content: "\e651";
}

.k-i-copy:before {
  content: "\e652";
}

.k-i-paste:before {
  content: "\e653";
}

.k-i-bold:before {
  content: "\e654";
}

.k-i-italic:before {
  content: "\e655";
}

.k-i-underline:before {
  content: "\e656";
}

.k-i-strike-through:before {
  content: "\e657";
}

.k-i-text:before {
  content: "\e658";
}

.k-i-font-size:before {
  content: "\e68e";
}

.k-i-font-family:before {
  content: "\e68f";
}

.k-i-fx:before {
  content: "\e659";
}

.k-i-subscript:before {
  content: "\e65a";
}

.k-i-superscript:before {
  content: "\e65b";
}

.k-i-background:before {
  content: "\e65c";
}

.k-i-sum:before {
  content: "\e65d";
}

.k-i-increase-decimal:before {
  content: "\e65e";
}

.k-i-decrease-decimal:before {
  content: "\e65f";
}

.k-i-justify-left:before {
  content: "\e660";
}

.k-i-justify-center:before {
  content: "\e661";
}

.k-i-justify-right:before {
  content: "\e662";
}

.k-i-justify-full:before {
  content: "\e663";
}

.k-i-justify-clear:before {
  content: "\e664";
}

.k-i-align-top:before {
  content: "\e665";
}

.k-i-align-middle:before {
  content: "\e666";
}

.k-i-align-bottom:before {
  content: "\e667";
}

.k-i-indent:before {
  content: "\e668";
}

.k-i-outdent:before {
  content: "\e669";
}

.k-i-insert-n:before {
  content: "\e66a";
}

.k-i-insert-m:before {
  content: "\e66b";
}

.k-i-insert-s:before {
  content: "\e66c";
}

.k-i-insert-unordered-list:before {
  content: "\e66d";
}

.k-i-insert-ordered-list:before {
  content: "\e66e";
}

.k-i-sort-asc:before {
  content: "\e66f";
}

.k-i-sort-desc:before {
  content: "\e670";
}

.k-i-unsort:before {
  content: "\e671";
}

.k-i-hyperlink:before {
  content: "\e672";
}

.k-i-hyperlink-remove:before {
  content: "\e673";
}

.k-i-clearformat:before {
  content: "\e674";
}

.k-i-html:before {
  content: "\e675";
}

.k-i-exception:before {
  content: "\e676";
}

.k-i-custom:before {
  content: "\e677";
}

.k-i-cog:before {
  content: "\e678";
}

.k-i-create-table:before {
  content: "\e679";
}

.k-i-add-column-left:before {
  content: "\e67a";
}

.k-i-add-column-right:before {
  content: "\e67b";
}

.k-i-delete-column:before {
  content: "\e67c";
}

.k-i-add-row-above:before {
  content: "\e67d";
}

.k-i-add-row-below:before {
  content: "\e67e";
}

.k-i-delete-row:before {
  content: "\e67f";
}

.k-i-merge-cells:before {
  content: "\e680";
}

.k-i-normal-layout:before {
  content: "\e681";
}

.k-i-page-layout:before {
  content: "\e682";
}

.k-i-all-borders:before {
  content: "\e683";
}

.k-i-inside-borders:before {
  content: "\e684";
}

.k-i-inside-horizontal-borders:before {
  content: "\e685";
}

.k-i-inside-vertical-borders:before {
  content: "\e686";
}

.k-i-outside-borders:before {
  content: "\e687";
}

.k-i-top-border:before {
  content: "\e688";
}

.k-i-right-border:before {
  content: "\e689";
}

.k-i-bottom-border:before {
  content: "\e68a";
}

.k-i-left-border:before {
  content: "\e68b";
}

.k-i-no-borders:before {
  content: "\e68c";
}

.k-i-merge-horizontally:before {
  content: "\e690";
}

.k-i-merge-vertically:before {
  content: "\e691";
}

.k-i-text-wrap:before {
  content: "\e692";
}

.k-i-dollar:before {
  content: "\e693";
}

.k-i-percent:before {
  content: "\e694";
}

.k-i-freeze-col:before {
  content: "\e695";
}

.k-i-freeze-row:before {
  content: "\e696";
}

.k-i-freeze-panes:before {
  content: "\e697";
}

.k-i-format-number:before {
  content: "\e698";
}

.k-i-reset-color:before {
  content: "\e900";
}

.k-i-file-horizontal:before {
  content: "\e901";
}

.k-i-folder:before {
  content: "\e902";
}

.k-i-folder-open:before {
  content: "\e903";
}

.k-spreadsheet {
  width: 800px;
  height: 600px;
  position: relative;
  border-width: 1px;
  border-style: solid;
  cursor: default;
}

.k-spreadsheet .k-spreadsheet-pane {
  padding-right: 1px;
  position: absolute;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.k-spreadsheet .k-spreadsheet-pane.k-top {
  border-top-width: 0;
}

.k-spreadsheet .k-spreadsheet-pane.k-left {
  border-left-width: 0;
}

.k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell {
  position: absolute;
  white-space: pre;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding: 1px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.k-spreadsheet .k-spreadsheet-haxis, .k-spreadsheet .k-spreadsheet-vaxis {
  position: absolute;
  border-style: solid;
}

.k-spreadsheet .k-spreadsheet-vaxis {
  top: 0;
  border-width: 0 0 0 1px;
}

.k-spreadsheet .k-spreadsheet-haxis {
  left: 0;
  border-width: 1px 0 0;
}

.k-spreadsheet .k-filter-range, .k-spreadsheet .k-spreadsheet-selection {
  border-width: 1px;
  border-style: solid;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.k-spreadsheet .k-spreadsheet-active-cell {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.k-spreadsheet .k-spreadsheet-formula-bar {
  border-width: 0 1px 1px;
  border-style: solid;
  padding-left: 31px;
  position: relative;
  font-size: 12px;
  font-family: Arial,Verdana,sans-serif;
}

.k-spreadsheet .k-spreadsheet-formula-bar:before {
  background-image: none;
  font-family: KendoUIGlyphs;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  font-size: 1.3em;
  line-height: 1;
  opacity: 1;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e659";
  display: block;
  height: 20px;
  top: 3px;
  border-width: 0 1px 0 0;
  border-style: solid;
  position: absolute;
  width: 24px;
  margin-left: -24px;
}

.k-spreadsheet .k-spreadsheet-formula-bar:after {
  content: "";
  display: block;
  border-width: 0 0 1px;
  border-style: solid;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.k-spreadsheet .k-spreadsheet-formula-input {
  outline: 0;
  border-width: 0;
  height: 26px;
  line-height: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: pre;
  padding: 3px .5em 0;
}

.k-spreadsheet .k-spreadsheet-cell-editor {
  position: absolute;
  display: none;
  padding: 0 3px;
  line-height: 20px;
  z-index: 2000;
  overflow: hidden;
}

.k-spreadsheet > .k-spreadsheet-view {
  position: relative;
  font-size: 12px;
  font-family: Arial,Verdana,sans-serif;
}

.k-spreadsheet .k-tabstrip-wrapper {
  position: relative;
  line-height: 1.7em;
}

.k-spreadsheet .k-tabstrip-wrapper .k-tabstrip-items {
  padding: .3em 0 0;
}

.k-spreadsheet .k-spreadsheet-quick-access-toolbar {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  padding: .3em .3em 0;
}

.k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button {
  padding: .3em;
  line-height: 1.4em;
}

.k-spreadsheet .k-filter-wrapper, .k-spreadsheet .k-merged-cells-wrapper, .k-spreadsheet .k-selection-wrapper, .k-spreadsheet .k-spreadsheet-row-header {
  position: relative;
}

.k-spreadsheet .k-spreadsheet-column-header {
  position: absolute;
}

.k-spreadsheet .k-spreadsheet-sheets-bar {
  border-width: 1px 0 0;
}

.k-spreadsheet .k-vertical-align-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.k-spreadsheet .k-vertical-align-bottom {
  position: relative;
  top: 100%;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.k-spreadsheet .k-dirty {
  position: absolute;
  top: 0;
  right: 0;
  margin: -2px 0 0 -7px;
  border-width: 4px;
  border-color: red red transparent transparent;
}

.k-spreadsheet .k-single-selection::after {
  content: " ";
  height: 6px;
  width: 6px;
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  margin-bottom: -5px;
  margin-right: -5px;
  border-width: 1px;
  border-style: solid;
  z-index: 100;
  cursor: crosshair;
}

.k-spreadsheet .k-spreadsheet-edit-container .k-single-selection::after {
  display: none;
}

.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-horizontal-resize {
  cursor: col-resize;
}

.k-vertical-resize {
  cursor: row-resize;
}

.k-merged-cells-wrapper, .k-selection-wrapper, .k-spreadsheet-active-cell, .k-spreadsheet-data {
  cursor: cell;
}

.k-horizontal-resize .k-merged-cells-wrapper, .k-horizontal-resize .k-selection-wrapper, .k-horizontal-resize .k-spreadsheet-active-cell, .k-horizontal-resize .k-spreadsheet-data {
  cursor: col-resize;
}

.k-vertical-resize .k-merged-cells-wrapper, .k-vertical-resize .k-selection-wrapper, .k-vertical-resize .k-spreadsheet-active-cell, .k-vertical-resize .k-spreadsheet-data {
  cursor: row-resize;
}

.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: .4em;
}

.k-spreadsheet-filter {
  position: absolute;
  cursor: pointer;
}

.k-spreadsheet-sample {
  float: right;
}

.k-spreadsheet-clipboard, .k-spreadsheet-clipboard-paste {
  position: absolute;
  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;
}

textarea.k-spreadsheet-clipboard {
  position: fixed;
}

.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: .5em 1em 0;
}

.k-spreadsheet-window .k-root-tabs .k-loading {
  display: none;
}

.k-spreadsheet-window .k-list-wrapper {
  padding: .15em 0;
  border-width: 1px;
  border-style: solid;
  height: 190px;
}

.k-spreadsheet-window .k-list .k-item {
  border-radius: 0;
  padding: .5em .6em .4em .6em;
  cursor: pointer;
  line-height: 1.1em;
}

.k-spreadsheet-window .k-format-filter {
  width: 100%;
}

.k-spreadsheet-window .k-format-filter + .k-group-header + .k-list-wrapper {
  margin-top: 1em;
}

.k-spreadsheet-window .k-action-buttons {
  padding: 1em;
}

.k-spreadsheet-window .k-edit-label {
  width: 20%;
}

.k-spreadsheet-window .k-edit-field {
  width: 70%;
}

.k-spreadsheet-window .k-edit-field .k-dropdown, .k-spreadsheet-window .k-edit-field .k-textbox {
  width: 100%;
}

.k-spreadsheet-window .export-config {
  border-width: 1px 0 0;
  border-style: solid;
  padding: 1em;
  margin: 0 -1em;
}

.k-spreadsheet-window .export-config .k-edit-field {
  width: 40%;
  float: left;
  margin-left: 30px;
}

.k-spreadsheet-window .k-edit-field > input[type=radio] {
  display: inline;
  opacity: 0;
  width: 0;
  margin: 0;
}

.k-spreadsheet-window .k-edit-field > .k-orientation-label {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-width: 1px;
  border-style: solid;
}

.k-spreadsheet-window .k-edit-field > .k-orientation-label:before {
  font-family: KendoUIGlyphs;
  font-size: 16px;
}

.k-spreadsheet-window .k-orientation-portrait-label:before {
  content: "\e639";
}

.k-spreadsheet-window .k-orientation-landscape-label:before {
  content: "\e901";
}

.k-spreadsheet-window .k-page-orientation {
  position: absolute;
  right: 4em;
  top: 22%;
  width: 64px;
  height: 92px;
  border-width: 1px;
  border-style: solid;
}

.k-spreadsheet-window .k-page-orientation:before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 3px;
  border-style: solid;
  margin-top: -1px;
  margin-right: -1px;
}

.k-spreadsheet-window .k-page-landscape {
  top: 26%;
  width: 92px;
  height: 64px;
}

.k-spreadsheet-window .k-margins-horizontal {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height: 62px;
  border-width: 1px 0;
  border-style: solid;
}

.k-spreadsheet-window .k-margins-vertical {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 34px;
  height: 100%;
  border-width: 0 1px;
  border-style: solid;
}

.k-spreadsheet-window .k-page-landscape .k-margins-horizontal {
  height: 34px;
}

.k-spreadsheet-window .k-page-landscape .k-margins-vertical {
  width: 62px;
}

.k-spreadsheet-window .export-config:after, .k-spreadsheet-window > div:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}

.k-spreadsheet-format-cells .k-spreadsheet-preview {
  font-weight: 700;
  text-align: center;
  font-size: 1.16em;
  line-height: 3.64em;
  margin: 0 -.863em .72em;
  border-style: solid;
  border-width: 1px 0;
}

.k-spreadsheet-border-palette {
  width: 153px;
}

.k-spreadsheet-border-palette .k-spreadsheet-border-type-palette .k-button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20%;
}

.k-spreadsheet-border-palette .k-colorpalette {
  vertical-align: bottom;
}

.k-spreadsheet-popup .k-separator {
  width: 1px;
  height: 1.8em;
  vertical-align: middle;
  display: inline-block;
}

.k-spreadsheet-popup .k-colorpalette {
  vertical-align: top;
}

.k-spreadsheet-popup .k-button.k-button-icon {
  padding: .6em;
  border-width: 0;
  border-radius: 0;
}

.k-spreadsheet-popup .k-button.k-button-icontext {
  display: block;
  text-align: left;
  text-transform: initial;
  padding: .3em 1.5em .3em .9em;
  border-width: 0;
  border-radius: 0;
}

.k-spreadsheet-filter-menu {
  width: 280px;
}

.k-spreadsheet-filter-menu > .k-menu {
  border-width: 0;
}

.k-spreadsheet-filter-menu > .k-menu .k-link {
  padding-left: 26px;
}

.k-spreadsheet-filter-menu > .k-menu .k-icon.k-font-icon {
  margin-left: -26px;
  width: 26px;
}

.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
  height: 200px;
  overflow-y: scroll;
  overflow-x: auto;
  border-width: 1px;
  border-style: solid;
}

.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper .k-treeview {
  overflow: visible;
  padding: 6px 7px;
}

.k-spreadsheet-filter-menu .k-details {
  border-top-width: 1px;
  border-top-style: solid;
  padding: 4px 0;
}

.k-spreadsheet-filter-menu .k-details-summary {
  cursor: pointer;
  line-height: 26px;
}

.k-spreadsheet-filter-menu .k-details-summary .k-icon {
  margin: 0 5px;
}

.k-spreadsheet-filter-menu .k-details-content {
  padding: 0 8px 0 26px;
}

.k-spreadsheet-filter-menu .k-details-content > .k-textbox, .k-spreadsheet-filter-menu .k-details-content > .k-widget {
  width: 100%;
  margin-bottom: 3px;
}

.k-spreadsheet-filter-menu .k-details-content .k-space-right {
  background-image: none;
}

.k-spreadsheet-filter-menu .k-details-content .k-filter-and {
  width: 75px;
  margin: 8px 0;
}

.k-spreadsheet-filter-menu .k-action-buttons {
  border-top-width: 0;
  margin: 8px;
  padding: 0;
  position: static;
}

.k-resize-handle, .k-resize-hint {
  position: absolute;
}

.k-resize-hint-handle {
  width: 100%;
  height: 20px;
}

.k-resize-hint-marker {
  width: 2px;
  height: 100%;
  margin: 0 auto;
}

.k-resize-hint-vertical .k-resize-hint-handle {
  height: 100%;
  width: 20px;
  float: left;
}

.k-resize-hint-vertical .k-resize-hint-marker {
  height: 2px;
  width: 100%;
}

.k-button.k-spreadsheet-sheets-bar-add, .k-spreadsheet-quick-access-toolbar .k-button {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
}

.k-spreadsheet-tabstrip {
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
}

.k-spreadsheet-tabstrip > .k-content {
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  margin: 0;
  padding: 0;
}

.k-spreadsheet-tabstrip .k-loading {
  display: none;
}

.k-spreadsheet-toolbar.k-toolbar {
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}

.k-spreadsheet-toolbar.k-toolbar .k-overflow-anchor + * {
  margin-left: .3em;
}

.k-spreadsheet-toolbar.k-toolbar > .k-button-group {
  border-width: 0;
}

.k-spreadsheet-toolbar .k-button, .k-spreadsheet-toolbar > .k-button-group, .k-spreadsheet-toolbar > .k-widget, .k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) {
  margin: 0;
  border-color: transparent;
  background-color: transparent;
  background-image: none;
}

.k-spreadsheet-toolbar > .k-widget[data-property=fontSize] {
  width: 75px;
}

.k-spreadsheet-toolbar > .k-widget[data-property=format] {
  width: 100px;
}

.k-spreadsheet-toolbar > .k-widget[data-property=fontFamily] {
  width: 130px;
}

.k-spreadsheet-toolbar > .k-combobox .k-state-default:not(.k-state-hover):not(.k-state-active) .k-input {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) .k-select {
  border-color: transparent;
}

.k-spreadsheet-toolbar .k-separator {
  margin: 0 3px;
  width: 0;
  overflow: hidden;
  height: 1.8em;
  vertical-align: middle;
  display: inline-block;
}

.k-spreadsheet-formula-input > .k-syntax-bool.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-func.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-num.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-ref.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-str.k-syntax-at-point {
  text-decoration: underline;
}

.k-spreadsheet-formula-input > .k-series-a, .k-spreadsheet-formula-input > .k-series-b, .k-spreadsheet-formula-input > .k-series-c, .k-spreadsheet-formula-input > .k-series-d {
  background-color: transparent;
}

.k-spreadsheet-selection-highlight {
  border-width: 1px;
  border-style: solid;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.k-spreadsheet-formula-list {
  min-width: 100px;
}

.k-spreadsheet-formula-list .k-item {
  padding: 0 .3em;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-spreadsheet-sheets-bar {
  position: relative;
}

.k-button.k-spreadsheet-sheets-bar-add {
  position: absolute;
  bottom: .2em;
  left: .4em;
  z-index: 1;
}

.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove {
  padding: 0;
  margin: .5em .5em .5em -.5em;
}

.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-button-icon {
  padding: 2px;
  line-height: normal;
}

.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-icon {
  margin: 0;
}

.k-spreadsheet-sheets-items-hint {
  margin-top: .1em;
  background: 0 0 !important;
  border-width: 0 !important;
}

@font-face {
  font-family: "DejaVu Sans";
  src: url(fonts/DejaVu/DejaVuSans.ttf?v=1.1) format("truetype");
}

@font-face {
  font-family: "DejaVu Sans";
  font-weight: 700;
  src: url(fonts/DejaVu/DejaVuSans-Bold.ttf?v=1.1) format("truetype");
}

@font-face {
  font-family: "DejaVu Sans";
  font-style: italic;
  src: url(fonts/DejaVu/DejaVuSans-Oblique.ttf?v=1.1) format("truetype");
}

@font-face {
  font-family: "DejaVu Sans";
  font-weight: 700;
  font-style: italic;
  src: url(fonts/DejaVu/DejaVuSans-BoldOblique.ttf?v=1.1) format("truetype");
}

@font-face {
  font-family: "DejaVu Serif";
  src: url(fonts/DejaVu/DejaVuSerif.ttf?v=1.1) format("truetype");
}

@font-face {
  font-family: "DejaVu Serif";
  font-weight: 700;
  src: url(fonts/DejaVu/DejaVuSerif-Bold.ttf?v=1.1) format("truetype");
}

@font-face {
  font-family: "DejaVu Serif";
  font-style: italic;
  src: url(fonts/DejaVu/DejaVuSerif-Italic.ttf?v=1.1) format("truetype");
}

@font-face {
  font-family: "DejaVu Serif";
  font-weight: 700;
  font-style: italic;
  src: url(fonts/DejaVu/DejaVuSerif-BoldItalic.ttf?v=1.1) format("truetype");
}

@font-face {
  font-family: "DejaVu Mono";
  src: url(fonts/DejaVu/DejaVuSansMono.ttf?v=1.1) format("truetype");
}

@font-face {
  font-family: "DejaVu Mono";
  font-weight: 700;
  src: url(fonts/DejaVu/DejaVuSansMono-Bold.ttf?v=1.1) format("truetype");
}

@font-face {
  font-family: "DejaVu Mono";
  font-style: italic;
  src: url(fonts/DejaVu/DejaVuSansMono-Oblique.ttf?v=1.1) format("truetype");
}

@font-face {
  font-family: "DejaVu Mono";
  font-weight: 700;
  font-style: italic;
  src: url(fonts/DejaVu/DejaVuSansMono-BoldOblique.ttf?v=1.1) format("truetype");
}

.kendo-pdf-hide-pseudo-elements:after, .kendo-pdf-hide-pseudo-elements:before {
  display: none !important;
}

/*# sourceMappingURL=kendo.common.min.css.map */
/* Kendo Herbalife Skin
================================================== */
/* Kendo skin */
.ktb-theme-id-metro {
  opacity: 0;
}

.ktb-var-accent {
  color: #7ac143;
}

.ktb-var-base {
  color: #ffffff;
}

.ktb-var-background {
  color: #ffffff;
}

.ktb-var-border-radius {
  border-radius: 0px;
}

.ktb-var-normal-background {
  color: #ffffff;
}

.ktb-var-normal-gradient {
  background-image: none;
}

.ktb-var-normal-text-color {
  color: #4d4d4d;
}

.ktb-var-hover-background {
  color: #7ac143;
}

.ktb-var-hover-gradient {
  background-image: none;
  background-image: none, -webkit-linear-gradient(top, #7ac143 0px, #7ac143 100%);
  background-image: none, -moz-linear-gradient(top, #7ac143 0px, #7ac143 100%);
  background-image: none, -o-linear-gradient(top, #7ac143 0px, #7ac143 100%);
  background-image: none, linear-gradient(to bottom, #7ac143 0px, #7ac143 100%);
}

.ktb-var-hover-text-color {
  color: #ffffff;
}

.ktb-var-selected-background {
  color: #7ea700;
}

.ktb-var-selected-gradient {
  background-image: none;
}

.ktb-var-selected-text-color {
  color: #ffffff;
}

.ktb-var-error {
  color: #ffffff;
}

.ktb-var-warning {
  color: #ffe13a;
}

.ktb-var-success {
  color: #eaf7ec;
}

.ktb-var-info {
  color: #e5f5fa;
}

.k-grid-norecords-template {
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
}

.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-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: #eeeeee;
}

.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: #ffffff;
}

.k-grouping-row td,
td.k-group-cell,
.k-resize-handle-inner {
  background-color: #ffffff;
}

.k-list-container {
  border-color: #cccccc;
  background-color: #eeeeee;
}

.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: #f5f5f5;
}

.k-pivot-rowheaders .k-alt .k-alt,
.k-header.k-alt {
  background-color: contrst(#4d4d4d, #e0e0e0, #ffffff, 0.5);
}

.k-textbox,
.k-autocomplete.k-header,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active {
  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: #eeeeee;
}

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: #eeeeee;
  color: #4d4d4d;
}

.k-input[readonly] {
  background-color: #ffffff;
  color: #4d4d4d;
}

.k-block,
.k-widget,
.k-popup,
.k-content,
.k-toolbar,
.k-dropdown .k-input {
  color: #4d4d4d;
}

.k-inverse {
  color: #000000;
}

.k-block {
  color: #4d4d4d;
}

.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover .k-link {
  color: #4d4d4d;
}

.k-tabstrip-items .k-link,
.k-panelbar > li > .k-link {
  color: #4d4d4d;
}

.k-header,
.k-treemap-title,
.k-grid-header .k-header > .k-link {
  color: #4d4d4d;
  margin: 0;
  padding: 0;
}

.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: #ffffff;
}

.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: #ffffff;
}

/* 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: 1;
}

.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: 1;
}

.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 {
  background-image: url("//da7xgjtj801h2.cloudfront.net/2015.2.624/styles/Metro/sprite.png");
  border-color: transparent;
  /* extending font icons to kendo icons */
  font-family: 'myherbalife';
  font-style: normal;
  speak: none;
  font-weight: normal;
  line-height: .9;
  -webkit-font-smoothing: antialiased;
}

/* 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("//da7xgjtj801h2.cloudfront.net/2015.2.624/styles/Metro/sprite.png");
  border-color: transparent;
}

.k-loading,
.k-state-hover .k-loading {
  background-image: url("//da7xgjtj801h2.cloudfront.net/2015.2.624/styles/Metro/loading.gif");
  background-position: 50% 50%;
}

.k-loading-image {
  background-image: url("//da7xgjtj801h2.cloudfront.net/2015.2.624/styles/Metro/loading-image.gif");
}

.k-loading-color {
  background-color: #ffffff;
}

.k-button {
  color: #515151;
  border-color: #eeeeee;
  background-color: #eeeeee;
}

.k-draghandle {
  border-color: #7ac143;
  background-color: #7ac143;
  -webkit-box-shadow: 0 1px 1px 0 rgba(95, 95, 95, 0.3);
  box-shadow: 0 1px 1px 0 rgba(95, 95, 95, 0.3);
}

.k-draghandle:hover {
  border-color: #7ac143;
  background-color: #7ac143;
  -webkit-box-shadow: 0 1px 1px 0 rgba(95, 95, 95, 0.3);
  box-shadow: 0 1px 1px 0 rgba(95, 95, 95, 0.3);
}

/* Scheduler */
.k-scheduler {
  color: #ffffff;
  background-color: #ffffff;
}

.k-scheduler-layout {
  color: #4d4d4d;
}

.k-scheduler-datecolumn,
.k-scheduler-groupcolumn {
  background-color: #ffffff;
  color: #4d4d4d;
}

.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: #eeeeee;
  background-color: #ffffff;
}

.k-nonwork-hour {
  background-color: #f5f5f5;
}

.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: #fcfcfc;
}

.k-scheduler-now-arrow {
  border-left-color: #e20000;
}

.k-scheduler-now-line {
  background-color: #e20000;
}

.k-event,
.k-task-complete {
  border-color: #7ac143;
  background: #7ac143 0 -257px none repeat-x;
  color: #ffffff;
}

.k-event-inverse {
  color: #4d4d4d;
}

.k-event.k-state-selected {
  background-position: 0 0;
}

.k-ie7 .k-event .k-resize-handle,
.k-event .k-resize-handle:after,
.k-ie7 .k-task-single .k-resize-handle,
.k-task-single .k-resize-handle:after {
  background-color: #4d4d4d;
}

.k-scheduler-marquee:before,
.k-scheduler-marquee:after {
  border-color: #7ac143;
}

.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar .k-item {
  background-color: #ffffff;
  color: #4d4d4d;
  border-color: #eeeeee;
}

.k-panelbar > .k-item > .k-link {
  border-color: #eeeeee;
}

.k-panel > li.k-item {
  background-color: #ffffff;
}

/* states */
.k-state-active,
.k-state-active:hover,
.k-active-filter {
  background-color: #ffffff;
  border-color: #7ac143;
  color: #000000;
}

.k-fieldselector .k-list-container {
  background-color: #ffffff;
}

.k-button:focus,
.k-button.k-state-focused {
  border-color: #eeeeee;
}

.k-button:hover,
.k-button.k-state-hover {
  color: #515151;
  border-color: #e1e1e1;
  background-color: #e1e1e1;
}

.k-button:active,
.k-button.k-state-active {
  color: #515151;
  background-color: #e1e1e1;
  border-color: #e1e1e1;
}

/*
  .k-button:active:hover,
  .k-button.k-state-active:hover {
    color: #ffffff;
    border-color: #eeeeee;
    background-color: #eeeeee;
  } */
.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 {
  color: #515151;
  border-color: #eeeeee;
  background-color: #eeeeee;
  background-image: none;
}

/******* Not needed 
  .k-button:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: inset 0 0 0 1px #7ac143;
    box-shadow: inset 0 0 0 1px #7ac143;
  } 
  .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: inset 0 0 3px 1px #568a2e;
    box-shadow: inset 0 0 3px 1px #568a2e;
  } ******/
.k-menu .k-state-hover > .k-state-active {
  background-color: transparent;
}

.k-state-highlight {
  background: #ffffff;
  color: #000000;
}

.k-state-focused,
.k-grouping-row .k-state-focused {
  border-color: #7ac143;
}

.k-calendar .k-link {
  color: #515151;
}

.k-calendar .k-footer {
  padding: 0;
}

.k-calendar .k-footer .k-nav-today {
  color: #515151;
  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: #2e2e2e;
  font-weight: bold;
}

.k-calendar .k-nav-fast.k-state-hover {
  text-decoration: none;
  background-color: #7ac143;
  color: #ffffff;
}

.k-calendar .k-link.k-state-hover,
.k-window-titlebar .k-link {
  border-radius: 0;
}

.k-calendar .k-footer .k-link {
  border-radius: 0;
}

.k-calendar th {
  background-color: #ffffff;
  color: #2e2e2e;
}

.k-calendar-container.k-group {
  border-color: #dbdbdb;
}

.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: #ffffff;
  background-color: #7ac143;
  border-color: #7ac143;
}

.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: #7ac143;
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
  background: #7ac143;
  color: #ffffff;
}

.k-popup .k-item > .k-group {
  background: #7ac143;
  color: #ffffff;
  border-bottom-left-radius: 0;
}

.k-marquee-text {
  color: #ffffff;
}

.k-state-focused,
.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-grid-header th.k-state-focused,
td.k-state-focused {
  background-color: #7ac143;
}

.k-state-focused.k-state-selected,
.k-list > .k-state-focused.k-state-selected,
.k-listview > .k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected {
  background-color: #7ac143;
}

.k-state-focused a.k-link,
.k-list > .k-state-focused a.k-link,
.k-listview > .k-state-focused a.k-link,
.k-grid-header th.k-state-focused a.k-link,
td.k-state-focused a.k-link {
  color: #ffffff;
}

.k-state-focused.k-state-selected a.k-link,
.k-list > .k-state-focused.k-state-selected a.k-link,
.k-listview > .k-state-focused.k-state-selected a.k-link,
td.k-state-focused.k-state-selected a.k-link {
  color: #ffffff;
}

.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-ie7 .k-panelbar span.k-state-focused,
.k-ie7 .k-menu li.k-state-focused,
.k-ie7 .k-listview > .k-state-focused,
.k-ie7 .k-grid-header th.k-state-focused,
.k-ie7 td.k-state-focused,
.k-ie7 .k-tool.k-state-hover,
.k-ie7 .k-button:focus,
.k-ie7 .k-button.k-state-focused {
  background-color: #7ac143;
}

.k-list > .k-state-selected.k-state-focused,
.k-list-optionlabel.k-state-selected.k-state-focused {
  -webkit-box-shadow: none;
  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: #ffffff;
}

.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: #ffffff;
  background-color: #7ac143;
  border-color: #7ac143;
}

/* 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: #ffffff;
  background-color: #7ac143;
  border-color: #7ac143;
}

.k-ie7 .k-window-titlebar .k-state-hover,
.k-ie8 .k-window-titlebar .k-state-hover {
  border-color: #7ac143;
}

.k-state-hover > .k-select,
.k-state-focused > .k-select {
  border-color: #7ac143;
}

.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;
  background-color: #7ac143;
}

.k-pager-wrap {
  background-color: #ffffff;
  color: #4d4d4d;
}

.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("//da7xgjtj801h2.cloudfront.net/2015.2.624/styles/Metro/sprite.png");
}

.k-state-hover > .k-link,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em {
  color: #ffffff;
}

.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-focused {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.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: #4d4d4d;
}

.k-dropdown .k-state-hover .k-input {
  color: #4d4d4d;
}

.k-state-error {
  border-color: #e20000;
  background-color: #ffffff;
  color: #454545;
}

.k-state-disabled {
  opacity: 0.5;
}

.k-ie7 .k-state-disabled,
.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: #cccccc;
}

/* Progressbar */
.k-progressbar-indeterminate {
  background: url("//da7xgjtj801h2.cloudfront.net/2015.2.624/styles/Metro/indeterminate.gif");
}

.k-progressbar-indeterminate .k-progress-status-wrap,
.k-progressbar-indeterminate .k-state-selected {
  display: none;
}

.k-rtl .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
.k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
.k-rtl .k-progressbar-horizontal > .k-state-selected,
.k-progressbar-vertical > .k-state-selected,
.k-progressbar-vertical.k-progressbar-reverse > .k-state-selected,
.k-progressbar > .k-state-selected.k-complete,
.k-rtl .k-progressbar > .k-state-selected.k-complete,
.k-progressbar-horizontal .k-first,
.k-rtl .k-progressbar-horizontal .k-last,
.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last,
.k-progressbar-horizontal .k-last,
.k-rtl .k-progressbar-horizontal .k-first,
.k-progressbar-vertical .k-first,
.k-progressbar-vertical .k-last {
  border-radius: 0;
}

/* Slider */
.k-slider-track {
  background-color: #dbdbdb;
}

.k-slider-selection {
  background-color: #7ac143;
}

.k-slider-horizontal .k-tick {
  background-image: url("//da7xgjtj801h2.cloudfront.net/2015.2.624/styles/Metro/slider-h.gif");
}

.k-slider-vertical .k-tick {
  background-image: url("//da7xgjtj801h2.cloudfront.net/2015.2.624/styles/Metro/slider-v.gif");
}

/* Tooltip */
.k-widget.k-tooltip {
  border-color: #cccccc;
  background-color: #ffffff;
  color: #515151;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 5px 10px;
  font-size: 13px;
  box-shadow: none;
}

.k-widget.k-tooltip-validation {
  display: block;
  color: #ff0000;
  font-size: 12px;
  text-align: left;
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
  box-shadow: none;
}

/* 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: #92c100;
}

.k-callout-w {
  border-right-color: #92c100;
}

.k-callout-s {
  border-top-color: #92c100;
}

.k-callout-e {
  border-left-color: #92c100;
}

.k-tooltip-validation .k-callout-n {
  border-bottom-color: #ffe13a;
}

.k-tooltip-validation .k-callout-w {
  border-right-color: #ffe13a;
}

.k-tooltip-validation .k-callout-s {
  border-top-color: #ffe13a;
}

.k-tooltip-validation .k-callout-e {
  border-left-color: #ffe13a;
}

/* Splitter */
.k-splitbar {
  background-color: #dbdbdb;
}

.k-restricted-size-vertical,
.k-restricted-size-horizontal {
  background-color: #454545;
}

/* Upload */
.k-file {
  background-color: #ffffff;
  border-color: #dbdbdb;
}

.k-file-progress {
  color: #545454;
}

.k-file-progress .k-progress {
  background-color: #dcf2f8;
}

.k-file-success {
  color: #525252;
}

.k-file-success .k-progress {
  background-color: #e6f6e9;
}

.k-file-error {
  color: #3d3d3d;
}

.k-file-error .k-progress {
  background-color: #e6e6e6;
}

/* ImageBrowser */
.k-tile {
  border-color: #ffffff;
}

.k-textbox:hover,
.k-tiles li.k-state-hover {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.k-tiles li.k-state-selected {
  border-color: #7ac143;
}

.k-filebrowser .k-tile .k-folder,
.k-filebrowser .k-tile .k-file {
  background-image: url("//da7xgjtj801h2.cloudfront.net/2015.2.624/styles/Metro/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 {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-slider,
.k-treeview,
.k-upload {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-state-hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-state-selected {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-state-active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-grid td.k-state-selected.k-state-focused {
  background-color: #82c54f;
}

.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 {
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.k-treemap-tile.k-state-hover {
  -webkit-box-shadow: inset 0 0 0 3px #dbdbdb;
  box-shadow: inset 0 0 0 3px #dbdbdb;
}

/* Window */
.k-window {
  border-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
  box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
  background-color: #ffffff;
}

.k-window.k-state-focused {
  border-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
}

.k-window.k-window-maximized,
.k-window-maximized .k-window-titlebar,
.k-window-maximized .k-window-content {
  border-radius: 0;
}

.k-shadow {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.k-inset {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}

/* Selection */
.k-editor-inline ::selection {
  background-color: #7ac143;
  text-shadow: none;
  color: #fff;
}

.k-editor-inline ::-moz-selection {
  background-color: #7ac143;
  text-shadow: none;
  color: #fff;
}

/* Notification */
.k-notification.k-notification-info {
  background-color: #eeeeee;
  color: #515151;
  border-color: #cccccc;
}

.k-notification.k-notification-success {
  background-color: #dbf5c8;
  color: #515151;
  border-color: #8cc641;
}

.k-notification.k-notification-warning {
  background-color: #fff2de;
  color: #515151;
  border-color: #f7d67f;
}

.k-notification.k-notification-error {
  background-color: #ffd8d8;
  color: #515151;
  border-color: #ffacac;
}

/* Gantt */
.k-gantt .k-treelist {
  background: #f5f5f5;
}

.k-gantt .k-treelist .k-alt {
  background-color: #dbdbdb;
}

.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: #7ac143;
}

.k-task-dot:after {
  background-color: #4d4d4d;
  border-color: #4d4d4d;
}

.k-task-dot:hover:after {
  background-color: #ffffff;
}

.k-task-summary {
  border-color: #383838;
  background: #383838;
}

.k-task-milestone,
.k-task-summary-complete {
  border-color: #4d4d4d;
  background: #4d4d4d;
}

.k-state-selected.k-task-summary {
  border-color: #3e6421;
  background: #3e6421;
}

.k-state-selected.k-task-milestone,
.k-state-selected .k-task-summary-complete {
  border-color: #7ac143;
  background: #7ac143;
}

.k-task-single {
  background-color: #8dca5e;
  border-color: #7ac143;
  color: #ffffff;
}

.k-state-selected.k-task-single {
  border-color: #7ac143;
}

.k-line {
  background-color: #4d4d4d;
  color: #4d4d4d;
}

.k-state-selected.k-line {
  background-color: #7ac143;
  color: #7ac143;
}

.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("//da7xgjtj801h2.cloudfront.net/2015.2.624/styles/Metro/sprite_kpi.png");
}

/* Border radius */
.k-block,
.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-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: 0;
}

.k-tool {
  text-align: center;
  vertical-align: middle;
}

.k-tool.k-group-start,
.k-toolbar .k-split-button .k-button,
.k-toolbar .k-button-group .k-group-start {
  border-radius: 0 0 0 0;
}

.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 0 0 0;
}

.k-tool.k-group-end,
.k-toolbar .k-button-group .k-group-end,
.k-toolbar .k-split-button .k-split-button-arrow {
  border-radius: 0 0 0 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: 0 0 0 0;
}

.k-group-start.k-group-end.k-tool {
  border-radius: 0;
}

.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 0 0;
}

.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 0;
}

.k-multiselect.k-state-border-up .k-multiselect-wrap {
  border-radius: 0 0 0 0;
}

.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: 0 0 0 0;
}

.k-split-button.k-state-border-down > .k-button {
  border-radius: 0 0 0 0;
}

.k-split-button.k-state-border-up > .k-button {
  border-radius: 0 0 0 0;
}

.k-split-button.k-state-border-down > .k-split-button-arrow {
  border-radius: 0 0 0 0;
}

.k-split-button.k-state-border-up > .k-split-button-arrow {
  border-radius: 0 0 0 0;
}

.k-dropdown-wrap .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input {
  border-radius: 0 0 0 0;
}

.k-rtl .k-dropdown-wrap .k-input,
.k-rtl .k-picker-wrap .k-input,
.k-rtl .k-numeric-wrap .k-input {
  border-radius: 0 0 0 0;
}

.k-numeric-wrap .k-link {
  border-radius: 0 0 0 0;
}

.k-numeric-wrap .k-link + .k-link {
  border-radius: 0 0 0 0;
}

.k-colorpicker .k-selected-color {
  border-radius: 0 0 0 0;
}

.k-rtl .k-colorpicker .k-selected-color {
  border-radius: 0 0 0 0;
}

.k-autocomplete.k-state-border-down .k-input {
  border-radius: 0 0 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: 0 0 0 0;
}

.k-multiselect.k-state-border-down .k-multiselect-wrap {
  border-radius: 0 0 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 0 0 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: 0 0 0 0;
}

.k-numeric-wrap.k-expand-padding .k-input {
  border-radius: 0;
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-multiselect-wrap {
  border-radius: 0;
}

.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: 0;
}

.k-slider .k-button,
.k-grid .k-slider .k-button {
  border-radius: 13px;
}

.k-draghandle {
  border-radius: 0;
}

.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: 0 0 0 0;
}

.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 0 0 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: 0;
}

.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: 0;
  border-bottom-right-radius: 0;
}

.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: 0 0 0 0;
}

.k-scheduler div.k-scheduler-footer ul li,
.k-scheduler div.k-scheduler-footer .k-link {
  border-radius: 0;
}

.k-more-events,
.k-event,
.k-task-single,
.k-task-complete,
.k-event .k-link {
  border-radius: 0;
}

.k-scheduler-mobile .k-event {
  border-radius: -1;
}

/* Adaptive Grid */
.k-grid-mobile .k-column-active + th.k-header {
  border-left-color: #4d4d4d;
}

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: #4d4d4d;
}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
  div.km-pane-wrapper a {
    color: #4d4d4d;
  }
  .km-pane-wrapper .k-icon {
    background-image: url("//da7xgjtj801h2.cloudfront.net/2015.2.624/styles/Metro/sprite_2x.png");
    background-size: 21.2em 21em;
  }
}

.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 #dbdbdb;
}

.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: #7ac143;
  border-top-color: #7ac143;
}

.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
  border-top-color: transparent;
}

.km-pane-wrapper .k-mobile-list .k-item:last-child {
  -webkit-box-shadow: inset 0 -1px 0 #dbdbdb;
  box-shadow: inset 0 -1px 0 #dbdbdb;
}

.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: #8f8f8f;
}

.km-pane-wrapper .k-mobile-list > ul > li > .k-link {
  border-bottom: 1px solid #dbdbdb;
}

.km-pane-wrapper .k-mobile-list .k-edit-field {
  -webkit-box-shadow: 0 1px 1px #dbdbdb;
  box-shadow: 0 1px 1px #dbdbdb;
}

.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: #e20000;
  background-color: red;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, left, right);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
}

.km-actionsheet .k-grid-delete:active,
.km-actionsheet .k-scheduler-delete:active,
.km-pane-wrapper .k-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: #eeeeee;
  border: none;
  height: 30px;
  margin-top: 5px;
}

.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: #eeeeee;
  background-image: none;
  background-position: 50% 50%;
}

.k-multiselect.k-header {
  border-color: #eeeeee;
}

.k-multiselect.k-header.k-state-hover {
  border-color: #eeeeee;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.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: #f3f3f3;
  background-image: none;
  background-position: 50% 50%;
  border-color: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-list-container {
  color: #515151;
}

.k-dropdown .k-input,
.k-dropdown .k-state-focused .k-input,
.k-menu .k-popup {
  color: #515151;
}

.k-state-default > .k-select {
  border-color: #eeeeee;
}

.k-state-hover > .k-select {
  border-color: #eeeeee;
}

.k-state-focused > .k-select {
  border-color: #eeeeee;
}

.k-tabstrip:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-tabstrip-items .k-state-default .k-link,
.k-panelbar > li.k-state-default > .k-link {
  color: #4d4d4d;
}

.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: #ffffff;
}

.k-panelbar .k-state-focused.k-state-hover {
  background: #7ac143;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-tabstrip-items .k-state-default,
.k-ie7 .k-tabstrip-items .k-state-default .k-loading {
  background-color: #eeeeee;
}

.k-tabstrip-items .k-state-hover,
.k-ie7 .k-tabstrip-items .k-state-hover .k-loading {
  background-color: #7ac143;
}

.k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-items .k-state-active,
.k-ie7 .k-tabstrip-items .k-state-active .k-loading {
  background-color: #7ac143;
  background-image: none;
  border-color: #7ac143;
}

.k-tabstrip .k-content.k-state-active {
  background-color: #ffffff;
  color: #4d4d4d;
}

.k-menu.k-header,
.k-menu .k-item {
  border-color: #dbdbdb;
}

.k-column-menu,
.k-column-menu .k-item,
.k-overflow-container .k-overflow-group {
  border-color: #dbdbdb;
}

.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: #dbdbdb;
  background-color: transparent;
}

.k-menu .k-group {
  border-color: #dbdbdb;
}

.k-grid-filter.k-state-active {
  background-color: #f0f0f0;
}

.k-grouping-row td,
.k-group-footer td,
.k-grid-footer td {
  color: #4d4d4d;
  border-color: #dbdbdb;
  font-weight: bold;
}

.k-grouping-header {
  color: #4d4d4d;
}

.k-grid td.k-state-focused {
  -webkit-box-shadow: inset 0 0 0 1px inset 0 0 0 1px #7ac143;
  box-shadow: inset 0 0 0 1px inset 0 0 0 1px #7ac143;
}

.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: #eeeeee;
}

.k-primary,
.k-overflow-container .k-primary {
  color: #ffffff;
  border-color: #0080ff;
  background-image: none;
  background-position: 50% 50%;
  background-color: #0080ff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-primary:focus,
.k-primary.k-state-focused {
  color: #ffffff;
  border-color: #148aff;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-primary:hover {
  color: #ffffff;
  border-color: #148aff;
  background-image: none;
  background-color: #148aff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-primary:focus:active:not(.k-state-disabled):not([disabled]),
.k-primary:focus:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-primary:active {
  color: #ffffff;
  border-color: #148aff;
  background-image: none;
  background-color: #148aff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.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: #ffffff;
  border-color: #0080ff;
  background-color: #0080ff;
  background-image: none;
  -webkit-box-shadow: 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: 0;
}

.k-scheduler-table .k-state-hover .k-icon {
  background-color: transparent;
}

.k-button:focus {
  outline: none;
}

.k-editor .k-tool:focus {
  outline: 0;
  border-color: #dbdbdb;
  -webkit-box-shadow: inset 0 0 0 1px #7ac143;
  box-shadow: inset 0 0 0 1px #7ac143;
}

.k-checkbox-label:before {
  border-color: transparent;
  border-radius: 0;
}

.k-checkbox-label:after {
  border-color: #dbdbdb;
  background: #ffffff;
  border-radius: 0;
}

.k-checkbox-label:hover:after,
.k-checkbox:checked + .k-checkbox-label:hover:after {
  border-color: #7ac143;
  box-shadow: none;
}

.k-checkbox:checked + .k-checkbox-label:after {
  background-color: #ffffff;
  border-color: #dbdbdb;
  border-radius: 0;
  color: #7fa800;
}

.k-checkbox-label:active:before {
  box-shadow: none;
  border-color: transparent;
  border-radius: 0;
}

.k-checkbox-label:active:after {
  border-color: #7ac143;
  border-radius: 0;
}

.k-checkbox:checked + .k-checkbox-label:active:after {
  border-color: #7ac143;
}

.k-checkbox:checked + .k-checkbox-label:active:before {
  box-shadow: none;
  border-radius: 0;
}

.k-checkbox:disabled + .k-checkbox-label {
  color: #abdfb3;
}

.k-checkbox:disabled + .k-checkbox-label:hover:after,
.k-checkbox:disabled + .k-checkbox-label:active:before {
  box-shadow: none;
}

.k-checkbox:checked:disabled + .k-checkbox-label:after {
  background: #ffffff;
  color: #c9c9c9;
}

.k-checkbox:disabled + .k-checkbox-label:after,
.k-checkbox:checked:disabled + .k-checkbox-label:active:after,
.k-checkbox:disabled + .k-checkbox-label:hover:before,
.k-checkbox:checked:disabled + .k-checkbox-label:hover:after {
  background: #ffffff;
  border-color: #c9c9c9;
  border-radius: 0;
}

.k-radio-label:before {
  border-color: #dbdbdb;
  border-radius: 50%;
  background-color: #ffffff;
  border-width: 1px;
}

.k-radio-label:hover:before,
.k-radio:checked + .k-radio-label:hover:before {
  border-color: #7ac143;
  box-shadow: none;
}

.k-radio:checked + .k-radio-label:before {
  border-color: #dbdbdb;
}

.k-radio:checked + .k-radio-label:after {
  background-color: #7fa800;
  border-radius: 50%;
}

.k-radio-label:active:before {
  box-shadow: none;
  border-radius: 50%;
  border-color: #7ac143;
}

.k-radio:checked + .k-radio-label:active:before {
  box-shadow: none;
  border-radius: 50%;
  border-color: #7ac143;
}

.k-radio:disabled + .k-radio-label {
  color: #abdfb3;
}

.k-radio:disabled + .k-radio-label:before {
  border-color: #bfbfbf;
}

.k-radio:disabled + .k-radio-label:active:before {
  box-shadow: none;
  background: #ffffff;
}

.k-radio:disabled + .k-radio-label:before {
  background: #ffffff;
}

.k-radio:disabled + .k-radio-label:hover:after,
.k-radio:disabled + .k-radio-label:hover:before {
  box-shadow: none;
}

.k-checkbox:focus + .k-checkbox-label:after,
.k-radio:focus + .k-radio-label:before {
  border-color: #7ac143;
  box-shadow: none;
}

@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("//da7xgjtj801h2.cloudfront.net/2015.2.624/styles/Metro/sprite_2x.png");
    background-size: 340px 336px;
  }
  .k-dropdown-wrap .k-input,
  .k-picker-wrap .k-input,
  .k-numeric-wrap .k-input {
    border-radius: 0 0 0 0;
  }
  .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("//da7xgjtj801h2.cloudfront.net/2015.2.624/styles/Metro/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;
  }
}

.ktb-checkbox-label-after {
  border-color: #dbdbdb;
  background: #ffffff;
}

.ktb-checkbox-label-hover-after,
.ktb-checkbox-checked + .ktb-checkbox-label-hover-after {
  border-color: #7ac143;
}

.ktb-checkbox-checked + .ktb-checkbox-label-after {
  background-color: #ffffff;
  border-color: #dbdbdb;
  color: #7fa800;
}

.ktb-checkbox-label-hover-after,
.ktb-checkbox-checked + .ktb-checkbox-label-hover-after {
  border-color: #7ac143;
}

.ktb-checkbox-label-active-after {
  border-color: #7ac143;
}

.ktb-checkbox-checked-disabled + .ktb-checkbox-label-after,
.ktb-checkbox-disabled + .ktb-checkbox-label-after,
.ktb-checkbox-checked-disabled + .ktb-checkbox-label-active-after,
.ktb-checkbox-disabled + .ktb-checkbox-label-hover-before,
.ktb-checkbox-checked-disabled + .ktb-checkbox-label-hover-after {
  background: #ffffff;
  color: #c9c9c9;
  border-color: #c9c9c9;
}

.ktb-radio-label-before {
  border-color: #dbdbdb;
  background-color: #ffffff;
}

.ktb-radio-checked + .ktb-radio-label-after {
  background-color: #7fa800;
}

.ktb-radio-checked + .ktb-radio-label-before {
  border-color: #dbdbdb;
}

.ktb-radio-label-hover-before,
.ktb-radio-checked + .ktb-radio-label-hover-before {
  border-color: #7ac143;
}

.ktb-radio-label-active-before {
  border-color: #7ac143;
}

.ktb-radio-checked + .ktb-radio-label-after {
  background-color: #7fa800;
}

.ktb-radio-disabled + .ktb-radio-label-before,
.ktb-radio-disabled + .ktb-radio-label-active-before {
  background: #ffffff;
  border-color: #c9c9c9;
}

/* 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-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 {
    background-image: none;
    background-position: 50% 50%;
    background-color: #ffffff;
    border-color: #dbdbdb;
  }
  .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 {
    border-color: #dbdbdb;
  }
  .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 {
    border-radius: 0;
  }
  .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 {
    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 {
    border-radius: 0 0 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-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-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-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 {
    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-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 {
    border-radius: 0 0 0 0;
  }
  .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-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 {
    border-color: #7ac143;
    background-image: none;
    background-image: none, -webkit-linear-gradient(top, #7ac143 0px, #7ac143 100%);
    background-image: none, -moz-linear-gradient(top, #7ac143 0px, #7ac143 100%);
    background-image: none, -o-linear-gradient(top, #7ac143 0px, #7ac143 100%);
    background-image: none, linear-gradient(to bottom, #7ac143 0px, #7ac143 100%);
    background-color: #7ac143;
  }
  .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 {
    color: #4d4d4d;
    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 {
    color: #ffffff;
  }
  .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-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 {
    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-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 {
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #dbdbdb;
    background-color: #ffffff;
    border-radius: 0 0 0 0;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .k-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 {
    border-width: 1px;
    background-image: none;
    border-radius: 0;
  }
  .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-webkit .k-pager-numbers .k-link,
  .k-ff .k-pager-numbers .k-link,
  .k-ie11 .k-pager-numbers .k-link {
    border-radius: 0;
  }
}

/* Metro Theme */
.k-chart .k-mask {
  background-color: #ffffff;
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
}

.k-chart .k-selection {
  border-color: #c7c7c7;
  -moz-box-shadow: inset 0 1px 12px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 1px 12px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 12px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s linear, border-color 0.2s linear;
  -moz-transition: box-shadow 0.2s linear, border-color 0.2s linear;
  -webkit-transition: box-shadow 0.2s linear, border-color 0.2s linear;
  -o-transition: box-shadow 0.2s linear, border-color 0.2s linear;
}

.k-chart .k-selection:hover {
  border-color: #7ac143;
  -moz-box-shadow: inset 0 0 20px rgba(142, 188, 0, 0.5);
  -webkit-box-shadow: inset 0 0 20px rgba(142, 188, 0, 0.5);
  box-shadow: inset 0 0 20px rgba(142, 188, 0, 0.5);
}

.k-chart .k-handle {
  background-color: #c7c7c7;
  width: 1px;
}

.k-chart .k-handle:hover {
  background-color: #7ac143;
  width: 3px;
  border-radius: 0px;
}

.k-chart .k-navigator-hint .k-tooltip {
  border: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  background: #7ac143;
  color: #ffffff;
  border-radius: 0px;
}

.k-chart .k-navigator-hint .k-scroll {
  background: rgba(142, 188, 0, 0.5);
  height: 4px;
  border-radius: 0px;
}

.k-chart .k-tooltip,
.k-sparkline .k-tooltip {
  background-image: none;
  border-radius: 0px;
}

/* Map */
.k-map .k-marker {
  background-image: url("//da7xgjtj801h2.cloudfront.net/2015.2.624/styles/Metro/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("//da7xgjtj801h2.cloudfront.net/2015.2.624/styles/Metro/markers_2x.png");
  }
}

/* Kendo Common Overwrites
================================================== */
/********** kendo widgets **********/
.k-widget,
.k-widget * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/********** AutoComplete **********/
.k-autocomplete {
  width: 100%;
}

.k-autocomplete.k-state-default {
  margin-top: 0;
}

.k-dropdown-wrap.k-state-default {
  margin-top: 0;
}

.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
  padding: 7px;
  line-height: 14px;
  outline: none;
  text-indent: 0;
  height: auto;
  margin: 0;
  height: 30px;
}

/********** Button **********/
.k-button {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  padding: 0.5em 1.5em;
  display: inline-block;
  cursor: pointer;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0080FF', endColorstr='#FF004D99');
  border: 0;
  outline: 0;
  margin-bottom: 15px;
}

/********** Calendar **********/
.k-calendar .k-content .k-link {
  padding: 0;
}

.k-calendar td {
  padding: 4px 0 0;
}

.k-calendar td:first-child {
  padding-left: 0;
}

/********** ComboBox **********/
.k-dropdown .k-i-arrow-s {
  background: url(/SharedUI/images/dropdown-arrow.png) no-repeat 0 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.k-dropdown .k-state-hover > * > .k-i-arrow-s {
  background: url(/SharedUI/images/dropdown-arrow.png) no-repeat 0 -37px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/********** DatePicker **********/
.k-picker-wrap .k-select {
  background-color: #fff;
}

.k-datepicker .k-icon {
  background-image: none;
  color: #0080ff;
  width: 20px;
  height: 18px;
  font-size: 18px;
  padding: 2px 1px;
}

.k-i-calendar {
  background-position: initial;
}

.k-i-calendar:before {
  content: "\e108";
}

/********** DatePicker **********/
.k-datetimepicker .k-icon {
  background-image: none;
  color: #0080ff;
  width: 18px;
  height: 18px;
  font-size: 18px;
  padding: 2px 1px;
}

.k-picker-wrap.k-state-default {
  margin-top: 0;
}

.k-datetimepicker .k-picker-wrap .k-icon {
  margin: 0 3px 0;
}

.k-i-clock {
  background-position: initial;
}

.k-i-clock:before {
  content: "\e10c";
}

/********** DropDownList **********/
.k-dropdown-wrap.k-state-hover {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}

/********** Grid **********/
.k-grid, .k-grid-header-wrap {
  border-color: #fff;
}

.k-grid .k-grouping-header {
  border-color: #fff;
  background-color: #e8e8e8;
}

.k-grid-header th.k-header {
  padding: 5px 10px;
  text-align: center;
  font-weight: bold;
}

.k-grid-header .k-header > * {
  font-weight: bold;
}

.k-grid-content .k-alt {
  background-color: #fff;
}

.k-pager-wrap {
  padding: 10px 0 10px;
  border-bottom: 1px solid #e8e8e8;
}

.k-pager-numbers .k-state-selected {
  line-height: 2em;
}

.k-pager-info.k-label, .k-pager-sizes.k-label {
  font-size: 12px;
}

.k-grid-header th.k-header,
.k-grid td {
  white-space: normal;
  border: none;
  border-bottom: 1px solid #e8e8e8;
  vertical-align: middle;
}

/********** MaskedTextBox **********/
input.k-textbox {
  height: 30px;
  padding: 7px;
  text-indent: 0;
}

/********** MultiSelect **********/
.k-multiselect-wrap li {
  margin: 2px;
  padding: 6px 25px 6px 10px;
  line-height: 14px;
  background-color: #7ac143;
  color: #fff;
  width: auto;
  margin-right: 2px;
  font-size: 12px;
}

.k-multiselect-wrap .k-input {
  line-height: 14px;
  padding: 15px 2px;
}

.k-multiselect-wrap .k-select {
  padding: 6px 4px;
}

.k-multiselect-wrap .k-i-close {
  position: relative;
}

.k-multiselect-wrap .k-i-close:after {
  content: "\e3da";
  font-family: "myherbalife";
  position: absolute;
  right: 4px;
  top: 4px;
  color: #fff;
  font-size: 8px;
}

/********** Notification **********/
.k-widget.k-notification {
  padding: 0 7px;
}

.k-widget.k-notification i {
  display: inline-block;
  margin-right: 5px;
}

.k-notification {
  border-radius: 2px;
}

.k-notification-wrap {
  padding: 8px;
  cursor: default;
  position: relative;
  white-space: nowrap;
}

.k-notification-wrap > .k-icon {
  display: none;
}

.k-notification-wrap > i {
  font-size: 18px;
  margin-right: 5px;
}

.k-notification-button .k-notification-wrap {
  padding-right: 30px;
}

.k-notification-wrap > .k-i-note {
  vertical-align: text-bottom;
  margin-right: 4px;
}

.k-notification-wrap .k-icon {
  background-image: none;
  width: 12px;
  height: 12px;
  font-size: 12px;
  padding: 6px 0px;
  margin-right: 3px;
  cursor: pointer;
}

.k-notification-wrap .k-icon.k-i-close {
  background-position: initial;
}

.k-notification-wrap .k-icon.k-i-close {
  content: "\e3da";
}

.k-notification-wrap .k-icon.k-i-close {
  color: #c2c2c2;
}

.k-notification-wrap .k-icon.k-i-close:hover {
  color: #999999;
}

.k-notification-success .k-notification-wrap .k-icon.k-i-close {
  color: #7cd139;
}

.k-notification-success .k-notification-wrap .k-icon.k-i-close:hover {
  color: #559623;
}

.k-notification-warning .k-notification-wrap .k-icon.k-i-close {
  color: #f6d06c;
}

.k-notification-warning .k-notification-wrap .k-icon.k-i-close:hover {
  color: #f1b71f;
}

.k-notification-error .k-notification-wrap .k-icon.k-i-close {
  color: #ff9898;
}

.k-notification-error .k-notification-wrap .k-icon.k-i-close:hover {
  color: #ff4646;
}

/********** NumericTextbox **********/
/*.k-numerictextbox { width: 100%; }

.k-numerictextbox .k-link { height: 15px; }

.k-numeric-wrap.k-state-default {
  background-color: transparent;
  padding: 0;
}
.k-numeric-wrap .k-input {
  z-index: 2;
  position: relative;
  text-align:center;
  margin: 0 40px;
  width: calc(100% - 80px);
}

.k-numeric-wrap .k-select {
  width: 100%;
  z-index:1;
}


.k-numerictextbox .k-select .k-link {
  background-color: $lightgrey;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
} 

.k-numerictextbox .k-select .k-link:hover {
  background-color: #e1e1e1;
} 

.k-numerictextbox .k-select .k-link:first-child {
  position: absolute;
  padding: 8px;
  right: 0;
}

.k-numerictextbox .k-select .k-link + .k-link {
  position: absolute;
  padding: 8px;
  left: 0;
}

.k-numerictextbox .k-select .k-link .k-icon {
  background-image: none;
  color: $charcoalgrey;
  width: 15px;
  height: 15px;
  font-size: 15px;
  padding: 2px 1px;
}

.k-numerictextbox .k-select .k-state-selected {
  background: none;
}

.k-numerictextbox .k-select .k-link span.k-i-arrow-n {
  background-image: none;
}

.k-numerictextbox .k-select .k-link span.k-i-arrow-n:before {
  content: "\e3d5";
}

.k-numerictextbox .k-select .k-link span.k-i-arrow-s {
  background-image: none;

}

.k-numerictextbox .k-select .k-link span.k-i-arrow-s:before {
  content: "\e3e1";
}*/
/********** PanelBar **********/
.k-panelbar {
  border: 0;
}

.k-panelbar .k-header.k-link {
  background-color: transparent;
  height: 35px;
  padding-top: 15px;
  border-bottom: 1px dotted #eee;
}

.k-panelbar .k-header > h4, .k-panelbar .k-content span.icon-help-circle {
  color: #08f;
  margin: 0;
}

.k-panelbar .k-content {
  border: none;
}

.k-panelbar .k-content > div.documentItem {
  padding: 10px;
}

.k-panelbar .k-content > div.documentItem a {
  display: inline-block;
  margin-right: 10px;
  width: auto;
  vertical-align: top;
}

.k-panelbar .k-content > div.documentItem:hover, .k-panelbar .k-content > div.documentItem:hover a,
.k-panelbar .k-content > div.documentItem:hover span.icon-help-circle {
  background-color: #6db6ff;
  color: #fff;
}

.k-panelbar .k-content > div.documentItem i {
  font-size: 1.3em;
  font-style: normal !important;
  margin-right: 10px;
  line-height: 1.7em;
}

.k-panelbar .k-content span.icon-help-circle {
  display: inline-block;
  cursor: pointer;
  margin-top: 7px;
}

.k-panelbar .k-content > a > i.icon-document:before {
  padding-right: 10px;
}

.k-panelbar .k-icon {
  background-image: none;
  font-size: 1.3em;
  color: #08f;
  width: auto;
  height: auto;
  line-height: 1.5em;
  text-indent: 0;
  overflow: visible;
}

.k-panelbar .k-icon.k-i-arrow-n {
  background-position: initial;
}

.k-panelbar .k-panelbar-collapse, .k-panelbar .k-panelbar-expand {
  top: 15px;
}

.k-panelbar .k-state-focused.k-state-hover {
  background: none;
}

/********** ProgressBar **********/
.k-progressbar-horizontal > .k-state-selected {
  border-radius: 4px;
  border-color: transparent;
}

/********** Scheduler **********/
.k-scheduler-table tbody tr:hover {
  background-color: transparent;
}

/********** Slider **********/
.k-slider .k-slider-wrap .k-button .k-i-arrow-e {
  background-position: -3px -15px;
}

.k-slider .k-slider-wrap .k-button.k-state-hover .k-i-arrow-e {
  background-position: -19px -15px;
}

.k-slider .k-slider-wrap .k-button .k-i-arrow-w {
  background-position: -2px -47px;
}

.k-slider .k-slider-wrap .k-button.k-state-hover .k-i-arrow-w {
  background-position: -18px -47px;
}

/********** TabStrip **********/
.k-tabstrip {
  border-color: #fff;
}

.k-tabstrip-items .k-state-active .k-link {
  color: #fff;
}

.k-tabstrip-items .k-item {
  margin-right: 1px;
  transition: background-color 0.2s ease;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
}

.k-tabstrip .k-content.k-state-active {
  border-color: #ccc;
}

/********** TimePicker **********/
.k-timepicker .k-icon {
  background-image: none;
  color: #0080ff;
  width: 17px;
  height: 18px;
  font-size: 18px;
  padding: 2px 1px;
}

/********** Upload **********/
.k-upload {
  border-color: #ccc;
  display: inline-block;
  min-width: 300px;
  vertical-align: top;
}

.k-upload .k-upload-button {
  font-size: 11px;
  padding: 2px;
  margin: 4px;
}

.k-upload-files {
  margin: 5px;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}

.k-upload-files .k-upload-status {
  top: 3px;
  right: 5px;
}

.k-upload-files .k-button {
  margin-left: 0;
}

.k-upload-files li.k-file {
  width: auto;
}

.k-upload-files li.k-file .k-i-close {
  background-position: -32px -16px;
}

/********** Window **********/
div.k-window {
  background-color: #fff;
  max-width: 100%;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 100013;
}

div.k-window:after {
  content: " ";
  display: block;
  clear: both;
}

@media (min-width: 660px) {
  div.k-window {
    width: 620px;
    margin-left: auto;
    margin-right: auto;
  }
  div.k-window:after {
    content: " ";
    display: block;
    clear: both;
  }
}

@media (min-width: 1040px) {
  div.k-window {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
  }
  div.k-window:after {
    content: " ";
    display: block;
    clear: both;
  }
}

@media (min-width: 1560px) {
  div.k-window {
    width: 1260px;
    margin-left: auto;
    margin-right: auto;
  }
  div.k-window:after {
    content: " ";
    display: block;
    clear: both;
  }
}

div.k-window .k-window-titlebar {
  height: auto;
  position: static;
  border: none;
  min-height: 45px;
}

div.k-window .k-window-titlebar .k-window-action {
  margin: 5px 2px 0 0;
  opacity: 1;
  color: #ccc;
  width: auto;
}

div.k-window .k-window-titlebar .k-window-action.k-state-hover {
  background-color: transparent;
  border-color: #fff;
}

div.k-window .k-window-titlebar .k-window-action [class^="icon-"], div.k-window .k-window-titlebar .k-window-action [class*=" icon-"] {
  background-image: none;
  display: block;
  font-size: 18px;
  text-indent: 0;
  opacity: 1;
  width: auto;
  height: auto;
}

div.k-window .k-window-titlebar .k-window-title {
  color: #515151;
  font-weight: bold;
  font-style: normal;
  font-size: 20px;
  position: static;
  display: inline-block;
  margin: 20px 0;
  height: auto;
  width: 100%;
  padding: 0 20px;
  white-space: normal;
}

div.k-window .k-window-content {
  padding: 20px 40px 20px;
  overflow: hidden;
}

div.k-window .k-window-content .k-edit-form-container {
  width: auto;
}

div.k-window .k-i-close {
  background: none;
  font-size: 18px;
}

div.k-window .k-i-close:before {
  content: "\e3da";
  vertical-align: middle;
}

/********** Window **********/
.k-invalid {
  background-color: #ffcccc;
}

/**
 * Copyright 2015 Telerik AD
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.k-rtl {
  direction: rtl;
}

.k-rtl .k-autocomplete .k-loading, .k-rtl .k-multiselect .k-loading {
  right: auto;
  left: 3px;
}

.k-rtl .k-button-icontext .k-icon, .k-rtl .k-button-icontext .k-image {
  margin-right: -.2rem;
  margin-left: .2rem;
}

.k-rtl .k-dropdown-wrap, .k-rtl .k-picker-wrap, .k-rtl .k-numeric-wrap {
  padding-right: 0;
  padding-left: 1.9em;
}

.k-rtl .k-numeric-wrap.k-expand-padding {
  padding-left: 0;
}

.k-rtl .k-datetimepicker .k-picker-wrap {
  padding-right: 0;
  padding-left: 3.8em;
}

.k-rtl span.k-picker-wrap .k-select, .k-rtl .k-numeric-wrap .k-select, .k-rtl .k-dropdown-wrap .k-select {
  right: auto;
  left: 0;
  border-width: 0 1px 0 0;
}

.k-rtl .k-dropdown-wrap .k-input,
.k-rtl .k-picker-wrap .k-input,
.k-rtl .k-numeric-wrap .k-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.k-webkit .k-rtl .k-dropdown-wrap .k-input, .k-webkit .k-rtl .k-numeric-wrap .k-input {
  margin-right: -1px;
}

.k-rtl .k-datetimepicker .k-picker-wrap .k-icon {
  margin: 0 2px 0 0;
}

.k-rtl.k-popup > .k-static-header {
  text-align: left;
  padding-left: 22px;
}

.k-rtl.k-popup .k-item > .k-group {
  right: auto;
  left: 0;
}

.k-rtl.k-popup .k-state-hover > .k-group {
  right: auto;
  left: -1px;
}

.k-rtl.k-popup > .k-group-header, .k-rtl.k-popup > .k-virtual-wrap > .k-group-header {
  text-align: left;
}

.k-rtl .k-widget.k-calendar .k-nav-prev {
  left: auto;
  right: 1%;
}

.k-rtl .k-widget.k-calendar .k-nav-next {
  right: auto;
  left: 1%;
}

.k-rtl .k-form-text-row input {
  margin-right: 0;
  margin-left: 1em;
}

.k-rtl .k-form-checkbox-row input {
  margin-left: 0;
  margin-right: 7.5em;
}

.k-rtl .k-form-checkbox-row label {
  padding-left: 0;
  padding-right: .3em;
}

.k-rtl .k-breadcrumbs {
  float: right;
  padding-right: 0;
  padding-left: 2px;
}

.k-rtl .k-search-wrap {
  float: left;
}

.k-rtl .k-search-wrap .k-search {
  right: auto;
  left: 2px;
}

.k-rtl .k-breadcrumbs-wrap {
  left: auto;
  right: 0;
  padding-left: 0;
  padding-right: 5px;
}

.k-rtl .k-editor-dialog .k-button-wrapper {
  text-align: left;
}

.k-rtl .k-tiles-arrange {
  float: left;
}

.k-rtl .k-toolbar-wrap, .k-rtl .k-tile {
  float: right;
}

.k-rtl .k-imagebrowser .k-thumb {
  float: right;
  margin: 4px 4px 0 10px;
}

.k-rtl .k-imagebrowser .k-state-hover .k-i-arrow-e, .k-rtl .k-imagebrowser .k-button:hover .k-i-arrow-e {
  background-position: -16px -48px;
}

.k-rtl .k-tile strong {
  float: right;
}

.k-rtl div.k-grid-header, .k-rtl div.k-grid-footer {
  padding-right: 0;
  padding-left: 17px;
}

.k-rtl .k-grid-header-wrap, .k-rtl .k-grid-footer-wrap {
  border-width: 0;
}

.k-rtl .k-header > .k-grid-filter, .k-rtl .k-header > .k-header-column-menu {
  float: left;
}

.k-rtl .k-grid-header .k-filterable .k-link {
  padding-left: 2.4em;
  padding-right: .6em;
}

.k-rtl .k-grid-header .k-header:first-child, .k-rtl .k-filter-row th:first-child, .k-rtl .k-grid tbody td:first-child, .k-rtl .k-grid tfoot td:first-child {
  border-left-width: 1px;
}

.k-rtl div.k-grid td.k-hierarchy-cell {
  border-left-width: 0;
}

.k-rtl .k-grid .k-group-cell + td, .k-rtl .k-grid .k-hierarchy-cell + td {
  border-left-width: 1px;
}

.k-rtl .k-grid-header .k-header {
  text-align: right;
}

.k-rtl .k-scrollbar-vertical {
  right: auto;
  left: 0;
}

.k-rtl .k-group-footer .k-group-cell + td {
  border-left-width: 0;
  border-right-width: 1px;
}

.k-rtl .k-grid-header-locked, .k-rtl .k-grid-content-locked {
  border-width: 0;
}

.k-rtl .k-grid-header .k-with-icon .k-link {
  margin-right: -0.6em;
  margin-left: 1.3em;
}

.k-rtl .k-filtercell > span {
  padding-right: 0;
  padding-left: 4.8em;
}

.k-rtl .k-filtercell > .k-operator-hidden {
  padding-right: 0;
  padding-left: 2.3em;
}

.k-rtl .k-filtercell > span > .k-button {
  right: auto;
  left: 0;
}

.k-rtl .k-filter-row .k-dropdown-operator {
  right: auto;
  left: 2.5em;
}

.k-rtl .k-edit-label, .k-rtl .k-edit-form-container .editor-label {
  float: right;
  clear: both;
  margin-left: 0;
  margin-right: 2%;
  text-align: left;
}

.k-rtl .k-edit-field, .k-rtl .k-edit-form-container .editor-field {
  float: left;
  clear: left;
  margin-right: 0;
  margin-left: 2%;
}

.k-rtl .k-edit-field > input[type="checkbox"]:first-child, .k-rtl .k-edit-field > input[type="radio"]:first-child, .k-rtl .k-edit-field > label:first-child > input[type="checkbox"], .k-rtl .k-edit-field > .k-button:first-child {
  margin-right: 0;
}

.k-rtl .k-edit-form-container .k-edit-buttons {
  text-align: left;
}

.k-rtl .k-dirty {
  border-color: #f00 #f00 transparent transparent;
  margin: -0.45em -0.6em 0 0;
}

.k-rtl .k-pager-info, .k-rtl .k-pager-wrap .k-pager-refresh {
  float: left;
}

.k-rtl .k-pager-wrap > .k-link, .k-rtl .k-pager-wrap .k-pager-numbers, .k-rtl .k-pager-numbers li, .k-rtl .k-pager-input {
  float: right;
}

.k-rtl .k-gantt .k-grid-header .k-header {
  text-align: center;
}

.k-rtl .k-gantt-actions {
  float: right;
  margin-right: 0;
  margin-left: .6em;
}

.k-rtl .k-gantt-toolbar > .k-gantt-views {
  float: left;
  margin-left: 0;
}

.k-rtl .k-grid tbody td:last-child, .k-rtl .k-grid thead th:last-child {
  border-left-width: 0;
}

.k-rtl .k-timeline .k-grid-header-wrap {
  border-left-width: 1px;
}

.k-rtl .k-gantt-toolbar li:last-child, .k-rtl .k-gantt-toolbar li:last-child > .k-link {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

.k-rtl .k-gantt-toolbar li:last-child {
  border-left-width: 1px;
}

.k-rtl .k-gantt-toolbar li:first-child {
  border-left-width: 0;
}

.k-rtl .k-gantt-toolbar li:first-child, .k-rtl .k-gantt-toolbar li:first-child > .k-link {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.k-rtl .k-gantt-rows, .k-rtl .k-gantt-columns, .k-rtl .k-gantt-dependencies {
  left: auto;
  right: 0;
}

.k-rtl .k-task-complete {
  right: 0;
  left: auto;
}

.k-rtl .k-task-template {
  padding: .2em .6em .2em 1.4em;
}

.k-rtl .k-task-single {
  text-align: right;
}

.k-rtl .k-task-actions {
  right: auto;
  left: 4px;
}

.k-rtl .k-task-draghandle {
  margin-right: 16px;
}

.k-rtl .k-task-dot:after {
  margin-right: 4px;
  margin-left: 0;
}

.k-rtl .k-task-start {
  right: 0;
  left: auto;
}

.k-rtl .k-task-end {
  left: 0;
  right: auto;
}

.k-rtl .k-resources-wrap {
  margin-left: 0;
  margin-right: 20px;
}

.k-rtl .k-menu .k-item, .k-rtl .k-widget.k-menu-horizontal > .k-item {
  border-width: 0 0 0 1px;
}

.k-rtl .k-widget.k-menu-horizontal > .k-item {
  float: right;
}

.k-rtl .k-menu .k-item > .k-link > .k-i-arrow-s {
  margin-right: 0;
  margin-left: -8px;
}

.k-rtl .k-menu .k-item > .k-link > .k-i-arrow-e {
  right: auto;
  left: .2rem;
}

.k-rtl .k-menu .k-group .k-item > .k-link {
  padding-left: 1.8em;
  padding-right: .9em;
}

.k-rtl .k-menu .k-link > .k-i-arrow-e {
  background-position: 0 -48px;
}

.k-rtl .k-menu .k-link > .k-i-arrow-w {
  background-position: 0 -16px;
}

.k-rtl .k-menu .k-image, .k-rtl .k-menu .k-sprite {
  margin-left: 4px;
  margin-right: -4px;
}

.k-rtl .k-multiselect-wrap .k-input {
  float: right;
}

.k-rtl .k-multiselect-wrap li {
  padding-left: .15em;
  padding-right: .4em;
  float: right;
}

.k-rtl .k-notification-button .k-notification-wrap, .k-rtl.k-notification-button .k-notification-wrap {
  padding-right: .5em;
  padding-left: 20px;
}

.k-rtl .k-notification-wrap > .k-i-note {
  margin-right: 0;
  margin-left: 4px;
}

.k-rtl .k-notification-wrap > .k-i-close {
  right: auto;
  left: 4px;
}

.k-rtl .k-panelbar-expand, .k-rtl .k-panelbar-collapse {
  right: auto;
  left: 2px;
}

.k-rtl .k-panelbar .k-image, .k-rtl .k-panelbar .k-sprite {
  float: right;
  margin-right: 0;
  margin-left: 5px;
}

.k-rtl .k-progressbar > .k-reset {
  left: auto;
  right: -1px;
}

.k-rtl .k-progressbar-horizontal li.k-last {
  border-left-width: 0;
}

.k-rtl .k-scheduler-toolbar > ul {
  float: left;
}

.k-rtl .k-scheduler-toolbar > ul:first-child {
  float: right;
}

.k-rtl .k-scheduler-toolbar > ul > li, .k-rtl .k-scheduler-footer > ul > li {
  border-width: 1px 0 1px 1px;
}

.k-rtl .k-scheduler-toolbar > ul > li:first-child {
  border-right-width: 1px;
}

.k-rtl .k-scheduler div.k-scheduler-footer ul li {
  margin-right: 0;
  margin-left: .6em;
}

.k-rtl .k-scheduler-toolbar .k-i-calendar, .k-rtl .k-scheduler-footer .k-icon {
  margin-right: 0;
  margin-left: 6px;
}

.k-rtl .k-scheduler .k-scrollbar-v .k-scheduler-header-wrap {
  border-right-width: 0;
  border-left-width: 1px;
}

.k-rtl .k-scheduler-monthview .k-scheduler-table td {
  text-align: left;
}

.k-rtl .k-scheduler-table td, .k-rtl .k-scheduler-header th {
  border-left-width: 0;
  border-right-width: 1px;
}

.k-rtl .k-scheduler-table td:first-child, .k-rtl .k-scheduler-header th:first-child {
  border-right-width: 0;
}

.k-rtl .k-scheduler-agendaview .k-scheduler-table td:first-child {
  border-left-width: 0;
  border-right-width: 1px;
}

.k-rtl .k-scheduler-agendaview .k-scheduler-table td.k-scheduler-datecolumn {
  border-right-width: 0;
}

.k-rtl .k-scheduler-times th {
  text-align: left;
  padding-right: .5em;
  padding-left: .6em;
  border-right-width: 0;
  border-left-width: 1px;
}

.k-rtl .k-scheduler-now-arrow {
  left: auto;
  right: 0;
}

.k-rtl .k-scheduler-now-line {
  left: 0;
  right: 5px;
}

.k-rtl .k-event, .k-rtl .k-more-events {
  text-align: right;
}

.k-rtl .k-event-template {
  padding-left: 1.4em;
  padding-right: .6em;
}

.k-rtl .k-event-actions, .k-rtl .k-event > .k-link, .k-rtl .k-task > .k-link {
  right: auto;
  left: 4px;
}

.k-rtl .k-scheduler-agendaview .k-task > .k-link {
  right: auto;
  left: 0;
}

.k-rtl .k-event-actions:first-child {
  float: right;
  margin-left: 2px;
  margin-right: 4px;
}

.k-rtl .k-event .k-event-top-actions, .k-rtl .k-event .k-event-bottom-actions {
  left: auto;
  right: 0;
}

.k-rtl .k-event > .k-resize-e {
  right: auto;
  left: 0;
}

.k-rtl .k-event > .k-resize-w {
  left: auto;
  right: 0;
}

.k-rtl .k-event > .k-resize-e:after, .k-rtl .k-event > .k-resize-w:after {
  left: auto;
  right: 1px;
}

.k-rtl .k-event > .k-resize-e:after {
  right: auto;
  left: 1px;
}

.k-rtl .k-scheduler-marquee .k-label-top {
  left: auto;
  right: .8em;
}

.k-rtl .k-scheduler-marquee .k-label-bottom {
  right: auto;
  left: .81em;
}

.k-rtl .k-tooltip-bottom {
  text-align: right;
}

.k-rtl .k-tooltip-bottom .k-button {
  float: right;
  margin-right: 0;
  margin-left: .3em;
}

.k-rtl .k-tooltip-bottom .k-quickedit-details {
  float: left;
  margin-left: 0;
}

.k-rtl .k-scheduler-agendaview .k-scheduler-table th, .k-rtl .k-scheduler-agendaview .k-scheduler-table td {
  text-align: right;
}

.k-rtl .k-scheduler-timecolumn > div > .k-i-arrow-e {
  right: auto;
  left: -4px;
}

.k-rtl .k-scheduler-timecolumn .k-i-arrow-w {
  margin-left: 0;
  margin-right: -4px;
}

.k-rtl .k-scheduler-mark {
  margin-right: 0;
  margin-left: .5em;
}

.k-rtl .k-scheduler-agendaday {
  float: right;
  margin: 0 0 0 .2em;
}

.k-rtl .k-scheduler-edit-form > .k-edit-box:first-child .k-datetimepicker {
  margin-right: 0;
  margin-left: 1em;
}

.k-rtl .k-edit-box {
  float: right;
}

.k-rtl .k-edit-box + .k-edit-box {
  float: left;
}

.k-rtl .k-scheduler-edit-form label + input {
  margin-left: 0;
  margin-right: 1em;
}

.k-rtl .k-edit-buttons .k-scheduler-delete {
  left: auto;
  right: .6em;
}

.k-rtl .k-slider .k-button-decrease {
  left: auto;
  right: 0;
}

.k-rtl .k-slider .k-button-increase {
  right: auto;
  left: 0;
}

.k-rtl .k-slider-horizontal .k-slider-track, .k-rtl .k-slider-horizontal .k-slider-selection {
  left: auto;
  right: 0;
}

.k-rtl .k-slider-horizontal .k-slider-buttons .k-slider-track {
  left: auto;
  right: 34px;
}

.k-rtl .k-slider .k-i-arrow-w {
  background-position: 0 -16px;
}

.k-rtl .k-slider .k-state-hover .k-i-arrow-w, .k-rtl .k-slider .k-button:hover .k-i-arrow-w, .k-rtl .k-slider .k-textbox:hover .k-i-arrow-w, .k-rtl .k-slider .k-button:active .k-i-arrow-w {
  background-position: -16px -16px;
}

.k-rtl .k-slider .k-i-arrow-e {
  background-position: 0 -48px;
}

.k-rtl .k-slider .k-state-hover .k-i-arrow-e, .k-rtl .k-slider .k-button:hover .k-i-arrow-e, .k-rtl .k-slider .k-button:active .k-i-arrow-e, .k-rtl .k-slider .k-button:active .k-i-arrow-e {
  background-position: -16px -48px;
}

.k-rtl .k-tabstrip-items .k-item, .k-rtl .k-panelbar .k-tabstrip-items .k-item {
  margin-left: -1px;
  margin-right: 0;
}

.k-rtl .k-tabstrip-items .k-item .k-image, .k-rtl .k-tabstrip-items .k-item .k-sprite, .k-rtl .k-panelbar .k-tabstrip-items .k-item .k-image, .k-rtl .k-panelbar .k-tabstrip-items .k-item .k-sprite {
  margin: -3px -6px 0 3px;
}

.k-rtl .k-tabstrip-prev {
  left: auto;
  right: .4em;
}

.k-rtl .k-tabstrip-next {
  right: auto;
  left: .4em;
}

.k-rtl .k-overflow-anchor {
  float: left;
  border-width: 0 1px 0 0;
}

.k-rtl .k-toolbar .k-button-group .k-button, .k-rtl .k-toolbar .k-split-button .k-split-button-arrow {
  margin: 0 -1px 0 0;
}

.k-rtl.k-overflow-container .k-overflow-button, .k-rtl .k-split-container .k-button {
  text-align: right;
}

.k-rtl .k-tooltip-button {
  text-align: left;
}

.k-rtl .k-tooltip-closable .k-tooltip-content {
  padding-right: 0;
  padding-left: 20px;
}

.k-rtl .k-treeview .k-item {
  padding: 0 16px 0 0;
}

.k-rtl .k-treeview .k-plus, .k-rtl .k-treeview .k-minus, .k-rtl .k-treeview .k-plus-disabled, .k-rtl .k-treeview .k-minus-disabled {
  float: right;
  margin-left: 0;
  margin-right: -16px;
}

.k-rtl .k-treeview .k-sprite, .k-rtl .k-treeview .k-image {
  margin-right: 0;
  margin-left: 3px;
}

.k-rtl .k-dropzone em {
  margin-left: 0;
  margin-right: .6em;
}

.k-rtl .k-upload-files .k-button, .k-rtl .k-upload-status-total .k-icon {
  margin-left: 0;
  margin-right: 8px;
}

.k-rtl .k-file {
  padding-right: .8em;
  padding-left: .167em;
}

.k-rtl .k-filename {
  margin-left: 0;
  margin-right: 1em;
}

.k-rtl .k-upload-status {
  right: auto;
  left: 12px;
}

.k-rtl .k-progress {
  left: auto;
  right: 0;
}

.k-rtl .k-upload-selected {
  margin-right: .8em;
  margin-left: .2em;
}

.k-rtl .k-window-titlebar .k-window-actions {
  right: auto;
  left: .5em;
}

.icon-triangle-left-fl-1:before {
  content: "\e592";
}

.icon-heart-fl-2:before {
  content: "\e2da";
}

.icon-link-fl-1:before {
  content: "\e310";
}

.icon-twitter-fl-1:before {
  content: "\e58d";
}

.icon-facebook-fl-2:before {
  content: "\e5bb";
}

#articles-title {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-top: 20px;
}

#articles-title:after {
  content: " ";
  display: block;
  clear: both;
}

@media (min-width: 660px) {
  #articles-title {
    width: 620px;
    margin-left: auto;
    margin-right: auto;
  }
  #articles-title:after {
    content: " ";
    display: block;
    clear: both;
  }
}

@media (min-width: 1040px) {
  #articles-title {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
  }
  #articles-title:after {
    content: " ";
    display: block;
    clear: both;
  }
}

@media (min-width: 1560px) {
  #articles-title {
    width: 1260px;
    margin-left: auto;
    margin-right: auto;
  }
  #articles-title:after {
    content: " ";
    display: block;
    clear: both;
  }
}

@media (min-width: 0) and (max-width: 659px) {
  #articles-title {
    width: calc(100% - 20px) !important;
    margin: 0 10px !important;
  }
}

@media (min-width: 1040px) {
  #articles-title {
    padding-top: 0;
  }
}

#articles-title > div:first-child {
  display: none;
}

@media (min-width: 1040px) {
  #articles-title > div:first-child {
    display: block;
  }
}

#articles-content {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#articles-content:after {
  content: " ";
  display: block;
  clear: both;
}

@media (min-width: 660px) {
  #articles-content {
    width: 620px;
    margin-left: auto;
    margin-right: auto;
  }
  #articles-content:after {
    content: " ";
    display: block;
    clear: both;
  }
}

@media (min-width: 1040px) {
  #articles-content {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
  }
  #articles-content:after {
    content: " ";
    display: block;
    clear: both;
  }
}

@media (min-width: 1560px) {
  #articles-content {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
  #articles-content:after {
    content: " ";
    display: block;
    clear: both;
  }
}

@media (min-width: 0) and (max-width: 659px) {
  #articles-content {
    width: calc(100% - 20px) !important;
    margin: 0 10px !important;
  }
}

#articles-content .categories-and-tags {
  width: 100%;
  border-right: none;
}

@media (min-width: 1040px) {
  #articles-content .categories-and-tags {
    border-right: 1px solid #d7d7d7;
    width: 300px;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

#articles-content .articles :lang(he) {
  text-align: right;
}

#articles-content .articles :lang(he) h2 {
  width: 100% !important;
}

#articles-content .articles :lang(he) .by-line date.korean-date.date-hidden {
  display: none;
}

@media (min-width: 0) and (max-width: 659px) {
  #articles-content .articles {
    width: 100%;
    margin: 0;
  }
}

@media (min-width: 660px) {
  #articles-content .articles {
    width: 620px;
    float: left;
    margin-right: 20px;
  }
}

@media (min-width: 1040px) {
  #articles-content .articles {
    clear: initial;
    width: 620px;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 1560px) {
  #articles-content .articles {
    margin-left: 20px;
    width: 780px;
    float: right;
    margin-right: 0;
  }
}

#articles-content .articles article {
  padding: 20px;
  background-color: #fff;
  margin-bottom: 20px;
  -webkit-box-shadow: rgba(232, 232, 232, 0.3) 0 0 40px inset, rgba(0, 0, 0, 0.03) 0px 4px 3px;
  -moz-box-shadow: rgba(232, 232, 232, 0.3) 0 0 40px inset, rgba(0, 0, 0, 0.03) 0px 4px 3px;
  box-shadow: rgba(232, 232, 232, 0.3) 0 0 40px inset, rgba(0, 0, 0, 0.03) 0px 4px 3px;
  box-shadow: none;
  position: relative;
  overflow: hidden;
}

@media (min-width: 660px) {
  #articles-content .articles article {
    padding: 20px;
  }
}

@media (min-width: 1040px) {
  #articles-content .articles article {
    padding: 20px;
  }
}

@media (min-width: 1560px) {
  #articles-content .articles article {
    padding: 20px;
  }
}

#articles-content .articles article .like-and-favorite {
  float: right;
  width: 100px;
  text-align: right;
  cursor: pointer;
}

@media (min-width: 1560px) {
  #articles-content .articles article .like-and-favorite h5 {
    font-size: 17px;
  }
  #articles-content .articles article .like-and-favorite p {
    width: 530px;
    line-height: 1.7;
  }
  #articles-content .articles article .like-and-favorite.featured p {
    width: 600px;
  }
  #articles-content .articles article .like-and-favorite li {
    line-height: 1.5;
  }
}

#articles-content .articles article .like-and-favorite i {
  color: #d7d7d7;
  margin-left: 10px;
  font-size: 20px;
}

#articles-content .articles article .like-and-favorite i.active {
  color: #0080ff;
}

#articles-content .articles article .like-and-favorite i.favorited {
  color: #f65d8c;
}

#articles-content .articles article .like-and-favorite i.shared {
  color: #7ac143;
}

#articles-content .articles article .like-and-favorite .arrow_box {
  background: #fff;
  border: 1px solid #cccccc;
  display: none;
}

#articles-content .articles article .like-and-favorite .arrow_box:after, #articles-content .articles article .like-and-favorite .arrow_box:before {
  bottom: 100%;
  right: 5%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#articles-content .articles article .like-and-favorite .arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}

#articles-content .articles article .like-and-favorite .arrow_box:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #cccccc;
  border-width: 11px;
  margin-left: -11px;
}

#articles-content .articles article .like-and-favorite .share {
  position: absolute;
  top: 57px;
  right: 10px;
  border: 1px solid #ccc;
  padding: 10px;
  min-height: 50px;
  min-width: 166px;
  text-align: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
}

@media (min-width: 1560px) {
  #articles-content .articles article .like-and-favorite .share {
    top: 65px;
  }
}

#articles-content .articles article .like-and-favorite .share .list-label {
  float: left;
  width: 100%;
}

#articles-content .articles article .like-and-favorite .share ul {
  list-style: none;
  margin: 0;
}

#articles-content .articles article .like-and-favorite .share i {
  margin-left: 0;
}

#articles-content .articles article .like-and-favorite .share.hidden {
  display: none;
}

#articles-content .articles h2 {
  font-size: 28px;
  margin: 32px 0 0 0;
  width: 100%;
  float: left;
}

@media (min-width: 660px) {
  #articles-content .articles h2 {
    font-size: 28px;
    margin: 0;
    width: 82%;
  }
}

#articles-content .articles h2 a:link, #articles-content .articles h2 a:active, #articles-content .articles h2 a:visited {
  color: #4d4d4d;
}

#articles-content .articles h2 a:hover {
  color: gray;
}

#articles-content .articles .by-line {
  margin: 10px 0 20px 0;
  float: left;
  width: 100%;
}

#articles-content .articles .by-line .date-hidden {
  visibility: collapse;
  float: right;
}

#articles-content .articles .by-line .date-visible {
  font-weight: normal !important;
}

#articles-content .articles .by-line :nth-child(2n+1) {
  font-weight: bold;
}

#articles-content .articles .by-line :nth-child(2n) {
  margin-right: 10px;
}

#articles-content .articles img {
  clear: both;
  display: inline-block;
  width: 100%;
}

@media (min-width: 1040px) {
  #articles-content .articles img {
    clear: both;
    display: inline-block;
    float: left;
    width: 25%;
  }
}

#articles-content .articles p {
  float: left;
  width: 100%;
  font-family: Georgia, serif;
}

@media (min-width: 1040px) {
  #articles-content .articles p {
    float: left;
    width: 70%;
    margin-left: 20px;
  }
}

@media (min-width: 1560px) {
  #articles-content .articles p {
    width: 530px;
    line-height: 1.7;
  }
}

#articles-content .articles .featured img {
  width: 100%;
  float: none;
  margin-bottom: 10px;
}

#articles-content .articles .featured p {
  width: 100%;
  margin: 10px 0 0 0;
  float: left;
  font-family: Georgia, serif;
}

#articles-content .articles .featured div.main-content {
  overflow: hidden;
  width: 100%;
}

#articles-content .articles .featured div.main-content ul, #articles-content .articles .featured div.main-content ol {
  text-align: left;
  clear: left;
}

#articles-content .articles .featured div.main-content ul {
  list-style: outside;
}

#articles-content .articles .featured div.main-content ol {
  list-style: decimal;
}

#articles-content .vert-tabs {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

#articles-content .vert-tabs li {
  display: block;
  width: 100%;
  margin-bottom: 2px;
  vertical-align: middle;
  background-color: #f7f7f7;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

#articles-content .vert-tabs li:hover, #articles-content .vert-tabs li:active {
  background-color: #0080ff;
}

#articles-content .vert-tabs li:hover a, #articles-content .vert-tabs li:active a {
  color: #fff;
}

#articles-content .vert-tabs li.selected {
  background-color: #fff;
}

#articles-content .vert-tabs li.selected a {
  cursor: default;
  color: #515151;
  font-weight: bold;
  border-left: 5px solid #0080ff;
}

#articles-content .vert-tabs li a {
  position: relative;
  display: block;
  color: #0080ff;
  padding: 10px 15px;
  text-align: left;
  cursor: pointer;
  border-left: 5px solid transparent;
}

#articles-content .vert-tabs li a > span.badge {
  position: absolute;
  top: 5px;
  right: 7px;
  background-color: #ff0000;
  width: 15px;
  height: 15px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  line-height: 16px;
  padding-top: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

@media (min-width: 1040px) {
  #articles-content .vert-tabs {
    display: block;
    margin-bottom: 20px;
    width: 100%;
  }
}

#articles-content .vert-tabs .selected {
  width: 301px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

#articles-content .vert-tabs span {
  margin-left: 0;
}

#articles-content .vert-tabs i.favorited {
  color: #f65d8c;
}

#articles-content .targeted-content {
  display: none;
  clear: both;
  margin-top: 20px;
  padding: 20px;
  background-color: #fff;
  margin-bottom: 20px;
  -webkit-box-shadow: rgba(232, 232, 232, 0.3) 0 0 40px inset, rgba(0, 0, 0, 0.03) 0px 4px 3px;
  -moz-box-shadow: rgba(232, 232, 232, 0.3) 0 0 40px inset, rgba(0, 0, 0, 0.03) 0px 4px 3px;
  box-shadow: rgba(232, 232, 232, 0.3) 0 0 40px inset, rgba(0, 0, 0, 0.03) 0px 4px 3px;
  box-shadow: none;
}

@media (min-width: 660px) {
  #articles-content .targeted-content {
    padding: 20px;
  }
}

@media (min-width: 1040px) {
  #articles-content .targeted-content {
    padding: 20px;
  }
}

@media (min-width: 1560px) {
  #articles-content .targeted-content {
    padding: 20px;
  }
}

@media (min-width: 660px) {
  #articles-content .targeted-content {
    display: block;
  }
}

#articles-content .targeted-content > h5 {
  margin-bottom: 20px;
}

#articles-content .targeted-content div {
  margin-bottom: 15px;
}

#articles-content .targeted-content div h5 {
  font-weight: normal;
}

#articles-content .targeted-content div img {
  display: none;
}

#articles-content .targeted-content div h5 a {
  color: #0080ff;
}

@media (min-width: 1040px) {
  #articles-content .targeted-content div h5 a {
    color: #515151;
  }
  #articles-content .targeted-content div img {
    display: block;
    max-width: 100%;
    max-height: 150px;
  }
}

@media (min-width: 1560px) {
  #articles-content .targeted-content div {
    margin-bottom: 25px;
  }
}

#articles-content .tags.inline-list {
  border-bottom: 1px solid #ccc;
  float: left;
  margin: 10px 0 0 0;
  padding-bottom: 20px;
  width: 100%;
}

#articles-content .tags.inline-list li {
  border: 1px solid #0080f0;
  display: inline-block;
  padding: 2px 4px;
  margin-bottom: 5px;
  border-radius: 3px;
}

#articles-content .tags.inline-list li i {
  color: #0080ff;
  font-size: 8px;
  padding: 2px 0 0 10px;
  float: right;
}

#articles-content .tags.inline-list li.active {
  background: #0080ff;
}

#articles-content .tags.inline-list li.active a {
  color: #fff;
}

#articles-content .tags.inline-list li.active i {
  color: #fff;
}

#articles-content .tags.inline-list li.no-results {
  width: 100%;
  border-color: #d7d7d7;
}

#articles-content .tag-search {
  padding: 20px;
  background-color: #fff;
  margin-bottom: 20px;
  -webkit-box-shadow: rgba(232, 232, 232, 0.3) 0 0 40px inset, rgba(0, 0, 0, 0.03) 0px 4px 3px;
  -moz-box-shadow: rgba(232, 232, 232, 0.3) 0 0 40px inset, rgba(0, 0, 0, 0.03) 0px 4px 3px;
  box-shadow: rgba(232, 232, 232, 0.3) 0 0 40px inset, rgba(0, 0, 0, 0.03) 0px 4px 3px;
  padding-right: 0;
  box-shadow: none;
  margin-bottom: 0;
}

@media (min-width: 660px) {
  #articles-content .tag-search {
    padding: 20px;
  }
}

@media (min-width: 1040px) {
  #articles-content .tag-search {
    padding: 20px;
  }
}

@media (min-width: 1560px) {
  #articles-content .tag-search {
    padding: 20px;
  }
}

#articles-content .tag-search .search {
  border-top: 1px solid #d7d7d7;
  padding-top: 10px;
  position: relative;
}

@media (min-width: 1040px) {
  #articles-content .tag-search .search {
    padding-right: 10px;
    padding-bottom: 20px;
  }
}

#articles-content .tag-search .search .icon-close {
  font-size: 12px;
  position: absolute;
  top: 8px;
  right: 0;
  color: #0080ff;
}

@media (min-width: 1040px) {
  #articles-content .tag-search .search .icon-close {
    display: none;
  }
}

#articles-content .tag-search .search .icon-close i {
  font-size: 10px;
  float: left;
  margin-top: -1px;
  padding-right: 3px;
}

#articles-content .tag-search .tags {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 0;
}

@media (min-width: 1040px) {
  #articles-content .tag-search .tags {
    width: calc(100% - 10px);
  }
}

#articles-content .tag-search .tags span {
  float: left;
  text-align: center;
  width: 100%;
  padding: 20px 0;
  font-weight: bold;
}

#articles-content .tag-search {
  padding: 10px 0 10px 0px;
}

#articles-content .tag-search.hidden {
  display: none;
}

#articles-content .tag-search > div {
  border-top: 1px solid #d7d7d7;
  padding-top: 5px;
}

#articles-content .tag-search-mobile {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #d7d7d7;
}

#articles-content .tag-search-mobile.hidden {
  display: none;
}

#articles-content .button-set {
  width: 100%;
  padding: 30px 0 20px 0;
  margin-top: 0;
  margin-bottom: 20px;
  float: left;
  background: #fff;
}

#articles-content .select-menu-mobile {
  display: block;
  margin-bottom: 0;
}

@media (min-width: 0) and (max-width: 659px), (min-width: 660px) {
  #articles-content .select-menu-mobile {
    box-shadow: none;
  }
}

@media (min-width: 1040px) {
  #articles-content .select-menu-mobile {
    display: none;
  }
}

#articles-content .pagination {
  padding: 0 20px 20px 20px;
  text-align: center;
}

#articles-content .tag {
  font-size: 10px;
  font-weight: bold;
  padding: 0 10px;
  text-transform: uppercase;
  color: #fff;
  background-color: #7ac143;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  width: auto;
  margin-bottom: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

#articles-content .new-tag {
  font-size: 10px;
  font-weight: bold;
  padding: 0 10px;
  text-transform: uppercase;
  color: #fff;
  background-color: #7ac143;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  padding: 3px 10px !important;
  margin-left: 7px !important;
  width: auto;
  margin-bottom: 10px;
  top: 0;
  left: 0;
}

.media {
  clear: both;
}

.serverSig {
  background-color: #515151;
  color: #ccc;
  font-size: 9px;
}

.common-modal h3 {
  margin-top: 20px;
}

.common-modal P {
  line-height: 1.8;
  margin-bottom: 10px;
}

.close-icon {
  font-size: 22px;
  line-height: .5;
  position: absolute;
  top: 12px;
  right: 12px;
  color: #ccc;
  text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6);
  font-weight: bold;
  cursor: pointer;
}

.close-icon:hover {
  color: #ccc;
}

.icon-delete-fl-3:before {
  content: "\e3d8";
}

@media (min-width: 1560px) {
  #hrblSiteWrapper > section, #articles-content h5 {
    font-size: 17px;
    line-height: 1.8;
  }
}

/*# sourceMappingURL=main-articles.css.map */